/*
==========================================================
Адаптивность
==========================================================
*/

@media (max-width:991px){

    .sidebar{

        left:-260px;

        transition:.3s;

    }

    .sidebar.open{

        left:0;

    }

    .main-content{

        margin-left:0;

        padding:20px;

    }

}

@media (max-width:768px){

    .dashboard-header{

        padding:0 15px;

    }

    .dashboard-logo{

        font-size:20px;

    }

    .user-name{

        font-size:14px;

    }

    .logout-button{

        padding:8px 12px;

        font-size:14px;

    }

}

@media (max-width:576px){

    .user-role{

        display:none;

    }

    .logout-button span{

        display:none;

    }

}