/* Shared responsive primitives for migrated product content. */
.container { width: min(1170px, calc(100% - 30px)); margin: 0 auto; }
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.col-sm-6, .col-md-6 { width: 50%; padding-left: 15px; padding-right: 15px; }
.text-center { text-align: center; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .container { width: min(100% - 30px, 570px); max-width: 100%; }
  .row { margin-left: -10px; margin-right: -10px; max-width: 100%; }
  .col-sm-6, .col-md-6 { width: 100%; padding-left: 10px; padding-right: 10px; max-width: 100%; }
  .bw { overflow: hidden; max-width: 100%; }
  img, video, iframe { max-width: 100% !important; height: auto; }
  table, .specs-table, .spec-tbl { width: 100% !important; max-width: 100% !important; table-layout: fixed; }
  th, td { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
  .specs-table th { width: 35% !important; white-space: normal !important; padding: 10px !important; }
  .specs-table td { padding: 10px !important; }
  .st { text-align: right; }
}