.mobile-top-nav{display:none;}

/** From 1300 below hide sidebar **/
@media only screen and (max-width: 1300px) {

    /** Sidebar collapse state **/
    .sidebar{display:none;}
    .sidebar.active{display:block;}
    .sidebar-brand{display:none;}
    .sidebar-content{height:100vh;max-height:100vh;overflow:auto;}

    .mobile-top-nav{display:block;}
    .app-page{margin-left:0px;}
    .top-bar{width:100%;left:0px;}

    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .sidebar.active {
        transform: translateX(0);
    }

    /* Login page */
    .login-bg{
        width:30% !important;
    }
    .login-area{
        width:70% !important;
    }

}
/** From 1300 below hide sidebar **/
@media only screen and (max-width: 800px) {
    /* Login page */
    .login-bg{
        width:10% !important;
    }
    .login-area{
        width:90% !important;
    }
}