@media (max-width: 760px) {
  .page-hero .breadcrumbs {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    width: auto;
    background: transparent;
    box-shadow: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0;
    margin: 0 0 24px;
  }

  .page-hero .breadcrumbs > a:not(.navcta),
  .page-hero .breadcrumbs > span {
    display: inline;
    padding: 0;
  }

  .page-hero .breadcrumbs > span:last-child {
    min-width: 0;
  }
}