@media(max-width:768px){
     .logo{
         height: 35px;
     }
}
@media(min-width:769px) and (max-width:1200px){
 #navbar nav.space-x-8>a{margin-left:14px;font-size:14px}
}
@media(max-width:767px){
 #mobileMenu{background:#202b37;border-top:1px solid #344150;max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 16px 30px #17202d33}
 #mobileMenu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 #mobileMenu nav>a{display:flex;align-items:center;min-height:48px;margin-top:0;padding:10px 6px;border-bottom:1px solid #ffffff24;color:#fff;font-size:14px}
 #mobileMenu nav>a:hover{color:#fff;background:#ffffff18}
 #mobileMenu nav>a[href^="tel:"]{grid-column:span 2;color:#ff9c9c}
 footer.bg-secondary.text-white{padding-top:25px;padding-bottom:25px}
 footer .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-bottom:20px}
 footer h3{margin-bottom:8px!important;font-size:15px!important}
 footer p,footer li{font-size:12px;line-height:1.55;overflow-wrap:anywhere}
 footer ul.space-y-2>li+li{margin-top:4px}
 footer .border-t{padding-top:14px}
}
@media(min-width:768px) and (max-width:1100px){
 #navbar nav.hidden.md\:flex{display:none!important}
 #navbar #menuBtn{display:block!important}
 #mobileMenu:not(.hidden){display:block!important;background:#202b37;border-top:1px solid #344150;box-shadow:0 16px 30px #17202d33}
 #mobileMenu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 #mobileMenu nav>a{min-height:44px;margin-top:0;padding:10px 6px;border-bottom:1px solid #ffffff24;color:#fff;white-space:nowrap}
 #mobileMenu nav>a[href^="tel:"]{grid-column:span 2;color:#ff9c9c}
}
@media(min-width:1101px){#navbar nav.space-x-8>a{white-space:nowrap}#navbar a[href^="tel:"]{white-space:nowrap}#navbar .container>.flex>a:first-child,#navbar .navbar-phone{flex-shrink:0}}
@media(min-width:1101px) and (max-width:1279px){#navbar nav.space-x-8>a{margin-left:9px;font-size:12px}#navbar .container{max-width:none}#navbar a[href^="tel:"]{font-size:13px;white-space:nowrap}}