@media (max-width: 992px){
    .app-sidebar{
        position:fixed;
        left:-280px;
        top:0;
        z-index:100;
        transition:left .2s ease;
    }

    .app-sidebar.is-open{
        left:0;
    }

    .sidebar-toggle{
        display:inline-grid;
        place-items:center;
    }

    .app-content{
        padding:20px;
    }

    .dashboard-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 576px){
    .app-topbar{
        padding:0 14px;
    }

    .topbar-subtitle,
    .topbar-user{
        display:none;
    }

    .page-header h1{
        font-size:24px;
    }

    .app-footer{
        flex-direction:column;
    }
}