@media (max-width: 1200px) {
    body {
        font-size: 10px;
        line-height: 1;
    }
    .box-body {
        padding: 2px;
    }
    #col-table {
        width: 100%;
    }

    table.dataTable thead>tr>th.sorting, 
    table.dataTable thead>tr>th.sorting_asc, 
    table.dataTable thead>tr>th.sorting_desc, 
    table.dataTable thead>tr>th.sorting_asc_disabled, 
    table.dataTable thead>tr>th.sorting_desc_disabled, 
    table.dataTable thead>tr>td.sorting, 
    table.dataTable thead>tr>td.sorting_asc, 
    table.dataTable thead>tr>td.sorting_desc, 
    table.dataTable thead>tr>td.sorting_asc_disabled, 
    table.dataTable thead>tr>td.sorting_desc_disabled {
        padding-right: 0px !important;
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 2px !important;
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 2px 2px !important;
    }
}

/* @media (min-width: 500px) {
    div.dataTables_scrollHeadInner , div.dataTables_scrollHeadInner > table.dataTable {
        width: 100% !important;
    }
} */