@media only screen and (max-width: 767px) {

    .table.tbl-responsive, .table.tbl-responsive thead, .table.tbl-responsive tbody, .table.tbl-responsive th, .table.tbl-responsive td, .table.tbl-responsive tr {
        display: block;
    }

    .table.tbl-responsive tfoot{
        display: none;
    }

    .dataTables_paginate .pagination {
        overflow: auto;
        white-space: nowrap;
    }

    .table.tbl-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table.tbl-responsive tbody tr {
        margin: 0 0 1rem 0;
    }

    .table.tbl-responsive tbody tr:nth-child(odd) {
        background: #f5f4f7;
        color: #5d5386;
    }

    .table.tbl-responsive tbody td {
        position: relative;
        padding-left: 50%;
    }

    .table.tbl-responsive tbody td:before {
        position: absolute;
        top: -5px;
        left: 6px;
        width: 45%;
        padding: 0.85rem 0.85rem 0.85rem 0;
        white-space: nowrap;
        font-weight: bold;
    }

    /*general*/
    .tbl-responsive tbody td {
        text-align: left !important;
    }

    .tbl-responsive tbody td:before {
        content: "";
    }

    .tbl-with-view tbody td:nth-of-type(1) {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .tbl-with-view tbody tr {
        position: relative;
        padding-bottom: 50px;
        margin-bottom: 0;
    }

}

.table.tbl-responsive tbody td a {
    word-break: break-word;
}