.option-more { cursor: pointer; }
.option-table { clear: both; }
.option-table table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; }
.option-table table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; }
.option-table table th { padding: 1em .8em; text-align: center; }
.option-table table td { padding: .6em .8em; text-align: center; }

.option-table tr th:first-child,
.option-table tr td:first-child { width: 25%; text-align: left; }

@media screen and (max-width: 600px) {
  .option-table table { border: 0; }
  .option-table table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .option-table table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .option-table table td { border-bottom: 1px solid #ddd; display: block; text-align: right; }
  .option-table table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
  .option-table table td:last-child { border-bottom: 0; }

  .option-table tr th:first-child,
  .option-table tr td:first-child { width: unset; text-align: right; }
}