@media(max-width:1140px){
    aside:not(.sidebar).close,aside:not(.sidebar){width: 100px;}
    .page-content.close,.page-content{width: calc(100% - 100px);}
    aside:not(.sidebar) ul li a span {
    margin-left:0;        display: none;
    }

    aside:not(.sidebar) ul li a {
        justify-content: center;
        padding: 10px;
    }
} 


@media(max-width:1200px){
    .setting-list .nav-pills .nav-link.active, .setting-list .nav-pills .show>.nav-link{border-left-color:transparent;border-bottom-color:#0D6EFC;}
    .setting-list .nav-pills .nav-link{border-bottom: 4px solid transparent;border-left: none;}

}

@media(max-width:991px){
    .login-content{text-align: center;display: flex  ;
        flex-direction: column;
        justify-items: center;
        justify-content: center;
        height: 100%;width: 100%;
        top: 0;left:0;transform: unset;
    }
    .login-content p{padding: 0 40px;font-size: 16px !important;}
     
}


@media(max-width:767px){
    .selection-header{bottom: 68px !important;}
    .selection-actions .btn{margin-left: 0;}
    .logo img{width: 100px;}
    .mobile-menu{top: 67px;}
    .header-top .left a.menu img{width: 23px;}
    header {padding: 10px 0;}
    body.open {overflow-y: hidden;}
    aside:not(.sidebar) ul li.active:before {
        content: '';
        position: absolute;
        top:-5px;
        left: 0;
        z-index: 1;
        border-top: 2px solid #fff;width: 100%;
    }
    aside:not(.sidebar) ul li.active a{background:none;border-color:unset;border: unset;}
    .page-content.close,.page-content{padding: 90px 15px 80px 15px;width: 100%;}
    aside:not(.sidebar) ul li a span{display:block !important;margin-top:6px;font-size: 13px;}
    aside:not(.sidebar) ul li a{flex-direction: column;}
    aside:not(.sidebar).close,aside:not(.sidebar){
        width: 100%;
        height: auto;
        bottom: 0;
        transform: translateX(-50%);
        top: auto;
        left: 50%;
        z-index: 111;
        border-radius:0 0;
        background-color:#302a32;
        padding: 0 10px;
    }
    aside:not(.sidebar) ul li {
        padding-bottom: 0;position: relative;
    }
    aside:not(.sidebar) ul li a{
        margin: 8px 0 0;
        padding: 5px 10px;
    }
    aside:not(.sidebar).close ul li a{padding: 5px 10px;}
    aside:not(.sidebar) ul li a img{width: 18px;}

    aside:not(.sidebar) ul {
        display: flex;
        padding: 0px 0;
        justify-content: space-between  ;
        align-items: center;
    }
}


@media(max-width:567px){
   

     
}