.table-container{
  width:100%;
  overflow-x:auto;
}

.water-table{
  width:100%;
  border-collapse: collapse;
  font-size:14px;
}

.water-table th,
.water-table td{
  border:1px solid #ddd;
  padding:8px;
  text-align:center;
}

.water-table th{
  background:#1e3a5f;
  color:#fff;
}

@media (max-width:768px){
  .water-table{
    font-size:12px;
  }
}