@media (max-width:992px){

    .hero-content{

        grid-template-columns:1fr;

        text-align:center;

    }

    .hero-description{

        margin:0 auto 40px;

    }

    .hero-buttons{

        justify-content:center;

        flex-wrap:wrap;

    }

    .hero-stats{

        justify-content:center;

        flex-wrap:wrap;

    }

    .website-preview{

        width:100%;

        max-width:520px;

    }

    .floating-card{

        display:none;

    }

    .nav-links{

        display:none;

    }
    .menu-toggle{

    display:flex;

}

.navbar > .btn{

    display:none;

}

}
@media (max-width:768px){

    .industry-grid{

        grid-template-columns:1fr;

    }

    .section-header h2{

        font-size:2.2rem;

    }

}
@media (max-width:992px){

    .transformation-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:992px){

    .services-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:992px){

    .why-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .header{

        top:10px;

    }

    .navbar{

        height:70px;

        padding:0 20px;

    }

    .logo{

        font-size:1.5rem;

    }

    .mobile-menu{

        position:fixed;

        top:0;

        right:0;

        width:min(85%,380px);

        height:100vh;

        background:#ffffff;

        z-index:2000;

        padding:100px 35px 40px;

        box-shadow:-20px 0 50px rgba(0,0,0,.12);

        transform:translateX(100%);

        transition:transform .4s ease;

        display:flex;

        flex-direction:column;

    }

    .mobile-menu.active{

        transform:translateX(0);

    }

    .mobile-menu-close{

        position:absolute;

        top:25px;

        right:25px;

        width:45px;

        height:45px;

        border:none;

        border-radius:12px;

        background:#EFF6FF;

        color:#2563EB;

        display:flex;

        align-items:center;

        justify-content:center;

        cursor:pointer;

    }

    .mobile-menu ul{

        list-style:none;

        display:flex;

        flex-direction:column;

        gap:25px;

        margin:0;

        padding:0;

    }

    .mobile-menu a{

        color:#0B1F3A;

        font-size:1.2rem;

        font-weight:600;

    }

    .mobile-menu ul a:hover{

        color:#2563EB;

    }

    .mobile-quote{

        margin-top:40px;

        width:100%;

    }

}
@media (max-width:992px){

    .portfolio-grid{

        grid-template-columns:1fr;

        max-width:650px;

        margin:0 auto;

    }

}

@media (max-width:768px){

    .portfolio{

        padding:90px 0;

    }

    .portfolio-preview{

        height:260px;

    }

    .preview-browser{

        height:195px;

    }

}
@media (max-width:1100px){

    .process-grid{

        grid-template-columns:repeat(3,1fr);

    }

}

@media (max-width:768px){

    .process{

        padding:90px 0;

    }

    .process-grid{

        grid-template-columns:1fr;

        max-width:600px;

        margin:0 auto;

    }

}
@media (max-width:1100px){

    .pricing-grid{

        grid-template-columns:1fr;

        max-width:650px;

        margin:0 auto;

    }

}

@media (max-width:768px){

    .pricing{

        padding:90px 0;

    }

    .pricing-card{

        padding:32px;

    }

    .pricing-header h3{

        font-size:2.5rem;

    }

}
@media (max-width:768px){

    .faq{

        padding:90px 0;

    }

    .faq-question{

        padding:20px;

        font-size:.95rem;

    }

    .faq-answer p{

        padding:0 20px 22px;

    }

}
@media (max-width:900px){

    .contact-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

}

@media (max-width:768px){

    .final-cta{

        padding:90px 0;

    }

    .final-cta-buttons{

        flex-direction:column;

        width:100%;

    }

    .final-cta-buttons .btn{

        width:100%;

        text-align:center;

    }

    .contact{

        padding:90px 0;

    }

    .contact-form-wrapper{

        padding:25px;

        border-radius:20px;

    }

    .form-row{

        grid-template-columns:1fr;

    }

}
@media (max-width:900px){

    .footer-grid{

        grid-template-columns:1fr 1fr;

        gap:45px;

    }

}

@media (max-width:600px){

    .footer{

        padding:65px 0 25px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:40px;

        padding-bottom:45px;

    }

    .footer-brand p{

        max-width:100%;

    }

    .footer-bottom{

        flex-direction:column;

        align-items:flex-start;

    }

    .footer-bottom-links{

        gap:20px;

    }

}