@media screen and (max-width: 700px) {
    table.tabel-mobil {
        width: 100% !important;
        border-collapse: separate;
        /*border-spacing: 0 32px;*/
        border-spacing: 0 32px;
    }
    .hr-lista-dosar {
        display: none;
    }
    table.tabel-mobil thead {
        display: none !important;
    }

    table.tabel-mobil tr, table.tabel-mobil td {
        border-bottom: 1px solid #ddd !important;
    }

    table.tabel-mobil td {
        display: flex !important;
        justify-content: space-between;
        text-align: end;
        text-justify: inter-word;
    }

        table.tabel-mobil td::before {
            content: attr(label) !important;
            font-weight: bold !important;
            width: 120px !important;
            min-width: 120px !important;
            text-align: start !important;
        }
}