@media(max-width:1399.98px){.navbar-nav .nav-link{padding:.8rem .65rem;font-size:.9rem}}
@media(max-width:1199.98px){
 .navbar-collapse{max-height:calc(100vh - 90px);overflow-y:auto;padding:1rem 0;border-top:1px solid #e3eef3;margin-top:.6rem}
 .navbar-nav .nav-link::before{display:none}
 .dropdown-menu{box-shadow:none;background:var(--light);margin:.2rem 0 .6rem}
}
@media(max-width:991.98px){
 .section{padding:76px 0}
 .quick{margin-top:-56px}
 .hero-slide{height:560px}
 .hero-slide::before{background:linear-gradient(90deg,rgba(23,50,77,.92),rgba(23,50,77,.55))}
 .about-img,.why-img{max-width:560px;margin-left:auto;margin-right:auto}
 .exp-badge{right:10px}
}
@media(max-width:767.98px){
 .section{padding:60px 0}
 .navbar-brand img{height:42px}
 .quick{margin-top:0;padding-top:1.5rem;background:var(--light)}
 .qcard{box-shadow:var(--shadow)}
 .hero-slide{height:auto;display:block}
 .hero-slide picture{display:block}
 .hero-slide img{position:static;height:260px;object-position:70% center}
 .hero-slide::before{display:none}
 .hero-slide .container{background:var(--dark);padding:2rem 1.25rem 4.2rem}
 .hero-copy{padding-bottom:0}
 .hero-copy p{font-size:1rem}
 .hero-copy .btn-lg{padding:.7rem 1.3rem;font-size:.95rem;flex:1 1 100%}
 .carousel-indicators{margin-bottom:1.2rem}
 .hero .carousel-control-prev,.hero .carousel-control-next{display:none}
 .sec-head{margin-bottom:2.2rem}
 .form-card{padding:1.6rem}
 .testi{padding:1.8rem 1.2rem}
 .testi blockquote{font-size:1.02rem}
 .cta{padding:70px 0}
 .cta .btn{width:100%}
 .call-panel{width:min(270px,calc(100vw - 100px))}
 .float-btns{right:12px;bottom:12px}
 .fb{width:48px;height:48px;font-size:1.2rem}
}
@media(max-width:575.98px){
 .mega-grid{grid-template-columns:1fr}
 .exp-badge{padding:.8rem 1.1rem;right:6px}
 .exp-badge strong{font-size:1.7rem}
 .doc .btn{font-size:.78rem;padding:.4rem .5rem}
}
@media(max-width:400px){
 .container{padding-left:1rem;padding-right:1rem}
 .hero-slide img{height:220px}
 .qcard{padding:1.1rem}
}


/* Quick Actions - Mobile: 2 Columns */
@media (max-width: 575.98px) {
    .quick .row > div {
        width: 50%;
    }

    .quick .qcard {
        height: 100%;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .quick .qcard .ico {
        flex-shrink: 0;
    }

    .quick .qcard h3 {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .quick .qcard p {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 0;
    }
    
    
    .quick .qcard .ico {
        display: none;
    }

    .quick .qcard {
        padding: 15px 12px;
        text-align: left;
    }

    .quick .qcard h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    .quick .qcard p {
        font-size: 12px;
        line-height: 1.4;
    }
    
}