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

@media (max-width: 1024px){
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:36px 30px;
    }

    .footer-brand{
        grid-column:1 / -1;
    }
}

@media (max-width: 640px){
    .footer-top{
        padding:50px 0 30px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:32px;
    }

    .footer-description{
        max-width:100%;
    }

    .footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        text-align:left;
    }

    .newsletter-form{
        max-width:100%;
    }

    .footer-legal{
        flex-wrap:wrap;
        row-gap:8px;
    }

    .footer-credit{
        padding-left:0;
        border-left:none;
    }
}