@media (max-width: 1023px) {
  html body .ct-basic-content div.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  html body .ct-basic-content div.table-responsive table[data-table] {
    display: table !important;
    width: 100% !important;
    min-width: 640px !important;
    table-layout: auto !important;
  }
  html body .ct-basic-content div.table-responsive table[data-table] caption { display: table-caption !important; }
  html body .ct-basic-content div.table-responsive table[data-table] thead   { display: table-header-group !important; }
  html body .ct-basic-content div.table-responsive table[data-table] tbody   { display: table-row-group !important; }
  html body .ct-basic-content div.table-responsive table[data-table] tr      { display: table-row !important; }
  html body .ct-basic-content div.table-responsive table[data-table] td,
  html body .ct-basic-content div.table-responsive table[data-table] th {
    display: table-cell !important;
    width: auto !important;
    white-space: nowrap !important;
  }
  html body .ct-basic-content div.table-responsive table[data-table] td::before,
  html body .ct-basic-content div.table-responsive table[data-table] th::before {
    display: none !important;
  }
}