@media (max-width: 1200px) {
  .avd-preview-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .avd-listing-wrap {
    padding: 0 8px;
  }

  .avd-listing-wrap .avd-row,
  .avd-listing-wrap .avd-cols-5,
  .avd-listing-wrap .avd-cols-4,
  .avd-listing-wrap .avd-cols-3,
  .avd-listing-wrap .avd-feature-content {
    grid-template-columns: 1fr !important;
  }

  .avd-listing-wrap .avd-vin-row {
    flex-direction: column;
    align-items: stretch;
  }

  .avd-listing-wrap .avd-vin-row input,
  .avd-listing-wrap .avd-vin-row button,
  .avd-listing-wrap .avd-submit-listing,
  .avd-listing-wrap #avd-generate-description {
    width: 100%;
  }

  .avd-listing-wrap .avd-generate-wrap,
  .avd-listing-wrap .avd-submit-wrap {
    justify-content: stretch !important;
  }

  .avd-step-controls .button {
    width: 100%;
  }

  .avd-preview-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 8px;
  }

  .avd-step-indicator {
    min-width: 110px;
  }

  .avd-preview-item img {
    height: 82px;
  }

  .avd-portal-head {
    flex-direction: column;
    align-items: stretch;
  }

  .avd-portal-search input {
    width: 100%;
    min-width: 0 !important;
  }

  .avd-portal-card {
    grid-template-columns: 1fr !important;
  }

  .avd-portal-view {
    justify-self: stretch !important;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 520px) {
  .avd-listing-wrap {
    font-size: 13px;
  }

  .avd-listing-wrap h3,
  .avd-listing-wrap h4,
  .avd-portal-tab {
    font-size: 15px !important;
  }

  .avd-preview-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .avd-steps-nav {
    display: flex !important;
    gap: 16px;
  }

  .avd-step-indicator {
    min-width: 96px;
    font-size: 10px;
  }

  .avd-listing-wrap .avd-upload-drop {
    min-height: 120px;
  }
}