@media screen and (max-width:767px) {
    table thead {
        display: table-header-group !important;
        width: 100% !important;
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: table-row !important;
        width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: table-row !important;
        width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    table tbody tr td {
        /*padding: 0;*/
        display: table-cell !important;
        padding: 8px 2vw !important;
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        /*width: 100%;*/
        display: table-cell !important;
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}