@media (min-width: 1200px){
    .mega-menu-item:hover .mega-menu{
        display:block;
    }
}

@media (max-width: 1199px){
    .topbar{
        display:none;
    }

    .main-header{
        background:#08111f;
    }

    .mega-menu{
        width:100% !important;
        left:0 !important;
        transform:none !important;
        padding:20px;
        border-radius:12px;
        margin-top:12px !important;
    }

    .nav-right-btn{
        margin-left:0;
        margin-top:15px;
    }

    .custom-navbar .nav-link{
        padding:12px 0 !important;
    }

    .mega-menu-title{
        font-size:13px;
    }

    .mega-menu-links li a{
        font-size:13px;
    }

    .mega-highlight-box{
        margin-top:15px;
    }
}

@media (max-width: 991px){
    .section-space{
        padding:75px 0;
    }

    .hero-section{
        min-height:auto;
        padding:110px 0 80px;
    }

    .feature-strip-section{
        margin-top:0;
        padding-top:40px;
    }

    .hero-title{
        font-size:42px;
    }

    .image-mosaic{
        grid-template-columns:1fr 1fr;
    }

    .client-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    .testimonial-text{
        font-size:18px;
    }

    .hero-light-1,
    .hero-light-2{
        width:200px;
        height:200px;
    }

    .section-light{
        width:200px;
        height:200px;
    }
}

@media (max-width: 767px){
    .hero-title{
        font-size:34px;
    }

    .hero-subtitle{
        font-size:16px;
    }

    .btn{
        width:100%;
        text-align:center;
    }

    .hero-btns{
        flex-direction:column;
    }

    .feature-card,
    .feature-list-card,
    .testimonial-card,
    .info-card{
        padding:24px;
    }

    .image-mosaic{
        grid-template-columns:1fr;
    }

    .box-1,
    .box-2,
    .box-3,
    .box-4{
        height:220px;
    }

    .client-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .counter-box h3{
        font-size:30px;
    }

    .cta-dark-section{
        padding:70px 0;
    }

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom .text-md-end{
        text-align:center !important;
        margin-top:8px;
    }

    .hero-section::before,
    .hero-section::after{
        display:none;
    }

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

@media (max-width: 575px){
    .section-heading h2{
        font-size:28px;
    }

    .client-grid{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .client-logo{
        min-height:82px;
        padding:16px;
    }

    .stats-row{
        row-gap:12px;
    }

    .stat-box{
        padding:12px;
    }

    .stat-box h3{
        font-size:28px;
    }

    .counter-box h3{
        font-size:24px;
    }

    .cta-box h2{
        font-size:28px;
    }
}