@media(max-width:1100px){
  .nav-links{
    gap:18px;
  }
  .nav-links a{
    font-size:14px;
  }
  .logo img{
    height:56px;
  }
  .slide-content{
    max-width:560px;
  }
}

@media(max-width:900px){
  .topbar .container{
    justify-content:center;
    text-align:center;
    font-size:13px;
  }

  .topbar span{
    display:inline-block;
    margin:2px 8px;
  }

  .menu-btn{
    display:block;
  }

  .nav-inner{
    padding:9px 0;
  }

  .nav-links{
    display:none;
    position:absolute;
    top:76px;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:14px 22px 24px;
    box-shadow:var(--shadow);
    border-top:1px solid #eee;
  }

  .nav-links.show{
    display:flex;
  }

  .nav-links li{
    width:100%;
    border-bottom:1px solid #f1f1f1;
  }

  .nav-links a{
    display:block;
    width:100%;
    padding:13px 0;
    font-size:15px;
  }

  .dropdown-menu{
    position:static;
    display:block;
    box-shadow:none;
    min-width:100%;
    padding:0 0 8px 12px;
    border-radius:0;
  }

  .dropdown-menu a{
    padding:8px 0;
    font-size:14px;
    color:#555;
  }

  .hero-slider{
    height:70vh;
    min-height:520px;
  }

  .slide::before{
    background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.54),rgba(0,0,0,.25));
  }

  .slide-content{
    left:24px;
    right:24px;
    max-width:620px;
  }

  .slide-content h1{
    font-size:clamp(32px,7vw,46px);
  }

  .slide-content p{
    font-size:16px;
    max-width:520px;
  }

  .slider-arrows{
    display:none;
  }

  .slider-controls{
    left:24px;
    bottom:22px;
  }

  .about-grid,
  .contact-grid,
  .split-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .service-grid,
  .gallery-grid{
    grid-template-columns:1fr 1fr;
  }

  .process-grid,
  .stats{
    grid-template-columns:1fr 1fr;
  }

  .section{
    padding:66px 0;
  }

  .panel{
    padding:28px;
  }
}

@media(max-width:600px){
  .container{
    width:92%;
  }

  .topbar{
    font-size:12.5px;
  }

  .topbar .accent{
    display:none;
  }

  .logo img{
    height:48px;
  }

  .nav-links{
    top:68px;
  }

  .hero-slider{
    height:72vh;
    min-height:500px;
  }

  .slide img{
    object-position:center;
  }

  .slide:first-child img{
    object-position:center center;
  }

  .slide-content{
    left:18px;
    right:18px;
    top:52%;
  }

  .slide-content .small-title{
    font-size:11px;
    letter-spacing:1.3px;
    margin-bottom:9px;
  }

  .slide-content h1{
    font-size:30px;
    line-height:1.12;
    margin-bottom:11px;
  }

  .slide-content p{
    font-size:14.5px;
    line-height:1.55;
  }

  .btn-row{
    gap:10px;
    margin-top:18px;
  }

  .btn{
    padding:11px 16px;
    font-size:13px;
  }

  .dot{
    width:30px;
    height:4px;
  }

  .service-grid,
  .gallery-grid,
  .process-grid,
  .stats{
    grid-template-columns:1fr;
  }

  .service-card img{
    height:220px;
  }

  .gallery-item{
    min-height:240px;
  }

  .section{
    padding:54px 0;
  }

  .section-title{
    margin-bottom:30px;
  }

  .section-title h2{
    font-size:28px;
  }

  .section-title p{
    font-size:15px;
  }

  .panel{
    padding:22px;
    border-radius:16px;
  }

  .panel h3{
    font-size:24px;
  }

  .page-hero{
    padding:88px 0;
  }

  .page-hero h1{
    font-size:32px;
  }

  .footer{
    padding-top:42px;
  }

  .footer-grid{
    gap:22px;
  }

  .whatsapp-label{
    display:none;
  }

  .whatsapp-float{
    width:54px;
    height:54px;
    right:16px;
    bottom:16px;
  }

  .whatsapp-float svg{
    width:30px;
    height:30px;
  }
}

@media(max-width:380px){
  .slide-content h1{
    font-size:27px;
  }

  .slide-content p{
    font-size:13.5px;
  }

  .btn{
    width:100%;
    justify-content:center;
  }

  .hero-slider{
    min-height:520px;
  }
}