/* ====================
  Navbar Responsive
==================== */


@media (max-width: 1200px) {
    .top__bar-left span:nth-child(2),
    .top__bar-icons{
        display: none;
    }

    .header__logo{
        padding: 20px 50px;
    }

    .main__nav{
        padding: 45px 60px;
    }

    .nav__list,
    .right-content{
        display: none;
    }

    .menu-icon{
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .top__bar{
        padding: 10px 10px 10px 0; 
    }
}



@media (max-width: 480px) {
    .sidebar__logo-img{
        width: 150px;
    }

    .top__bar-left{
        display: none;
    }

    .main__nav{
        padding: 40px 60px;
    }
}