.dmt-table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.dmt-table {
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 100%;
    border: 1px solid #ddd;
}

.dmt-row {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
}

.dmt-row:last-child {
    border-bottom: none;
}

.dmt-cell {
    padding: 12px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    background: #fff;
    word-break: break-word;
}

.dmt-cell:last-child {
    border-right: none;
}


@media screen and (max-width: 768px) {
    .dmt-table {
        width: 100% !important;
    }
    
    .dmt-row {
        flex-direction: column;
        border-bottom: 2px solid #bbb;
        padding: 8px 0;
    }
    
    .dmt-cell {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 10px 15px;
        display: block !important;
    }

    .dmt-cell:last-child {
        border-bottom: none;
    }
}