@media(max-width: 640px) {
    .table-mobile thead tr:first-child {
        display: none;
    }

    .table-mobile tbody tr {
        display: flex;
        flex-direction: column;
        border: 1px solid #eee;
        margin-bottom: 0.5rem;
        box-shadow: 5px 5px 10px -3px rgba(0,0,0,0.75);
    }

    .table-mobile tbody tr td::before {
        content: attr(data-th);
        font-weight: bold;
        display: block;
        margin-bottom: 0.5rem;
    }

    .table-mobile tbody tr th {
        text-align: left;
    }

    .table-mobile tfoot {
        display: none;
    }
}