@media(min-width: 850px){
	.row-5>.col{
		max-width: 20%;
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
	
	.plain1.content-news-post .box-image.img-boder {
	    width: 35% !IMPORTANT;
	    border-radius: 5px;
	}
	.header-wrapper.stuck div#masthead {
	    display: none;
	}
}
@media(max-width: 849px){
	.header-wrapper.stuck div#wide-nav {
	    display: none;
	}
	/*=============menu============*/
	.mobile-sidebar .sidebar-menu ul>li>ul {
	    background-color: #006c39;
	    padding-bottom: 0px !IMPORTANT;
	  
	}

	.mobile-sidebar .sidebar-menu ul>li>ul>li {
	    border-bottom: solid 1px rgb(252 252 252 / 31%);
	}

	.mobile-sidebar .sidebar-menu ul>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    position: relative;
	}
	.mobile-sidebar .sidebar-menu ul>li>a:hover{
		        color: var(--color-4);
	}
	.mobile-sidebar .sidebar-menu ul>li>a button.toggle {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.mobile-sidebar .sidebar-menu>ul>li.menu-item-has-children.active>a:before {
	    content: "";
	    display: block;
	    border-left: solid 6px transparent;
	    border-right: solid 6px transparent;
	    border-top: solid 6px #00783F;
	    position: absolute;
	    top: 100%;
	    z-index: 6;
	}

	.mobile-sidebar .sidebar-menu>ul>li.menu-item-has-children button.toggle {
		/* background-color: var(--color-4); */
		opacity: 1;
		top: 0;
		height: 47px;
		/* color: #000; */
	}

	.mobile-sidebar .sidebar-menu>ul>li.menu-item-has-children button.toggle i {
		/* color: #000; */
	}
	/*=============menu============*/
	/*=============blog==========*/
	.related-post .box.box-normal {
	    display: flex;
	    width: 100%;
	}

	.related-post .box.box-normal .box-image {
	    width: 30%;
	}

	.related-post .box.box-normal .box-text.text-left {
	    width: 70%;
	    padding-left: 15px;
	    padding: -0;
	    display: flex;
	    align-items: center;
	    padding-left: 20px;
	}

	.related-post .col.post-item {
	    padding-bottom: 15px;
	}

	.related-post .box.box-normal  .is-divider {
	    display: none;
	}

	.title-reater {
	    font-weight: bold;
	    color: var(--color1););
	}

	.related-post .image-cover {
	    padding-top: 100px !important;
	}
	/*=============blog==========*/
	.header-main span.menu-title.uppercase.hide-for-small {
		display: block !IMPORTANT;
		position: absolute;
		color: #000;
		bottom: -20px;
	}
	.header-main .header-button>a {margin-top: -5px;}
    
}
@media(max-width: 550px){
	h1{
	    font-size: 26px;
	}
	h2{
	    font-size:24px;
	}
	h3{
	    font-size:18px;
	}
	h4{
	    font-size:16px;
	}
	h5{
	    font-size:15px;
	}
	h6{
	    font-size:14px;
	}
	.section-pd {
	    padding-top: 50px !IMPORTANT;
	    padding-bottom: 30px !IMPORTANT;
	}
	.sitepath.clearfix {
	    padding-top: 26px;
	    padding-bottom: 30px;
	}	
	.sitepath-l h1 {
	    font-size: 30px;
	}
	.list-contact {
	    bottom: 51px;
	    top: auto;
	    transform: translateY(0);
	}
	/*===================blog widget=============*/
	.blog-wiget .box.box-vertical {
	    display: table;
	    width: 100%;
	}

	.blog-wiget .box.box-vertical .box-image {
	    direction: ltr;
	    display: table-cell;
	    vertical-align: middle;
	    width: 28% !IMPORTANT;
	}

	.blog-wiget .box.box-vertical .box-text.text-left {
	    direction: ltr;
	    display: table-cell;
	    vertical-align: middle;
	}
	/*===================blog widget=============*/
	.box-ceo1 {
	    flex-flow: column;
	}

	.box-ceo1 .icon-box-text.last-reset {
	    padding-left: 0;
	    padding-top: 20px;
	}
	.table-dev table tr td:first-child {
		display: none !IMPORTANT;
	}
}