@media (max-width:480px){
  .hero-title{font-size:28px !important; line-height:1.2 !important}
  .service-card-height,
  .compare-box-height,
  .textarea-wrapper{height:auto !important; min-height:unset !important}
  .container,.row,.section{padding-left:12px !important; padding-right:12px !important}
  .gallery-image{max-width:100% !important}
  [class*="col-"]{float:none !important; width:100% !important}
}

@media (max-width:480px){
  /* Navbar */
  .navbar a,.nav-link,.btn-nav{min-height:44px!important;padding:10px 14px!important;font-size:16px!important}
  .navbar-brand img,.logo img{max-width:140px!important;height:auto!important}
  .navbar .menu{display:none!important} .navbar .hamburger{display:block!important}

  /* Hero */
  .hero-title{font-size:clamp(24px,6vw,34px)!important;line-height:1.2!important;margin-bottom:12px!important}
  .hero .btn{min-height:44px!important;padding:12px 18px!important;font-size:16.5px!important}

  /* Layout */
  .container,.row,.section{padding-left:14px!important;padding-right:14px!important}
  [class*="col-"]{width:100%!important;float:none!important}
}

@media (max-width:480px){
  /* Services */
  .service-card-height,.compare-box-height{height:auto!important;min-height:unset!important}
  .service-card img{width:100%!important;height:auto!important;object-fit:cover!important;aspect-ratio:4/3}
  .service-card .btn{display:block!important;width:100%!important;margin-top:8px!important}

  /* Gallery */
  .gallery-image,img.gallery{max-width:100%!important;height:auto!important;object-fit:cover!important}
  .gallery .row{gap:10px!important}

  /* Footer */
  footer a,footer .btn{min-height:44px!important;padding:10px 14px!important;font-size:16px!important}

  /* Forms */
  input,select,textarea{font-size:16.5px!important}
  .form-group .btn[type=submit]{width:100%!important;min-height:44px!important}

  /* Navbar overlap */
  .has-sticky .hero,.navbar-fixed+.hero{padding-top:64px!important}
}

/* W3Menu force-visible fix */
@media (max-width:991.98px){
  #W3Menu, nav.header-nav.w3menu{display:block!important;visibility:visible!important;opacity:1!important}
  #W3Menu[aria-hidden="true"]{display:block!important;visibility:visible!important;opacity:1!important}
  .w3menu-start.mo-left{position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    right:auto!important;transform:none!important;width:min(85vw,360px)!important;background:#fff!important;z-index:10001!important}
  .menu-close,.fade-overlay{display:none!important}
  .nav.navbar-nav{display:flex!important;flex-direction:column!important;gap:10px!important}
}

  .menu-close,.fade-overlay{display:none!important}
  .nav.navbar-nav{display:flex!important;flex-direction:column!important;gap:10px!important}
}

/* FINAL NAVBAR RESTORE FIX */
@media (max-width:991.98px){
  #W3Menu,
  nav.header-nav.w3menu,
  nav.header-nav.w3menu-start.mo-left{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:10010!important;
    background:#fff!important;
  }

  #W3Menu[aria-hidden="true"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .menu-close,.fade-overlay{display:none!important}
  .nav.navbar-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:20px!important;
    gap:10px!important;
  }
}

@media (max-width:991.98px){
  #W3Menu{display:block!important}
  #W3Menu.w3menu-start.mo-left{transform:translateX(-100%)!important;visibility:hidden!important}
  #W3Menu.w3menu-start.mo-left.show{transform:none!important;visibility:visible!important}
}

@media (max-width:991.98px){
  nav.header-nav.w3menu#W3Menu{ display:block !important; visibility:visible !important; opacity:1 !important; }
  #W3Menu.mo-left{ right:-100% !important; position:fixed !important; top:0 !important; bottom:0 !important; width:min(85vw,360px) !important; background:#fff !important; z-index:10001 !important; }
  #W3Menu.mo-left.show{ right:0 !important; }
  .menu-close, .fade-overlay{ display:none !important; }
  nav.header-nav.w3menu .nav{ display:flex !important; flex-direction:column !important; gap:10px !important; }
  .w3menu-toggler{ display:block !important; }
}

@media (min-width: 992px) {
  .header-nav.w3menu ul.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px;
    flex-wrap: nowrap !important;
  }
  .header-nav.w3menu ul.navbar-nav > li {
    display: inline-block !important;
    flex: 0 0 auto !important;
  }
}