@media screen and (max-width:1024px){
    
    /*SIDEBAR*/

    .sidebar-logo{
        display: none;
    }
    .sidebar-sm-logo{
        display: block;
        width: 40px;
    }
	.side-togglebar {
        display: block;
    }

    .sidebar{
        width: 60px;
        z-index: 110;
    }
    /*.sidebar:hover{
        width: 224px;
    }
    .sidebar:hover .sidebar-logo{
        display: block;
    }
    .sidebar:hover  .sidebar-sm-logo{
        display: none;
    }
    .sidebar:hover .sidebar-menu a{
        padding-left: 40px;
    }
    .sidebar:hover .sidebar-menu li span:last-child{
        display: inline-block;
    }*/ 
    .sidebar li span:last-child{
        display: none;
    }

    .sidebar .sidebar-header,
    .sidebar li {
        display: flex;
    }
    
    /*#sidebar-toggle:checked ~ .sidebar {
        width: 224px;
    }

    #sidebar-toggle:checked ~ .sidebar .sidebar-header h3 span,
    #sidebar-toggle:checked ~ .sidebar li span:last-child {
        display: inline;
    }

    #sidebar-toggle:checked ~ .sidebar .sidebar-header {
        display: flex;
        align-items: center;
    }
    
    #sidebar-toggle:checked ~ .sidebar li {
        display: block;
    }*/

    .sidebar-menu a{
        padding-left: 18px;
    }
    
    /*OTHERS*/
    .main-content-box{
        margin-left: 60px;
    }

}