/*==========================================
TOP BAR RESPONSIVE
==========================================*/

@media(max-width:991px){

.nf-topbar{

height:auto;

padding:18px 0;

}

.nf-topbar-inner{

flex-direction:column;

gap:18px;

}

.nf-contact{

justify-content:center;

flex-wrap:wrap;

}

.nf-tagline{

font-size:15px;

}

.nf-download{

width:100%;

display:flex;

justify-content:center;

}

}

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

@media(max-width:991px){
.nf-mobile-toggle{
    z-index:100002;
}

.nf-menu{
    position:fixed;
    top:0;
    right:-320px;
    width:320px;
    height:100vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    transition:right .35s ease;
    z-index:100001;
    padding:90px 20px 30px;
}

.nf-menu.active{
    right:0;
}

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

/* Tablets */
@media (max-width: 1199px){

    .nf-footer-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(280px,1fr));
        gap:35px;
    }

    .company-info{
        grid-column:1 / -1;
        text-align:center;
    }

    .company-info p{
        max-width:700px;
        margin:20px auto;
    }

    .footer-logo{
        display:block;
        text-align:center;
    }

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

    .footer-col{
        width:100% !important;
        padding-left:0;
        border-left:none !important;
    }

    .footer-col:not(:first-child){
        border-left:none !important;
    }

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

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

}


/* Mobile */
@media (max-width:767px){

    .nf-footer .container{
        padding:45px 20px;
    }

    .nf-footer-grid{
        display:grid !important;
        grid-template-columns:1fr;
        gap:30px;
    }

    .company-info{
        text-align:center;
    }

    .footer-logo img{
        width:180px !important;
        height:auto !important;
    }

    .company-info p{
        font-size:15px;
    }

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

    .footer-col{
        text-align:center;
        padding:0;
        border:none !important;
    }

    .footer-col h4{
        margin-bottom:15px;
    }

    .footer-col ul li{
        margin-bottom:12px;
    }

    .footer-contact li{
        text-align:center;
    }

    .footer-contact i{
        display:inline-block;
        width:auto;
        margin-right:8px;
    }

    .footer-bottom-inner{
        flex-direction:column;
        text-align:center;
        gap:15px;
        padding:20px 0;
    }

    .footer-policy{
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }

}