/* v0.3.6 wrapping + mobile usability fixes */
.card, .table, .vehicle-card, .gallery-item, .field, p, h1, h2, h3, td, th, a {
  overflow-wrap: anywhere;
  word-break: normal;
}

.table {
  table-layout: auto;
}

.table td,
.table th {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.vehicle-card h3,
.vehicle-card a,
td a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media(max-width:820px){
  .table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    white-space: normal !important;
  }

  .table th,
  .table td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    padding: 10px 8px !important;
    font-size: 15px;
  }

  .table th:nth-child(n+3),
  .table td:nth-child(n+3) {
    display: none;
  }

  .vehicle-thumb,
  .vehicle-card .vehicle-thumb,
  .table img {
    width: 78px !important;
    height: 58px !important;
    max-width: 78px !important;
    border-radius: 12px !important;
  }

  select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    background-color: #fff !important;
  }

  #vehicleCatalogFields .field {
    grid-column: span 1 !important;
  }
}