@media (max-width: 1899px) {



    



}







@media (max-width: 1799px) {







}







@media (max-width: 1699px) {







}







@media (max-width: 1599px) {



	:root{ --global-font-size-html: 16px; }



    body .container{ max-width: 1450px; }



}







@media (max-width: 1499px) {



	:root{ --global-font-size-html: 15px; }



	body .container{ max-width: 1350px; }
	body #content .hero-sec .hero-slider .hero-txt > .wpb_wrapper{margin-bottom: 2rem;}


}







@media (max-width: 1399px) {



	:root{ --global-font-size-html: 14px; }



	body .container{ max-width: 1250px; }



}







@media (max-width: 1299px) {



	:root{ --global-font-size-html: 14px; }



	body .container{ max-width: 1150px; }



}







@media (max-width: 1199px) {



	:root{ --global-font-size-html: 13px; }



	body .container{ max-width: 1050px; }



}







@media (max-width: 1099px) {



	:root{ --global-font-size-html: 12px; }



	body .container{ max-width: 950px; }



}







@media (max-width: 1024px) {



	:root{ --global-font-size-html: 11px; }



	body .container{ max-width: initial; }
	body #content .main-head{font-size: 3.8rem;}


}







@media (max-width: 768px) {



	:root{ --global-font-size-html: 14px; }







	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 .desk-hidden{display: block !important;}



	body .mob-hidden{display: none;}


	body header#masthead .top-bar ul.contact-details li:first-child{display: none;}
	body header#masthead .flex-row .col-8{display: none;}
	body header#masthead .flex-row .header-options{display: none;}
	body header#masthead div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; }
	body header#masthead .mob-flex .logo{width: 65%; flex: 0 0 65%;}
	body header#masthead .mob-flex .logo img{width: 40%; height: auto;}
	body header#masthead.sticky .header-main .logo img{width: 40%;}
	body header#masthead .mob-flex .mobile-menu-link{width: 35%; flex: 0 0 35%;}
	body header#masthead .mob-flex .menu-link{display: flex; justify-content: end; align-items: center;}
	body.home header#masthead .mob-flex .menu-link b{background: #fff;}
	body header#masthead.sticky .mob-flex .menu-link b{background: #020016;}
	body header#masthead .mob-flex .menu-link b{display: block; background: #020016 ; width: 30px; height: 2px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}
	body header#masthead .mob-flex .menu-link b:first-child{margin-top: 0;}
	body #content .btn-flex{flex-direction: column; gap: 1rem; align-items: self-start;}
	body #content .btn-flex.justify-center{align-items: center;}
	body #content .main-head{font-size: 2.5rem;}

	body #content .hero-sec .hero-slider .hero-txt .main-head{font-size: 3rem;}
	body #content .hero-sec .hero-slider .container{padding: 0 0.9375rem;}
	body #content .engineered-sec .engineered-row::before{display: none;}
	body #content .engineered-sec .engineered-row .engineered-inner .engineered-txt{margin: 1rem 0;}
	body #content .engineered-sec .engineered-row::before{display: none;}
	body #content .engineered-sec .wwa-row .wwa-inner .wpb_column > .vc_column-inner .wpb_wrapper{margin-bottom: 2rem;}
	body #content .cat-grid .cat-grid-inner{grid-template-columns: repeat(1, 1fr);}
    body #content .wwa-inner{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
	body #content .wwa-inner:before{display: none;}
	body #content .wwa-inner:after{display: none;}

	body #content ul.products{grid-template-columns: repeat(2, 1fr);}
	body #content ul.products li.product{width: 100%;}
	body #content ul.products li.product a.button{visibility: visible; opacity: 1;}
	body #content ul.products li.product .lower-part{grid-template-columns: 60% 40%;}
	body #content ul.products li.product .lower-part .add-to-cart-btn a.button{height: 2rem; width: 2rem;}
	body #content ul.products li.product .lower-part .add-to-cart-btn a.button::before{font-size: 0.85rem;}

	body #content .testimonials-sec .testimonials-row .testimonial-txt{margin: 0 1rem; opacity: 1 !important;} 
	body #content .testimonials-sec .testimonials-row .testimonial-txt .flex-row .testimonials-details h4,body #content .testimonials-sec .testimonials-row .testimonial-txt .flex-row .testimonials-details p{text-align: center;}
	body #content .engineered-sec .logo-grid ul.slick-dots{margin-top: 1rem; margin-bottom: 2rem;}
	
	body #content .woocommerce-content .woo-wrap{flex-direction: column;}
    body #content form.woocommerce-checkout{display: block;}
	body #content .woocommerce-content .woo-wrap .woo-filters , body #content .woocommerce-content .woo-wrap .woo-content{width: 100%;}
	body #content .woocommerce-content .woo-wrap .woo-filters #filters-toggle{margin-bottom: 1rem;}
	body #content .woocommerce-content .woo-product .product .product-upper-wrapper span.onsale{top: 3%;left: 80%;}
	body #content .woocommerce-content .woo-wrap .woo-content .woof_products_top_panel .woof_products_top_panel_ul li .woof_remove_ppi{font-size: 0.9625rem;background-position-y: 1px;}
	body #content .woocommerce-content .woo-wrap .woo-content .woof_products_top_panel .woof_products_top_panel_ul li ul li{font-size: 0.9625rem;}
	body #content .woocommerce-content .woo-wrap .woo-filters #filters-wrap{display: none;}
	body #content .woocommerce-content .woo-wrap .woo-filters #filters-wrap .chosen-container{width: 100% !important;}
	body #content .woocommerce-content .woo-wrap .woo-content .brand-download-btn a{padding: 0.806rem 1rem 0.806rem 2rem; font-size: 1rem;}

	body footer#colophon .footer-top .main-head{font-size: 2.5rem;}

	body footer#colophon .footer-main .foot-2 ul.menu-wrapper{justify-content: end; flex-wrap: wrap;}

	body footer#colophon .footer-main .flex-row{grid-template-columns: 1fr; gap: 2rem;}

}