.responsive-grid table {
    border-collapse: collapse;
}

.responsive-grid tr {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--bit-clr-brd-sec);
}

@media (max-width: 600px) {
    .responsive-grid table {
        width: 100%;
    }

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

        .responsive-grid thead tr {
            display: none;
        }

        .responsive-grid td::before {
            font-weight: bold;
            content: attr(data-title) " : ";
        }
}