.entry-content table:not(.esg-table).hide-tr,
.entry-content table:not(.esg-table) thead
{
    background: rgba(128, 0, 128, 0.1);
}



@media only screen and (max-width: 1000px) {

    /* Force table to not be like tables anymore */
    .entry-content table:not(.esg-table){
        height: auto !important;
    }
    .entry-content table:not(.esg-table),
    .entry-content table:not(.esg-table) thead,
    .entry-content table:not(.esg-table) tbody,
    .entry-content table:not(.esg-table) th,
    .entry-content table:not(.esg-table) td,
    .entry-content table:not(.esg-table) tr {
        display: block;
    }

    .postid-60307 .entry-content table:not(.esg-table) tr,
    .postid-37097 .entry-content table:not(.esg-table) tr,
    .postid-36495 .entry-content table:not(.esg-table) tr,
    .postid-33342 .entry-content table:not(.esg-table) tr,
    .postid-4825 .entry-content table:not(.esg-table) tr,
    .postid-2069 .entry-content table:not(.esg-table) tr,
    .postid-741 .entry-content table:not(.esg-table) tr{
        display: flex;
    }
    .postid-60307 .entry-content table:not(.esg-table) tr td,
    .postid-37097 .entry-content table:not(.esg-table) tr td,
    .postid-36495 .entry-content table:not(.esg-table) tr td,
    .postid-33342 .entry-content table:not(.esg-table) tr td,
    .postid-4825 .entry-content table:not(.esg-table) tr td,
    .postid-2069 .entry-content table:not(.esg-table) tr td,
    .postid-741 .entry-content table:not(.esg-table) tr td{
      padding: 10px;
      width: 50%;
    }
    .postid-60307 .entry-content table:not(.esg-table) tr td:before,
    .postid-37097 .entry-content table:not(.esg-table) tr td:before,
    .postid-36495 .entry-content table:not(.esg-table) tr td:before,
    .postid-33342 .entry-content table:not(.esg-table) tr td:before,
    .postid-4825 .entry-content table:not(.esg-table) tr td:before,
    .postid-2069 .entry-content table:not(.esg-table) tr td:before,
    .postid-741 .entry-content table:not(.esg-table) tr td:before{
      display: none;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .entry-content table:not(.esg-table) thead tr,
    .entry-content table:not(.esg-table) .hide-tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .entry-content table:not(.esg-table) tr { border: 1px solid rgba(0,0,0,.07); }
    .entry-content table:not(.esg-table) tr:nth-child(2n) {
        background: rgba(0, 128, 0, 0.1);
    }
    .entry-content table:not(.esg-table) td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        white-space: normal;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,.07);
        padding: 10px 10px 10px 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }

    .entry-content table:not(.esg-table) td:before {
        width: 100%;
        height: 100%;
        padding: 0 15px;
        text-align: left;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    /*
    Label the data
    */
    .entry-content table:not(.esg-table) td:before {
        content: attr(data-title);
        font-weight: 400;
        white-space: break-spaces;
        line-height: 130%;
    }
}

@media(max-width: 576px){
    .wptb-table-container table td {
        width: 100% !important;
        padding: 10px 0 !important;
    }

    table.wptb-preview-table {
        min-width: auto !important;
        width: 100% !important;
    }
}