@media (max-width: 1999px) {

    html{ font-size: 16px; }



}

@media (max-width: 1899px) {

    html{ font-size: 16px; }    



}



@media (max-width: 1799px) {

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

}



@media (max-width: 1699px){

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

}



@media (max-width: 1599px) {

	html{ font-size: 15px; }

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

}



@media (max-width: 1499px) {

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

}



@media (max-width: 1399px) {

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

	body #content .main-head{font-size: 2.5em;}

	body #content .sub-head{font-size: 1.35em;}

}



@media (max-width: 1299px) {

	html{ font-size: 14px; }

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

}



@media (max-width: 1199px) {

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

	body #content .hero-sec .hero-details-row .hero-head{font-size: 2.5em;}

	body #content .main-head{font-size: 2.2em;}

	body #content .sub-head{font-size: 1.25em;}

	body #content .txt p , body #content .txt ul li , body #content .txt a{font-size: 1em;}



}



@media (max-width: 1099px) {

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

}



@media (max-width: 1024px) {

	html{ font-size: 12px; }

	body .container{ max-width: initial; box-sizing: border-box; }

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

	body #content .main-head{font-size: 2.2em;}
	body #content .sub-head{font-size: 1.2em;}
	body #content ul.products{grid-template-columns: repeat(2, 1fr);}
}



@media (max-width: 768px) {
	body .mob-show{ display: block !important; }
	
	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%; }
	header#masthead .logo-wrapper{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
	header#masthead .logo-wrapper .logo{ width: 50%; }
	header#masthead .logo-wrapper .logo img{ width: 100%; }
	header#masthead .menu-wrapper{ display: none; }

	body .max-60 , body .max-80{max-width: initial;}
	body .px-10{padding: 1em;}
	body .wpb_single_image{margin-bottom: 1em;}
	body #content .main-head{font-size: 2em;}
	body #content .sub-head{font-size: 1.2em;}
	body #content .btn-flex{flex-direction: column;}
	body #content ul.products{grid-template-columns: repeat(2, 1fr);}
	body #content .woo-wrap{margin-bottom: 3.8em;}

	body #content .woo-wrap .woo-filters{ width: 100%; margin-bottom: 1em;}
    body #content .woo-wrap .woo-content{ width: 100%; }
	body #content .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews{flex-direction: column; gap: 1em;}
	body #content .about-sec .about-head{font-size: 2.5em;}
	body #content .collection-sec .collection-row .wpb_column{margin-bottom: 2em;}
	body #content .brands-row{display: grid; grid-template-columns: auto auto;}
	
	body footer#colophon .footer-main .footer-top>.flex-row{grid-template-columns: auto;}
	body footer#colophon .footer-main .footer-top .footer-col{margin-bottom: 2em;}
}