@media only screen and (max-width: 600px) {
  table.mobile {
    width: 100%;
    display: block;
  }
  table.mobile thead {
    display: none;
  }
  table.mobile tbody {
    display: block;
  }
  table.mobile tbody tr {
    display: block;
    border: 1px solid #7777774d;
  }
  table.mobile tbody tr::nth-of-type(odd) {
    background: #eee;
  }
  table.mobile tbody tr td {
    display: block;
    padding: 6px;
    border: 1px solid #ccc;
    border: none;
    border-bottom: 1px solid #eee;
    padding-left: 50%;
    text-align: end !important;
  }
  table.mobile tbody tr td span.mobile-table-head {
    display: inline;
    float: left;
  }
}
span.mobile-table-head {
  display: none;
}