@media (max-width: 991px) {
    .table-wrap table,
    .table-wrap thead,
    .table-wrap tbody,
    .table-wrap tfoot,
    .table-wrap th,
    .table-wrap td,
    .table-wrap tr {
        display: block;
    }
    .table-wrap thead tr{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table-wrap tbody tr{
        margin:20px 0;
        border: 2px solid #a5a5a5;
    }
    .table-wrap tbody td {
        position: relative;
        padding-left: 35% !important;
        white-space: normal;
        text-align: left;
        border: 1px solid #f0f0f0;
    }
    .table-wrap tbody td:before {
        position: absolute;
        left: 15px;
        width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .table-wrap td:last-child {
        /*padding-bottom: 16px;*/
    }
    .table-wrap td:before {
        content: attr(data-title);
        color: #494949;
        font-weight: 500;
    }
}