@media (max-width:1440px) {
    ul.action-button {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .card-body table thead th {
        font-size: 12px;
    }

    .option-block {
        flex-wrap: wrap;
    }
}

@media (max-width:976px) {
    .title-page {
        display: none;
    }

    .navbar {
        justify-content: end;
    }

    .pagination-block p>span {
        padding: 0;
        border: 0;
    }

    .card-body table thead th {
        width: auto !important;
    }

    .card-body table {
        table-layout: auto !important;
    }

    .sidebar-brand-icon .display-mobile {
        display: block;
    }

    .sidebar-brand-icon .display-desktop {
        display: none;
    }
}

@media (max-width:768px) {

    /* Login form responsive */
    .form-login {
        padding: 24px;
        height: auto !important;
        min-height: 100vh;
    }

    .form-login p {
        margin-top: 24px;
    }

    .login-page .row {
        margin: 0 !important;
    }

    .login-page .col-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .sidebar-dark .nav-item .nav-link>span {
        display: none;
    }

    .sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
        display: none;
    }

    .sidebar {
        width: 104px;
    }

    .sidebar-brand-icon img {
        width: 100%;
    }

    .sidebar .group-navbar-first {
        padding: 0;
    }

    #wrapper #content-wrapper {
        width: calc(100% - 104px);
    }

    .sidebar .group-navbar-second {
        padding-left: 0;
    }

    .sidebar .group-navbar-first .scroll-bar {
        overflow-y: unset;
        max-height: max-content;
    }

    .sidebar .nav-item .collapse {
        padding-left: 0;
        left: 104px;
        -webkit-animation: none;
        animation: none
    }

    .sidebar .nav-item .collapse .collapse-inner {
        padding-left: 0.5rem;
    }

    .pagination {
        flex-wrap: wrap;
    }

    .search-box .form-input {
        max-width: none;
    }

    .sidebar-dark .nav-item .nav-link {
        text-align: center;
    }
}