.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
.table-responsive > table {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > table {
    margin-bottom: 0;
  }
}