magic-table.css

@media screen and (max-width: 767px) {
    table.table-magic { border: 0; }
    table.table-magic thead { display: none; }
    table.table-magic tr { margin-bottom: 10px; display: block; border: 1px solid #ddd; border-bottom: 2px solid #ddd; }
    table.table-magic td { display: block; position: relative; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }
    table.table-magic td:last-child { border-bottom: 0; }
    table.table-magic td:before { content: attr(data-label); position: absolute; left: 5px; text-transform: uppercase; font-weight: bold; }
}