@media screen and (max-width: 768px) {
    .bootgrid-table {
        border: 0;
    }

        .bootgrid-table caption {
            font-size: 1.3em;
        }

        .bootgrid-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .bootgrid-table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        .bootgrid-table td {
            border-bottom: 1px solid #ddd;
            display: block;
            width: 100% !important;
            text-overflow: unset !important;
            white-space: normal !important;
        }

            .bootgrid-table td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                margin-right: 8px;
            }

            .bootgrid-table td:last-child {
                border-bottom: 0;
            }
}