.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.table1, .table2 {
  width: max-content;
}

.table1 tr th:nth-child(1), .table1 tr td:nth-child(1) {
  min-width: 140px;
}

.table1 tr th:nth-child(2), .table1 tr td:nth-child(2) {
  min-width: 160px;
}

.table1 tr th:nth-child(3), .table1 tr td:nth-child(3) {
  min-width: 300px;
}

.table2 tr th:nth-child(1), .table2 tr td:nth-child(1) {
  min-width: 140px;
}

.table2 tr th:nth-child(2), .table2 tr td:nth-child(2) {
  min-width: 140px;
}

.table2 tr th:nth-child(3), .table2 tr td:nth-child(3) {
  min-width: 140px;
}

.table2 tr th:nth-child(4), .table2 tr td:nth-child(4) {
  min-width: 400px;
}

.table2 tr th:nth-child(5), .table2 tr td:nth-child(5) {
  width: 200px;
  word-wrap: break-word;
}