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

/* Laptop */

@media (max-width:1200px){

    .bb-menu{
        gap:22px;
    }

    .bb-logo img{
        width:150px;
    }

}


/* Tablet */

@media (max-width:992px){

    .bb-menu{
        display:none;
    }

    .bb-actions .bb-login{
        display:none;
    }

}


/* Mobile */

@media (max-width:768px){

    .bb-navbar{

        height:75px;

    }

    .bb-logo img{

        width:130px;

    }

    .bb-actions{

        gap:8px;

    }

    .bb-icon{

        width:40px;
        height:40px;
        font-size:16px;

    }

}


/* Small Mobile */

@media (max-width:480px){

    .bb-header{

        padding:10px 0;

    }

    .bb-navbar{

        height:65px;

    }

    .bb-logo img{

        width:115px;

    }

    .bb-icon{

        width:36px;
        height:36px;
        font-size:14px;

    }

}