@media (max-width:991px){
    .hero{
        padding-top:118px;
    }

    .benefit-wrap{
        flex-direction:column;
    }

    .benefit-col{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
    }

    .benefit-card{
        width:45%;
    }

    .center-phone{
        order:-1;
        width:260px;
        height:auto;
        margin:-12px 0 22px;
    }

    .center-phone img{
        height:auto;
    }

    .platform-box{
        text-align:center;
        padding:34px 20px;
    }

    .platform-box p{
        margin-left:auto;
        margin-right:auto;
    }

    .stats{
        justify-content:center;
    }

    .wide{
        flex-direction:column;
        align-items:flex-start;
    }

    .wide .thumb{
        width:100%;
    }

    .feature-card{
        text-align:center;
    }

    .wide-card{
        flex-direction:column;
        text-align:center;
    }

    .wide-card img{
        margin-top:20px;
    }

    .engage-wrapper{
        width:500px;
        height:500px;
    }

    .c1{
        width:500px;
        height:500px;
    }

    .c2{
        width:380px;
        height:380px;
    }

    .c3{
        width:260px;
        height:260px;
    }

    .engage-section .icon{
        width:50px;
        height:50px;
    }

    .engage-section .icon img{
        width:20px;
    }

    .i1{
        top:-10%;
    }

    .i4{
        bottom:-41px;
    }

    .i5{
        left:0%;
    }

    .i6{
        left:0%;
    }
}

@media (max-width:767px){
    .hero{
        padding-top:18px;
    }

    .hero-slide{
        padding:6px 0 20px;
    }

    .hero-banner-link{
        max-width:100%;
    }

    .hero-image{
        max-width:100%;
        margin:0 auto;
    }

    .engage-wrapper{
        width:320px;
        height:320px;
    }

    .c1{
        width:320px;
        height:320px;
    }

    .c2{
        width:240px;
        height:240px;
    }

    .c3{
        width:170px;
        height:170px;
    }

    .engage-section .icon{
        width:45px;
        height:45px;
    }

    .engage-section .icon img{
        width:20px;
    }

    .engage-content h2{
        font-size:20px;
        font-weight:600;
    }

    .stats{
        flex-direction:column;
        gap:14px;
    }

    .phones{
        height:300px;
    }

    .phone{
        bottom:-90px;
    }

    .benefit-card{
        width:100%;
    }

    .partner-card{
        flex-direction:column;
        text-align:center;
        margin-top:0;
        gap:14px;
        padding:22px 18px 18px;
    }

    .partner-area{
        transform:translateY(38px);
        margin-bottom:-60px;
    }

    .partner-card input,
    .partner-btn{
        width:100%;
        max-width:320px;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }
}