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

/* ==========================================
   Large Desktop
========================================== */

@media (max-width:1400px){

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1200px){

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:992px){

    /* ==========================================
       FOOTER BENEFITS
    ========================================== */

    .pricing-footer{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }

    .pricing-footer > div{
        padding:20px;
    }

    .pricing-footer i{
        font-size:28px;
    }

    .pricing-footer h4{
        font-size:18px;
    }

    .pricing-footer p{
        font-size:15px;
    }

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

    #footer{
        padding:80px 0 36px;
        margin-top:100px;
    }

    #footer .container{
        max-width:100%;
    }

    .footer-top{
        grid-template-columns:repeat(2,1fr);
        gap:36px;
        padding-bottom:55px;
    }

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

    .footer-logo img{
        height:52px;
    }

    .footer-brand h3{
        font-size:36px;
        margin-bottom:24px;
    }

    .footer-brand p{
        max-width:700px;
        font-size:19px;
    }

    .footer-column h4{
        font-size:22px;
        margin-bottom:28px;
    }

    .footer-column a{
        font-size:18px;
    }

    .footer-middle{
        grid-template-columns:1fr;
        gap:28px;
        text-align:center;
        padding:45px 0;
    }

    .footer-news h4{
        font-size:22px;
    }

    .footer-news h4::after{
        left:50%;
        transform:translateX(-50%);
    }

    .footer-news p{
        font-size:18px;
        max-width:650px;
        margin:auto;
    }

    .newsletter-form{
        max-width:700px;
        width:100%;
        margin:auto;
    }

    .newsletter-form input{
        height:62px;
        font-size:17px;
    }

    .newsletter-form button{
        width:72px;
    }

    .footer-social{
        align-items:center;
    }

    .footer-social h4{
        font-size:22px;
    }

    .footer-social h4::after{
        left:50%;
        transform:translateX(-50%);
    }

    .social-icons{
        justify-content:center;
    }

    .footer-bottom{
        flex-direction:column;
        gap:22px;
        text-align:center;
        padding-top:30px;
    }

    .footer-highlights{
        justify-content:center;
        flex-wrap:wrap;
        gap:22px;
    }

    .footer-language{
        justify-content:center;
    }

}

/* ==========================================
   Mobile Large
========================================== */

@media (max-width:768px){

    .footer-top{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-brand{
        grid-column:auto;
    }

    .footer-highlights{
        justify-content:center;
    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:576px){

    .footer-brand h3{
        font-size:30px;
    }

    .footer-brand p{
        font-size:17px;
    }

}