@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;
	}
	.absolute-footer .footer-primary .footer-nav li {
	    margin-left: 10px;
	    margin-right: 10px;
	}

	.absolute-footer .footer-primary .footer-nav li:last-child {
	    margin-right: 0;
	}

	.absolute-footer .footer-primary .footer-nav li:first-child {
	    margin-left: 0;
	}
	.header-wrapper.stuck div#masthead {
	    display: none;
	}
	.text-18 {
	    font-size: 18px;
	}
	.p-18 p {
	    font-size: 18px;
	}
	div#wide-nav .flex-col.hide-for-medium.flex-right.flex-grow>ul>li.current-menu-item>a{
	    font-weight: bold !important;
	}

}
@media(min-width: 1200px){
	#wide-nav .nav-spacing-large>li {
	    margin-left: 36px;
	    margin-right: 36px;
	}
}
@media(min-width: 1300px){
	.slider-product-list  button.slick-prev.slick-arrow {
	    left: -40px;
	}

	.slider-product-list button.slick-next.slick-arrow {
	    right: -40px;
	}
}
@media(max-width: 850px){
	div#main-menu>div> ul>li>a {
	    font-weight: bold;
	    color: var(--color2);
	    font-size: 16px;
	}

	div#main-menu>div> ul>li:hover>a, div#main-menu>div> ul>li.current-menu-item>a {
	    color: var(--color1);
	}
}
@media(max-width: 768px){
	.banner-page1 h2 {
	    font-size: 28px;
	}
}
@media(max-width: 550px){
	h1{
	    font-size: 30px;
	}
	h2{
	    font-size:26px;
	}
	h3{
	    font-size:22px;
	}
	h4{
	    font-size:20px;
	}
	h5{
	    font-size:18px;
	}
	h6{
	    font-size:18px;
	}
	.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=============*/
	span.call-hder {
	    font-size: 16px;
	}

	span.call-hder a {
	    font-size: 18px;
	}
	.absolute-footer.text-center ul {
	    padding-top: 0;
	    padding-bottom: 0;
	}

	.absolute-footer .footer-primary .footer-nav li a {
	    font-size: 14px;
	}
	.title-header h4 span {
	    max-width: 250px;
	}

	.title-header h4 span {
	    font-size: 17px;
	    line-height: 20px;
	    padding-left: 8px;
	    padding-right: 8px;
	    max-width: 211px;
	}
}