@media (max-width: 1899px) {



    



}







@media (max-width: 1799px) {







}







@media (max-width: 1699px) {







}







@media (max-width: 1599px) {



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



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



}







@media (max-width: 1499px) {



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



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



}







@media (max-width: 1399px) {



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



	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: 1000px; }



}







@media (max-width: 1024px) {



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



	body .container{ max-width: initial; }

	body #content .areas-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

	body #content .reviews-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

	body #content .value-cards{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

	body #content .services-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

	body #content .pricing-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }

}







@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{flex-direction: column;}

	body header#masthead .flex-row>div{display: none;}
	body header#masthead .main-menu{display:none !important;}
	body header#masthead .flex-row>div.mob-flex{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1rem; }
	body header#masthead .flex-row .mob-flex .logo{width: auto; flex: 1 1 auto; min-width: 0;}
	body header#masthead .flex-row .mob-flex .logo .logo-link{align-items: center; gap: 0.5rem;}
	body header#masthead .flex-row .mob-flex .logo .logo-image img,
	body header#masthead .flex-row .mob-flex .logo .logo-image .custom-logo{width: 52px; height: 52px; max-width: 52px !important;}
	body header#masthead .flex-row .mob-flex .logo .logo-text .logo-title{font-size: 1rem;}
	body header#masthead .flex-row .mob-flex .logo .logo-text .logo-tagline{font-size: 0.55rem; letter-spacing: 0.04em;}
	body header#masthead .flex-row .mob-flex .mobile-menu-link{width: 35%; flex: 0 0 35%;}
	body header#masthead .flex-row .mob-flex .menu-link{display: flex; justify-content: end; align-items: center;}
	body header#masthead .flex-row .mob-flex .menu-link b{display: block; background: #999999 ; width: 40px; height: 3px; border-radius: 20px; margin-top: 10px; transition: 0.4s;}

	body header#masthead .header-main .flex-row > .head-btns{display: none;}



	body #content .hero-sec .hero-row .hero-txt h1{font-size: clamp(2.25rem, 8vw, 3rem);}
	body #content .hero-sec .hero-txt .rating-badge{grid-template-columns: repeat(3, 1fr); gap: 0.75rem 0.5rem; max-width: 100%;}
	body #content .btn-flex{flex-direction: column; gap: 1rem; align-items: self-start !important;}
	body #content .btn-flex.justify-center{align-items: center;}
	body #content .main-head{font-size: 2.5rem;}

	body #content .features-bar-row .features-bar-txt{justify-content: flex-start !important; margin-bottom: 0.5rem !important;}

	body #content .value-cards{ grid-template-columns: 1fr; gap: 1rem; }

	body #content .services-grid{ grid-template-columns: 1fr; gap: 1rem; }

	body #content .pricing-grid{ grid-template-columns: 1fr; gap: 1rem; }

	body form.wpcf7-form .flex-row{ flex-direction: column; gap: 0 !important; }
	body form.wpcf7-form .form-group.col-6{ flex: 0 0 100% !important; width: 100% !important; }
	body form.wpcf7-form .submit-btn p::before{ transform: translate(calc(-50% - 4.75rem), -50%); }

	body #content .passnaz-contact-list .passnaz-contact-item{padding: 1rem;}
	body #content .passnaz-contact-list .passnaz-contact-item .passnaz-contact-text .passnaz-label{font-size: 1.15rem;}
	body #content .passnaz-contact-list .passnaz-contact-item .passnaz-contact-text .passnaz-value{font-size: 1.6rem; line-height: 1.12;}

	body footer#colophon .footer-main .flex-row{ grid-template-columns: 1fr 1fr; gap: 2rem; }
	body footer#colophon .footer-main .foot-1{ grid-column: 1 / -1; }
	body footer#colophon .footer-main{padding-top: 2rem; padding-bottom: 1.75rem;}
	body footer#colophon .footer-main .foot-1 .logo img{width: 130px;}
	body footer#colophon .copyright .copyright-inner{flex-direction: column; align-items: flex-start; gap: 0.75rem;}
	body footer#colophon .copyright .whatsapp-link{font-size: 0.85rem;}

}