@media only screen and (min-width:1801px) and (max-width:1920px){

	body{ font-size: 17.6px; }

	body .container{ max-width: 1700px !important;}

	

}



@media only screen and (min-width:1701px) and (max-width:1800px){

	body{ font-size: 17.3px; }

	body .container{ max-width: 1600px !important; }

}



@media only screen and (min-width:1601px) and (max-width:1700px){

	body{ font-size: 16.8px; }

	body .container{ max-width: 1500px !important; }

}



@media only screen and (min-width:1501px) and (max-width:1600px){

/* 	body{ font-size: 15px; } */

/* 	body .container{ max-width: 1400px !important; } */

}



@media only screen and (min-width:1401px) and (max-width:1500px){

	body{ font-size: 14.5px; }

	body .container{ max-width: 1300px !important; }

}



@media only screen and (min-width:1301px) and (max-width:1400px){

	body{ font-size: 14.3px; }

	body .container{ max-width: 1200px !important; }
	body .products .product{width: 23.45% !important;}
    body .site-head {font-size: 2.5em;}
    body .site-head-sm {font-size: 1.8em;}

}



@media only screen and (min-width:1201px) and (max-width:1300px){

	body{ font-size: 13.9px; }

	body .container{ max-width: 1170px !important;}
    body .products .product{width: 23.45% !important;}
    body .site-head {font-size: 2.6em;}
    body .site-head-sm {font-size: 1.8em;}

}



@media only screen and (min-width: 1101px) and (max-width: 1200px){

	body{ font-size: 12.8px; }

	body .container{ max-width: 1000px !important; }
 	body .products .product{width: 23.15% !important;}
    body .abb-row .banner-txt h1 {font-size: 3em;}
	body .site-branding .logo img{width:65%}
    body .site-head { font-size: 2.5em;} 
	body .site-head-sm {font-size: 1.7em;}
	body .site-footer .menu{gap: 1.5em;}

}



@media only screen and (min-width: 1001px) and (max-width: 1100px){

	body{ font-size: 12px; }

	body .container{ max-width: 950px !important; }
 	body .products .product{width: 23.15% !important;}
    body .abb-row .banner-txt h1 {font-size: 3em;}
	body .site-branding .logo img{width:65%}
    body .site-head { font-size: 2.5em;} 
	body .site-head-sm {font-size: 1.7em;}
	body .site-footer .menu{gap: 1.5em;}

}



@media only screen and (min-width: 768px) and (max-width: 1000px){

	body{ font-size: 11.7px; }

	body .container{ max-width: initial !important; width: auto;}
	body .site-branding .logo img{width:80%}
	body .site-header .flex-row .navigation .menu-wrapper{gap: 1.6em;}
	body .abb-row .banner-txt h1{font-size: 3.3em;width: 80%;}
	body .vid-sec .video-row .video-col video{height: 80vh;}
	body .innovating-storage > .container > .flex-row > .col-5{flex: 0 0 100%; width: 100%;}
	body .innovating-storage > .container > .flex-row > .col-7{flex: 0 0 100%; width: 100%;}
	body .innovating-storage > .container > .flex-row > .col-7 .innovating-img{text-align:center}
	body .innovating-storage > .container > .flex-row > .col-7 .innovating-img img{width:75%}
	body .innovating-storage > .container > .flex-row > .col-5 .innovating-content {text-align:center; margin-bottom:3em}
	body .site-head {font-size: 2.5em;}
	body .products{justify-content: center;}
	body .products .product{width: 29% !important;}
	body .our-services .flex-row > .col-3{flex: 0 0 33%; width: 33%;}
	body .services-col{margin-bottom:1em}
	body footer .est{padding: 2em 1em 1em 1em;}
	body footer .est .ten-year img{width: 65%;}
	body footer .menu-bar > .col-7{width:100%;flex: 0 0 100%;}
	body footer .menu-bar > .col-5{width:100%;flex: 0 0 100%;}
	body .site-footer .menu{ margin-bottom: 2em; justify-content: center;}
	body .site-footer .menu li a{font-size:1.1em}
	body footer .footer-socials ul{justify-content:center}
	body footer .footer-socials ul li a{font-size:1.1em}
	body .bottom-bar p{font-size:1.05em}
	body .inside-page-header .page-banner .featured-txt{height: 460px;}
	body .about .flex-row .col-3 {width:50%; flex:0 0 50%;margin-bottom:2em}
	body .certificate .col-3{width:50%; flex:0 0 50%;margin-bottom:2em}
	body .clients .cleint{height: 80px;}
	

/* 	body .flex-row{ flex-direction: column; }

	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; } */

}



