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

@media (max-width:1600px){

    .footer-container{

        padding:40px 24px 28px;
    }
}

@media (max-width:1400px){

    .footer-container{

        padding:38px 20px 28px;
    }

    .footer-top{

        grid-template-columns:auto minmax(0,1fr) auto auto;

        gap:22px;
    }

    .footer-menu{

        gap:20px;
    }

    .footer-btn{

        min-width:140px;

        padding:0 18px;

        font-size:12px;
    }
}

@media (max-width:1200px){

    .footer-top{

        grid-template-columns:1fr 1fr;

        gap:28px;
    }

    .footer-logo{

        grid-column:1/-1;

        justify-content:center;
    }

    .footer-navigation{

        grid-column:1/-1;

        justify-content:center;
    }

    .footer-buttons{

        justify-content:flex-end;
    }

    .footer-social{

        justify-content:flex-start;
    }

    .footer-bottom{

        grid-template-columns:1fr;

        text-align:center;

        gap:20px;
    }

    .footer-bottom-left,
    .footer-bottom-right{

        justify-content:center;
    }
}

@media (max-width:900px){

    .footer-top{

        grid-template-columns:1fr;

        justify-items:center;

        text-align:center;

        gap:24px;
    }

    .footer-navigation,
    .footer-buttons,
    .footer-social{

        justify-content:center;
    }

    .footer-menu{

        flex-wrap:wrap;

        justify-content:center;
    }

    .footer-bottom-menu{

        justify-content:center;

        flex-wrap:wrap;
    }
}

@media (max-width:768px){

    .footer-container{

        padding:32px 16px 24px;
    }

    .footer-menu{

        gap:16px;
    }

    .footer-menu .sub-menu{

        display:none !important;
    }

    .footer-buttons{

        width:100%;

        justify-content:center;

        flex-wrap:wrap;
    }

    .footer-btn{

        min-width:150px;
    }
}

@media (max-width:480px){

    .footer-container{
        width:95%;
    }

    .footer-top{
        grid-template-columns:1fr;
        row-gap:28px;
        justify-items:center;
        text-align:center;
    }

    .footer-navigation,
    .footer-buttons,
    .footer-social{
        justify-content:center;
    }

    .footer-bottom{
        gap:20px;
    }

    .footer-bottom-menu{
        flex-wrap:wrap;
        justify-content:center;
    }
}