@media (max-width: 1199.98px) {
  .navbar .nav-link {
    padding-inline: 0.45rem;
  }

  .header-actions .btn:first-child {
    display: none;
  }
}

@media (max-width: 991.98px) {
  body {
    padding-bottom: 4.4rem;
  }

  .utility-bar {
    display: none;
  }

  .site-header .navbar {
    min-height: 5rem;
  }

  .site-header .brand {
    gap: 0.9rem;
    padding-block: 0.6rem;
  }

  .hero {
    min-height: auto;
  }

  .hero-media {
    margin-top: 2rem;
    min-height: 26rem;
  }

  .trust-item {
    border-bottom: 1px solid var(--avon-border);
  }

  .content-nav {
    position: static;
  }

  .mobile-action-bar {
    background: var(--avon-white);
    border-top: 1px solid var(--avon-border);
    bottom: 0;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
    left: 0;
    padding: 0.65rem;
    position: fixed;
    right: 0;
    z-index: 1030;
  }
}

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

  main,
  section,
  .container-wide {
    box-sizing: border-box;
    max-width: 100vw;
    width: 100vw;
  }

  h1 {
    font-size: clamp(2.35rem, 10.5vw, 3.25rem);
    overflow-wrap: break-word;
    text-wrap: pretty;
  }

  .brand img {
    height: 3.75rem;
    width: 3.75rem;
  }

  .brand-text {
    font-size: 1.3rem;
  }

  .brand-text small {
    font-size: 0.58rem;
  }

  .hero-media {
    min-height: 22rem;
  }

  .hero-note {
    max-width: 14rem;
  }

  .trust-item {
    border-right: 0;
  }

  .image-plate {
    min-height: 21rem;
  }

  .stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    padding: 1.25rem 0 0;
  }

  .programme-detail-meta {
    margin-top: 0;
  }

  .mobile-action-bar .btn {
    font-size: 0.95rem;
    padding-inline: 0.75rem;
    white-space: nowrap;
  }

  .employer-logo {
    flex-basis: 10.5rem;
    min-height: 5.25rem;
  }
}

.btn-link,
a.btn-link,
button.btn-link,
.btn-link:hover,
a.btn-link:hover,
button.btn-link:hover,
.btn-link:focus,
a.btn-link:focus,
button.btn-link:focus,
.btn-link:active,
a.btn-link:active,
button.btn-link:active {
  text-decoration: none !important;
}