@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){
    .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;
    }
}