@media(max-width:991.98px){
  .site-header .navbar{min-height:72px;flex-wrap:wrap;justify-content:space-between}
  .brand-lockup{order:0}
  .brand-lockup img{width:205px}
  .header-tools{order:1;display:flex;align-items:center;gap:8px;margin-left:auto}
  .header-tools .header-call{padding:9px 11px;font-size:12px;white-space:nowrap}
  .navbar-collapse{order:2;display:block!important;flex:0 0 calc(100% + 24px);width:calc(100% + 24px);margin:0 -12px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.16)}
  .navbar-nav{flex-direction:row;flex-wrap:nowrap;align-items:center!important;justify-content:center;gap:0 14px;width:100%;margin:0!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .navbar-nav::-webkit-scrollbar{display:none}
  .navbar .nav-item{flex:0 0 auto;margin:0!important}
  .navbar-nav .dropdown{position:static}
  .navbar .nav-link{padding:7px 0!important;white-space:nowrap}
  .navbar .nav-item .btn{margin:0}
  .navbar .nav-link.dropdown-toggle{padding-right:13px!important}
  .product-nav-menu{position:absolute!important;top:calc(100% + 4px)!important;left:12px!important;right:12px!important;width:auto;min-width:0;max-width:520px;max-height:min(52svh,400px);margin:0 auto;padding:10px;transform:none!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;overflow-y:auto;overscroll-behavior:contain}
  .product-nav-menu.show{display:grid}
  .product-nav-menu li:first-child{grid-column:1/-1}
  .product-nav-menu .dropdown-item{padding:10px;font-size:12px}
  .hero-section{height:calc(100svh - 72px);min-height:560px}
  .hero-content{padding-top:45px;padding-bottom:120px}
  .hero-slide-shade{background:linear-gradient(90deg,rgba(25,28,29,.89),rgba(33,36,37,.54) 74%,rgba(33,36,37,.28)),linear-gradient(0deg,rgba(25,28,29,.55),transparent 40%)}
  .hero-vertical-label{right:25px}
  .section-pad{padding:78px 0}
  .industry-intro{margin:18px 0 0}
}
@media(max-width:767.98px){
  body{font-size:15px}
  .hero-section{height:calc(100svh - 72px);min-height:560px}
  .hero-slide-image{object-position:58% center}
  .hero-slide-shade{background:linear-gradient(90deg,rgba(25,28,29,.88),rgba(33,36,37,.56) 80%,rgba(33,36,37,.3)),linear-gradient(0deg,rgba(25,28,29,.57),transparent 40%)}
  .hero-content{padding-top:40px;padding-bottom:125px}
  .hero-section h1{font-size:clamp(45px,12vw,66px)}
  .hero-content>p{font-size:16px;max-width:450px}
  .hero-vertical-label{display:none}
  .hero-controls{bottom:22px;gap:15px}
  .hero-slide-actions button{width:36px;height:36px}
  .hero-slide-dots{gap:4px}
  .hero-slide-dots button{width:8px}
  .hero-slide-dots button.is-active{width:20px}
  .hero-scroll{display:none}
  .section-pad{padding:65px 0}
  .section-heading-row{align-items:flex-start}
  .intro-image img{min-height:280px}
  .intro-stats{gap:12px}
  .intro-stats span{font-size:10px}
  .industry-list>div{grid-template-columns:42px 44px 1fr;min-height:72px}
  .industry-list strong{font-size:16px}
  .approach-grid{gap:10px}
  .approach-grid article{padding:20px 16px}
  .approach-grid h3{font-size:14px}
  .contact-cta{padding:48px 0}
  .form-panel{padding:25px 20px}
  .page-hero{padding:70px 0}
  .product-detail-hero{padding:22px 0 60px}
  .product-breadcrumb{margin-bottom:30px;flex-wrap:wrap}
  .product-detail-lead{font-size:15px}
  .product-enquiry-note{align-items:flex-start;flex-direction:column;padding:26px 22px}
  .product-enquiry-note .btn{width:100%}
  .empty-range-card{padding:24px;gap:17px}
  .empty-range-card .btn{width:100%}
}
@media(max-width:575.98px){
  .row.g-5{--bs-gutter-x:1.5rem}
  .site-header .navbar{padding-right:12px;padding-left:12px}
  .brand-lockup img{width:clamp(125px,43vw,175px)}
  .header-tools{gap:6px}
  .header-tools .header-call{padding:8px 9px;font-size:11px}
  .navbar-collapse{flex-basis:calc(100% + 24px);width:calc(100% + 24px);padding-right:8px;padding-left:8px}
  .navbar-nav{gap:0 12px}
  .product-grid,.product-grid.row,#productGallery{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
  .product-card>img{height:130px}
  .product-card-body{padding:14px 12px}
  .product-card h2,.product-card h3{font-size:15px;line-height:1.3}
  .product-card p{font-size:12px;line-height:1.5;min-height:0}
  .product-card-body>a{font-size:11px;gap:6px}
  .product-index{font-size:8px}
}
@media(max-width:420px){
  .brand-lockup img{width:clamp(118px,39vw,155px)}
  .hero-section{min-height:540px}
  .hero-content .btn{width:100%}
  .intro-stats{flex-wrap:wrap}
  .intro-stats div{width:calc(50% - 6px)}
  .approach-grid{grid-template-columns:1fr}
  .footer-bottom div{gap:12px}
  .navbar-nav{gap:0 10px}
  .navbar .nav-link{font-size:12px}
}
