/*320px-480px: Mobile devices*/
@media (min-width: 320px) and (max-width: 360px) {

    /*Dashboard*/
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }

}
/*320px-480px: Mobile devices*/
@media (min-width: 361px) and (max-width: 480px) {

    /*Dashboard*/
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }

}
/*481px-768px: iPads, Tablets*/
@media (min-width: 481px) and (max-width: 767px) {
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }
}
@media (min-width: 768px) and (max-width: 991px) {



}


/*dashboard responsive*/
@media (max-width: 767.98px){
    .navbar-header {
        padding: 0 calc(1.5rem / 2) 0 calc(1.5rem / 2);
    }
    .app-menu {
        margin-left: -100%;
        padding: 10px 0 20px 0;
    }
    .sidebar-enable .app-menu {
        margin-left: 0!important;
        z-index: 1004;
    }
    .sidebar-enable #page-topbar {
        left: 240px;
    }
    .logo {
        line-height: 30px;
    }
    .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
        right: 32px;
    }
    .sidebar_scrollbar{
        height: calc(100vh - 30px);
    }
    .footer {
        left: 0;
    }

}
@media (min-width: 768px) {
    #page-topbar {
        left:240px
    }
    .main-content {
        margin-left: 240px;
    }


}