.sizechart{
  width: 100%;
}
.sizechart th, .sizechart td{
  text-align: center;
}
.chart-header-bg{
  background: #fafafa;
  border: 1px solid #ccc;
  padding:10px;
  position: relative;;
  text-align: center;
}
.chart-header{
  width: 80px;
}
.chart-data{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.chart-data td, .chart-header-bg th{
  padding: 10px;
}

#sizeChartModal .modal-header {
  flex-direction: row-reverse;
}

#sizeChartModal .modal-content {
  border: none;
  box-shadow: 5px 10px 16px rgb(51 51 51 / 5%), -5px 10px 16px rgb(51 51 51 / 5%);
  padding: 15px 25px;
}

.size-chart {
  margin: 15px 0;
}

@media screen and (min-width: 768px) {
  #sizeChartModal .modal-dialog {
    max-width: 670px;
}
}