@media screen and (max-width: 768px) {
  table thead {
    display: none;
  }

  table td {
    display: block;
    font-size: .8em;
    text-align: right!important; /* override any table alignment styles */
    padding-left: 1rem;
  }

  table tr td:first-child {
    width: auto!important; /* override cc2021 styles */
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-align: left;
    padding-right: 0.5rem;
  }

  .view tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
  }
}