@media (max-width: 768px) {
    .tabela-responsiva {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

        .tabela-responsiva tbody {
            display: block;
            width: 100%;
        }

            .tabela-responsiva tbody tr {
                display: block;
                width: 100%;
                margin-bottom: 15px;
                border: 1px solid #ddd;
                border-radius: 8px;
                background-color: #fff;
                padding: 10px;
                box-sizing: border-box;
            }

            .tabela-responsiva tbody td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                padding: 10px 5px;
                border: none;
                border-bottom: 1px solid #eee;
                font-size: 12px;
                box-sizing: border-box;
            }

                .tabela-responsiva tbody td:last-child {
                    border-bottom: 0;
                }

                .tabela-responsiva tbody td::before {
                    content: attr(data-label);
                    font-weight: bold;
                    margin-right: 10px;
                }

        .tabela-responsiva thead {
            display: none;
        }

    .dataTables_wrapper {
        width: 100% !important;
    }

    table.dataTable {
        width: 100% !important;
    }
}