@media (max-width: 1020px) {
  .contact-hero .contact-container,
  .contact-inquiry-grid,
  .contact-location-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-copy {
    position: static;
  }

  .contact-location-grid {
    gap: 24px;
  }
}

@media (max-width: 760px) {
  .contact-hero {
    padding: 34px 0 28px;
  }

  .contact-hero h1 {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .contact-hero p,
  .contact-section-head p,
  .contact-form-copy p,
  .contact-location-head p,
  .contact-final p {
    font-size: 16px;
  }

  .contact-map-hero ul,
  .contact-form,
  .contact-detail-grid,
  .contact-path-grid {
    grid-template-columns: 1fr;
  }

  .contact-hero-actions {
    gap: 10px;
    margin-top: 18px;
  }

  .contact-map-hero img {
    height: 150px;
    object-fit: cover;
  }

  .contact-map-hero li {
    border-bottom: 1px solid #d7e1ea;
    border-right: 0;
    padding: 14px 16px;
  }

  .contact-map-hero li:last-child {
    border-bottom: 0;
  }

  .contact-section,
  .contact-location {
    padding: 50px 0;
  }

  .contact-section-head h2,
  .contact-form-copy h2,
  .contact-location-head h2,
  .contact-final h2 {
    font-size: 30px;
  }

  .contact-form {
    padding: 20px;
  }

  .contact-map-frame iframe,
  .drawing-review-figure img {
    height: 300px;
  }

  .contact-final .contact-container {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .contact-hero h1 {
    font-size: 30px;
  }

  .contact-hero p {
    font-size: 15px;
    line-height: 1.5;
  }

  .contact-map-hero figcaption {
    display: none;
  }

  .contact-hero-actions .pl-btn,
  .contact-final .pl-btn,
  .contact-form button {
    width: 100%;
  }

  .contact-path-card,
  .contact-detail-card {
    min-height: auto;
  }
}