@media (max-width: 767px){

	body{ font-size: 12px; }

	body .container{ max-width: initial !important; width:auto}

	body .flex-row{ flex-direction: column; }

	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; }
	body .flex-row .col-2-5	{ flex: 0 0 100%; width: 100%; }
	.des{display:none}
	.mob{display:block !important}
	.menu-link b:nth-child(1) {display: block;background: #000;width: 35px;height: 2px;border-radius: 20px;margin-bottom: 5px;}
	.mob .mobile-menu-link .menu-link b:nth-child(2) { display: block; background: #000; width: 25px; height: 2px; border-radius: 20px; margin-bottom: 5px;}
	.mob .mobile-menu-link .menu-link b:nth-child(3) { display: block; background: #000; width: 15px; height: 2px; border-radius: 20px; margin-bottom: 5px;}
	header.site-header{padding:0}
	header .header-socials ul{background:#BE4519;padding:0.5em 30px ;flex-wrap: wrap; justify-content: center;gap: 0;}
	header .header-socials ul li{margin:5px}
	header .header-socials ul li a{color:#fff}
	header .site-branding .logo img{width:65%}
	header .mob-header {display:flex;align-items:center;justify-content:space-between;padding:0.8em 15px !important}	
	body .abb-row .banner-txt h1{width:100%;font-size:1.9em}
	body .vid-sec .video-row .video-col video{height:310px}
	body .abb-row .banner-txt p{font-size:1em}
	body .site-head{font-size:1.8em}
	body .site-txt p{font-size:1.1em}
	body .site-a a{font-size:0.9em;padding:0.8em 2em}
	body .innovating-content{margin-bottom:1em}
	body .our-services .services-col img{width:25%}
	body .site-head-sm {font-size: 1.6em;}
	body .services-col{margin-bottom:1em}
	body .products{justify-content:normal}
	body .products .product{width:45.5% !important;margin:5px !important}
	.woocommerce ul.products li.product .woocommerce-placeholder{border:none}
	body .products .product h2{min-height: 3em;}
	body .cleints .cleints-row .clients-div{margin-bottom:2.5em}
	body .site-footer .menu{flex-wrap: wrap;gap:0;justify-content:center}
	body .site-footer .menu li{flex: 0 0 50%;width:50%;margin-bottom:1em;text-align:center}
	body footer .footer-socials ul{flex-direction:column}
	body footer .footer-socials ul li{text-align:center}
	body footer .footer-socials ul li a{font-size:1.05em}
	body .bottom-bar p{text-align:center}
	body .mm-navbar__title {background:#03395B}
	body .mm-navbar__title span{color:#fff}
/* 	body .inside-page-header .page-banner .featured-txt {height: 410px;} */
	body .history-img {margin-bottom:1em}
	body .cnc .cnc-points{margin-bottom:1em}
	body .sub-location{grid-template-columns: auto;}
	body .sub-location .icon{margin-bottom:1em}
	body .product-wrapper{flex-direction:column}
	body .bottom-bar{padding:1.3em 1em}
	body .page-banner .page-naam-parent h1{font-size:2.2em}
	body .location-address{display: flex; flex-direction: column; gap: 0.7em;}
	body .location-1 a {font-size:1em}
	body .clients .cleint img{}
	


}



@media only screen and (min-width: 640px) and (max-width: 767px){



}