/*==================================================
            FOOTER RESPONSIVE
            991px
==================================================*/

@media (max-width:991px){

    .footer-grid{

        grid-template-columns:1fr 1fr;

        gap:40px;

    }

    .footer-cta{

        padding:50px 35px;

    }

    .footer-cta h2{

        font-size:42px;

    }

    .footer-cta p{

        font-size:18px;

    }

}


/*==================================================
            FOOTER RESPONSIVE
            768px
==================================================*/

@media (max-width:768px){

    .footer-section{

        padding-top:60px;

    }

    .footer-grid{

        grid-template-columns:1fr;

    }

    .footer-col{

        text-align:center;

    }

    .footer-logo{

        justify-content:center;

    }

    .footer-social{

        justify-content:center;

    }

    .footer-contact li{

        justify-content:center;

    }

    .footer-col:last-child{

        padding-left:0;

    }

    .footer-col h4::after{

        left:50%;

        transform:translateX(-50%);

    }

    .footer-cta{

        padding:40px 25px;

        margin-bottom:60px;

    }

    .footer-cta h2{

        font-size:32px;

    }

    .footer-cta p{

        font-size:16px;

    }

    .footer-cta-btns{

        flex-direction:column;

        align-items:center;

    }

}

/*==================================================
            FOOTER RESPONSIVE
            576px
==================================================*/

@media (max-width:576px){

    .footer-logo{

        flex-direction:column;

    }

    .footer-logo img{

        width:55px;

        height:55px;

    }

    .footer-logo h3{

        font-size:20px;

    }

    .footer-col h4{

        font-size:18px;

    }

    .footer-col p{

        font-size:14px;

    }

    .footer-social a{

        width:46px;

        height:46px;

    }

    .footer-contact i{

        width:38px;

        height:38px;

        min-width:38px;

    }

    .footer-bottom{

        padding:18px 0;

    }

    .footer-bottom p{

        font-size:13px;

        line-height:1.6;

    }

}