.table-responsive {
  min-height: .01%;
  overflow-x: auto;

  @media screen and (max-width: $screen-sm-max) {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;

      > .table {
      margin-bottom: 0;
  
        > thead,
        > tbody,
        > tfoot {
          > tr {
            > th,
            > td {
            white-space: nowrap;
          }
        }
      }
    }
  }
}