@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .home-wrap,
  .showcase-wrap,
  .vehicle-search {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .search-panel {
    box-sizing: border-box;
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
  }

  .search-heading,
  .main-search,
  .main-search > *,
  .quick-grid,
  .quick-grid > *,
  .selector-grid,
  .selector-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  .search-heading h1,
  .search-heading p,
  .vehicle-search .hero h1,
  .vehicle-search .hero p,
  .step {
    overflow-wrap: anywhere;
  }

  .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vehicle-search {
    padding-right: 12px;
    padding-left: 12px;
  }

  .vehicle-search .hero,
  .vehicle-search .steps,
  .vehicle-search .selector-grid {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .vehicle-search .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vehicle-search .selector-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bottom-nav {
    width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .bottom-nav a {
    min-width: 0;
    padding-right: 2px;
    padding-left: 2px;
  }

  .bottom-nav span {
    max-width: 100%;
    font-size: 10px;
  }
}