/* ==========================================
   TABLET
========================================== */

@media(max-width:1100px){

    .nav-menu{

        display:none;

    }

}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .search-box{

        display:none;

    }

}

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

@media(max-width:1100px){

    .nav-menu{

        display:none;

    }

}

@media(max-width:768px){

    .login-btn{

        display:none;

    }

}

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

@media (max-width:1200px){

    .search-box{

        width:220px;

    }

}

@media (max-width:992px){

    .nav-menu{

        display:none;

    }

}

@media (max-width:768px){

    .search-box{

        display:none;

    }

}