@media (max-width: 1024px) {
    .table-response,
    .table-responsive {
        font-size: 14px;
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .table-response td, .table-response th,
    .table-responsive td, .table-responsive th {
        padding: 6px;
        display: table-cell !important;
        white-space: nowrap !important;
    }
    .table-response button,
    .table-responsive button {
        font-size: 14px;
        padding: 4px 8px;
    }
    .table-responsive > .table {
        margin-bottom: 0 !important;
        min-width: 1000px !important;
    }
    #my-table_1_wrapper .row:nth-child(2) .col-sm-12,
    #my-table_wrapper .row:nth-child(2) .col-sm-12{
        overflow: auto;
    }
    #my-table_filter input{
        display: block !important;
    }
    #my-table_filter label{
        text-align: right;
    }
}

@media (max-width: 768px) {
    .table-responsive {
        font-size: 12px !important;
    }
    .table-responsive td, .table-responsive th {
        padding: 4px !important;
        font-size: 12px !important;
    }
    .table-responsive button {
        font-size: 11px !important;
        padding: 2px 6px !important;
    }
    .table-responsive > .table {
        min-width: 1200px !important;
    }
}

@media (max-width: 480px) {
    .table-responsive {
        font-size: 11px !important;
    }
    .table-responsive td, .table-responsive th {
        padding: 3px !important;
        font-size: 10px !important;
    }
    .table-responsive button {
        font-size: 10px !important;
        padding: 1px 4px !important;
    }
}
@media (max-width: 768px) {
    .background-wrapper{
        background-image: url('/temp/images/2small_screen.png') !important;
    }
}
.nav-sidebar .nav-item>.nav-link{
    width: 100% !important;
}