@media (max-width:1024px){
    .hero{
        flex-direction:column;
        padding:120px 40px 60px;
        gap:50px;
    }
    .hero-left,
    .hero-right{
        width:100%;
    }
    .hero h1{
        font-size:52px;
    }
    .cards{
        grid-template-columns:repeat(2,1fr);
    }
    .platform-container{
        grid-template-columns:1fr 1fr;
    }
    .pricing-container{
        grid-template-columns:repeat(2,1fr);
    }
    .featurex-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .footer-container{
        grid-template-columns:repeat(3,1fr);
    }
    .ai-section{
        flex-direction:column;
    }
    .ai-left,
    .ai-right{
        width:100%;
    }
}



@media (max-width:768px){
    .navbar{
        flex-wrap:wrap;
        padding:18px 20px;
    }
    .menu-toggle{
        display:block;
    }
    .nav-menu{
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        gap:0;
        display:none;
        box-shadow:0 10px 25px rgba(0,0,0,.08);
    }

    .nav-menu.active{
        display:flex;
    }
    .nav-menu li{
        width:100%;
    }
    .nav-menu li a{
        display:block;
        padding:18px 25px;
    }
    .nav-right{
        display:none;
    }
    .hero{
        padding:120px 20px 40px;
    }
    .hero h1{
        font-size:38px;
    }
    .hero p{
        font-size:16px;
    }
    .buttons{
        flex-direction:column;
    }
    .dashboard{
        flex-direction:column;
    }
    .sidebar{
        width:100%;
        flex-direction:row;
        justify-content:center;
    }
    .cards{
        grid-template-columns:1fr;
    }
    .phone{
        position:relative;
        width:100%;
        height:auto;
        right:0;
        bottom:0;
        margin-top:30px;
    }
    .platform-container{
        grid-template-columns:1fr;
    }
    .featurex-grid{
        grid-template-columns:1fr;
    }
    .pricing-container{
        grid-template-columns:1fr;
    }
    .relationship{
        grid-template-columns:1fr;
        gap:30px;
    }
    .feature-grid{
        grid-template-columns:1fr;
    }
    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
    }
    .cta-box{
        flex-direction:column;
        text-align:center;
        gap:25px;
        padding:30px 20px;
    }

    .cta-btn{
        flex-direction:column;
        width:100%;
    }

    .cta-btn a{
        width:100%;
    }

}


@media (max-width:992px){

    .ai-section{
        display:flex;
        flex-direction:column;
    }

    .ai-left,
    .ai-right{
        width:100%;
    }

    .ai-left{
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:40px 25px;
    }

    .phones{
        margin-bottom:30px;
    }

    .phones img{
        width:280px;
        max-width:100%;
    }

    .content{
        width:100%;
        padding:0;
    }

    .feature-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .relationship{
        grid-template-columns:1fr;
        gap:35px;
    }

    .box{
        margin-bottom:25px;
    }

}

@media (max-width:480px){

    .content h2,
    .ai-right h2{
        font-size:32px;
    }

    .content p,
    .ai-right p{
        font-size:15px;
    }

    .phones img{
        width:220px;
    }

}



/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1200px){

.ftr-content h1{
    font-size:56px;
}

.ftr-content p{
    font-size:18px;
}

}

@media(max-width:992px){

.ftr-hero-container{
    flex-direction:column;
    text-align:center;
}

.ftr-content,
.ftr-image{
    width:100%;
}

.ftr-buttons{
    justify-content:center;
}

.ftr-ai{
    width:220px;
    right:20px;
}

}

@media(max-width:768px){

.ftr-hero{
    padding:70px 0;
}

.ftr-hero-container{
    padding:0 25px;
}

.ftr-content h1{
    font-size:42px;
}

.ftr-content p{
    font-size:16px;
}

.ftr-buttons{
    flex-direction:column;
}

.ftr-buttons a{
    width:100%;
}

.ftr-ai{
    display:none;
}

}



@media(max-width:1100px){

.ftr-foundation-grid{

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

}

}

@media(max-width:768px){

.ftr-foundation{

    padding:70px 0;

}

.ftr-foundation-header h2{

    font-size:34px;

}

.ftr-foundation-header p{

    font-size:16px;

}

.ftr-foundation-grid{

    grid-template-columns:1fr;

}

}


/*============================
RESPONSIVE
============================*/

@media(max-width:992px){

.ftr-why-grid{

    grid-template-columns:1fr;

}

.ftr-connect{

    margin-top:50px;

}

}

@media(max-width:768px){

.ftr-connect{

    transform:scale(.82);

    transform-origin:center top;

    height:430px;

}

}

@media(max-width:991px){

.grw-challenge-grid{
    grid-template-columns:1fr;
}

}

/* responsive */

@media(max-width:1200px){

.grw-sales-grid{

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

}

}

@media(max-width:768px){

.grw-sales-header{

flex-direction:column;

}

.grw-sales-grid{

grid-template-columns:1fr;

}

.grw-sales-content h2{

font-size:34px;

}

}


/* RESPONSIVE */

@media(max-width:1200px){

.grw-marketing-grid{

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

}

}

@media(max-width:768px){

.grw-marketing-grid{

grid-template-columns:1fr;

}

.grw-marketing-header h2{

font-size:34px;

}

}



/* responsive */

@media(max-width:1200px){
    .grw-foundation-grid{
        grid-template-columns:1fr;
    }

    .grw-foundation-cards{
        grid-template-columns:repeat(2,1fr);

    }
}

@media(max-width:768px){
    .grw-foundation-cards{
        grid-template-columns:1fr;
    }
    .grw-foundation h2{
        font-size:28px;
    }
    .grw-ai-preview{
        text-align:center;
    }
    .grw-ai-preview img{
        width:100%;
    }
}


@media(max-width:1200px){
    .eng-module-grid{
        grid-template-columns:1fr;
    }
    .eng-feature-4{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .eng-feature-4,
    .eng-feature-2{
        grid-template-columns:1fr;
    }
    .eng-module{
        padding:25px;
    }
    .eng-module h2{
        font-size:28px;
    }
}