.seat-panel .legend {
  margin-left: 22px;
  margin-right: 22px;
}

.seat-panel .legend + .order-field {
  margin-top: 26px;
}

.seat-panel .order-field,
.seat-panel .reserve-summary {
  margin-left: 22px;
  margin-right: 22px;
}

.seat-panel #reserve {
  width: calc(100% - 44px);
  margin-left: 22px;
  margin-right: 22px;
}

@media (max-width: 620px) {
  .seat-panel .legend {
    margin-left: 12px;
    margin-right: 12px;
  }

  .seat-panel .order-field,
  .seat-panel .reserve-summary {
    margin-left: 12px;
    margin-right: 12px;
  }

  .seat-panel #reserve {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
}