@media (max-width: 640px) {
  main,
  .section,
  .content-grid,
  .content-card,
  .related-services,
  .service-mini-grid,
  .service-mini-card {
    min-width: 0;
    max-width: 100%;
  }

  .container.content-grid,
  .content-grid {
    display: block !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .content-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible;
  }

  .content-card > *,
  .content-card .lead-image,
  .content-card .check-list,
  .content-card .faq-list,
  .content-card .related-services {
    max-width: 100% !important;
  }

  .content-card h1,
  .content-card h2,
  .content-card h3,
  .content-card p,
  .content-card li,
  .service-mini-card span,
  .service-mini-card p {
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
  }

  .service-area-intro-card h2 {
    max-width: 330px !important;
    font-size: 1.42rem;
    line-height: 1.16;
  }

  .service-area-intro-card,
  .service-area-intro-card p,
  .service-area-intro-card .cta-actions {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  .breadcrumb-nav ol,
  .breadcrumb-nav li,
  .breadcrumb-nav span {
    min-width: 0;
    max-width: 100%;
  }

  .breadcrumb-nav span {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }

  .breadcrumb-nav li:last-child {
    flex: 1 1 100%;
    display: flex;
  }

  .breadcrumb-nav li:last-child span {
    display: block;
    min-width: 0;
  }
}