@media (max-width:1199.98px) {
  .container.shell {
    width: min(100% - 34px, 1100px)
  }

  .navbar>.container {
    padding-inline: 15px
  }

  .navbar-brand {
    margin-right: 12px
  }

  .navbar-brand img {
    width: 78px;
    height: 61px
  }

  .nav-links {
    gap: 5px
  }

  .nav-links .nav-link {
    padding-inline: 10px !important;
    font-size: .75rem
  }

  .btn-header {
    min-width: 112px;
    margin-left: 12px;
    padding-inline: 16px
  }

  .hero-frame {
    height: clamp(500px, 56vw, 675px)
  }

  .hero-callout {
    top: 16.5%;
    width: 178px;
    font-size: .8rem
  }

  .hero-callout-left {
    left: 28px
  }

  .hero-callout-right {
    right: 28px
  }

  .trust-grid {
    gap: 8px
  }

  .trust-item {
    padding: 13px 10px
  }

  .trust-icon {
    width: 39px;
    height: 39px;
    flex-basis: 39px
  }

  .trust-item h2 {
    font-size: .66rem
  }

  .trust-item p {
    font-size: .54rem
  }

  .products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px
  }

  .product-media {
    height: 170px
  }

  .product-body {
    min-height: 146px
  }

  .about-copy {
    padding: 44px 36px
  }

  .about-copy h2 {
    font-size: 1.95rem
  }

  .about-visual {
    min-height: 480px
  }

  .global-copy {
    padding: 42px 26px 42px 36px
  }

  .global-copy h2 {
    font-size: 1.88rem
  }

  .map-card {
    min-height: 430px
  }
}

@media (max-width:991.98px) {
  .site-header {
    padding-top: 8px
  }

  .site-header.scrolled {
    padding-top: 0
  }

  .navbar {
    height: 66px
  }

  .site-header.scrolled .nav-glass {
    width: min(100% - 32px, 900px);
    max-width: 900px
  }

  .container.shell {
    width: min(100% - 32px, 900px)
  }

  .nav-glass {
    border-radius: 16px
  }

  .navbar-brand img {
    width: 72px;
    height: 57px
  }

  .hero-frame {
    height: clamp(440px, 64vw, 580px)
  }

  .hero-callout {
    top: 17.5%;
    width: 160px;
    font-size: .69rem
  }

  .hero-callout-left {
    left: 22px
  }

  .hero-callout-right {
    right: 22px
  }

  .trust-strip {
    margin-top: -26px;
    padding-bottom: 38px
  }

  .trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trust-item:nth-child(4),
  .trust-item:nth-child(5) {
    grid-column: span 1
  }

  .products-section {
    padding: 38px 0 54px
  }

  .products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-media {
    height: 185px
  }

  .products-foot {
    align-items: flex-start;
    flex-direction: column
  }

  .products-actions {
    width: 100%
  }

  .products-actions .btn {
    flex: 1
  }

  .about-section {
    padding: 56px 0
  }

  .about-panel {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .about-copy {
    padding: 42px 38px 38px
  }

  .about-visual {
    min-height: 370px
  }

  .about-badge-top {
    top: 18px;
    right: 18px
  }

  .about-badge-bottom {
    right: 18px;
    bottom: 18px
  }

  .global-section {
    padding-bottom: 56px
  }

  .global-panel {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .global-copy {
    padding: 42px 38px 30px
  }

  .global-stats {
    max-width: 620px
  }

  .map-card {
    min-height: 340px
  }

  .map-card::before {
    display: none
  }

  .choose-section {
    padding: 56px 0
  }

  .choose-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .cta-section {
    padding-bottom: 56px
  }

  .cta-card {
    grid-template-columns: 1fr;
    padding: 32px
  }

  .cta-action {
    min-width: 0;
    max-width: 300px
  }

  .cta-action .btn {
    min-width: 0;
    width: 100%
  }

  .cta-action>a {
    text-align: left
  }
}

@media (max-width:767.98px) {
  .container.shell {
    width: min(100% - 26px, 720px)
  }

  .site-header.scrolled .nav-glass {
    width: min(100% - 26px, 720px)
  }

  .site-header,
  .navbar {
    height: 64px
  }

  .site-header {
    padding-top: 7px
  }

  .site-header.scrolled {
    height: 64px
  }

  .nav-glass {
    border-radius: 14px
  }

  .navbar>.container {
    padding-inline: 12px
  }

  .navbar-brand img {
    width: 66px;
    height: 52px
  }

  .hero-frame {
    height: 390px
  }

  .hero-callout {
    top: 18%;
    width: 138px;
    font-size: .58rem;
    line-height: 1.45;
    letter-spacing: .06em
  }

  .hero-callout-left {
    left: 12px
  }

  .hero-callout-right {
    right: 12px
  }

  .hero-callout i {
    width: 34px;
    height: 2px;
    margin-top: 7px
  }

  .trust-strip {
    margin-top: -18px;
    padding-bottom: 32px
  }

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

  .trust-item {
    min-height: 76px
  }

  .trust-item:nth-child(5) {
    grid-column: 1/-1
  }

  .trust-item p {
    font-size: .56rem
  }

  .section-heading h2,
  .about-copy h2,
  .global-copy h2,
  .cta-copy h2 {
    font-size: 1.7rem
  }

  .section-heading p {
    font-size: .78rem
  }

  .products-section {
    padding: 34px 0 46px
  }

  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 26px
  }

  .product-card {
    border-radius: 15px
  }

  .product-media {
    height: 170px
  }

  .product-body {
    min-height: 142px;
    padding: 13px
  }

  .product-body h3 {
    font-size: .73rem
  }

  .product-body p {
    font-size: .61rem
  }

  .products-foot {
    margin-top: 20px;
    padding: 16px
  }

  .products-actions {
    flex-direction: column
  }

  .products-actions .btn {
    width: 100%
  }

  .about-section {
    padding: 46px 0
  }

  .about-panel,
  .global-panel,
  .cta-card {
    border-radius: 22px
  }

  .about-copy {
    padding: 34px 25px 30px
  }

  .about-copy>p {
    font-size: .78rem;
    line-height: 1.68
  }

  .about-points {
    gap: 7px
  }

  .about-mini-stats {
    max-width: 100%
  }

  .about-visual {
    min-height: 300px
  }

  .about-badge {
    min-width: 188px;
    padding: 9px 10px
  }

  .about-badge>span {
    width: 34px;
    height: 34px;
    flex-basis: 34px
  }

  .about-badge strong {
    font-size: .61rem
  }

  .about-badge small {
    font-size: .5rem
  }

  .global-section {
    padding-bottom: 46px
  }

  .global-copy {
    padding: 34px 25px 26px
  }

  .global-copy>p {
    font-size: .75rem
  }

  .global-stats {
    gap: 8px
  }

  .global-stat {
    padding: 10px
  }

  .map-card {
    min-height: 290px
  }

  .map-caption {
    right: 14px;
    bottom: 14px
  }

  .choose-section {
    padding: 46px 0
  }

  .choose-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 27px
  }

  .choose-card {
    min-height: 112px;
    padding: 17px
  }

  .choose-card p {
    font-size: .63rem
  }

  .cta-section {
    padding-bottom: 46px
  }

  .cta-card {
    padding: 26px 24px
  }

  .cta-copy p {
    font-size: .73rem
  }

  .cta-meta {
    display: grid;
    gap: 7px
  }

  .cta-action {
    max-width: 100%
  }

  .cta-action>a {
    text-align: center
  }

  .footer-main {
    padding: 39px 0 27px
  }

  .footer-brand {
    width: 112px;
    height: 102px
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start
  }

  .floating-enquiry {
    left: 12px;
    bottom: 12px;
    min-height: 44px;
    padding: 4px 12px 4px 4px;
    gap: 7px
  }

  .floating-enquiry span {
    width: 36px;
    height: 36px
  }

  .floating-enquiry strong {
    font-size: .68rem
  }

  .back-to-top {
    right: 12px;
    bottom: 12px
  }

  .enquiry-modal .modal-dialog {
    padding: 8px;
    margin: 0 auto
  }

  .enquiry-modal .modal-content {
    border-radius: 17px
  }

  .enquiry-modal .modal-header {
    padding: 20px 18px 7px
  }

  .enquiry-modal .modal-body {
    padding: 7px 18px 18px
  }

  .enquiry-modal .modal-title {
    font-size: 1.42rem
  }

  .enquiry-actions {
    grid-template-columns: 1fr
  }
}

@media (max-width:575.98px) {
  .container.shell {
    width: min(100% - 22px, 540px)
  }

  .site-header.scrolled .nav-glass {
    width: min(100% - 22px, 540px)
  }

  .hero-frame {
    height: 350px
  }

  .hero-callout {
    top: 19%;
    width: 116px;
    font-size: .49rem
  }

  .hero-callout-left {
    left: 9px
  }

  .hero-callout-right {
    right: 9px
  }

  .trust-grid {
    grid-template-columns: 1fr
  }

  .trust-item:nth-child(5) {
    grid-column: auto
  }

  .trust-item {
    min-height: 68px
  }

  .trust-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px
  }

  .trust-item h2 {
    font-size: .68rem
  }

  .trust-item p {
    font-size: .58rem
  }

  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px
  }

  .product-media {
    height: 145px
  }

  .product-body {
    min-height: 142px;
    padding: 11px
  }

  .product-body h3 {
    font-size: .68rem
  }

  .product-body p {
    font-size: .57rem
  }

  .product-index {
    top: 9px;
    left: 9px
  }

  .product-view {
    right: 9px;
    bottom: 9px
  }

  .about-copy {
    padding: 30px 20px 27px
  }

  .about-points span {
    font-size: .59rem
  }

  .about-mini-stats div {
    padding-right: 6px
  }

  .about-mini-stats div+div {
    padding-left: 9px
  }

  .about-mini-stats strong {
    font-size: .88rem
  }

  .about-mini-stats span {
    font-size: .52rem
  }

  .about-visual {
    min-height: 260px
  }

  .about-badge-top {
    top: 12px;
    right: 12px
  }

  .about-badge-bottom {
    right: 12px;
    bottom: 12px
  }

  .about-badge {
    min-width: 170px
  }

  .about-badge-bottom {
    display: none
  }

  .global-copy {
    padding: 30px 20px 24px
  }

  .global-stats {
    grid-template-columns: 1fr 1fr
  }

  .global-stat {
    gap: 8px
  }

  .global-stat-icon {
    width: 35px;
    height: 35px;
    flex-basis: 35px
  }

  .global-stat strong {
    font-size: .7rem
  }

  .global-stat span {
    font-size: .52rem
  }

  .map-card {
    min-height: 250px
  }

  .map-label {
    font-size: .48rem
  }

  .cta-card {
    padding: 24px 20px
  }

  .cta-kicker {
    font-size: .58rem
  }

  .cta-copy h2 {
    font-size: 1.52rem
  }

  .cta-meta span {
    font-size: .58rem
  }
}

@media (max-width:399.98px) {
  .container.shell {
    width: min(100% - 18px, 380px)
  }

  .site-header.scrolled .nav-glass {
    width: min(100% - 18px, 380px)
  }

  .hero-frame {
    height: 330px
  }

  .hero-callout {
    top: 20%;
    width: 102px;
    font-size: .43rem;
    letter-spacing: .045em
  }

  .hero-callout i {
    width: 28px
  }

  .products-grid {
    grid-template-columns: 1fr
  }

  .product-media {
    height: 200px
  }

  .product-body {
    min-height: 130px
  }

  .product-body h3 {
    font-size: .78rem
  }

  .product-body p {
    font-size: .63rem
  }

  .about-mini-stats {
    grid-template-columns: repeat(3, 1fr)
  }

  .about-mini-stats strong {
    font-size: .8rem
  }

  .about-mini-stats span {
    font-size: .48rem
  }

  .global-stats {
    grid-template-columns: 1fr
  }

  .global-stat {
    padding: 11px
  }

  .map-card {
    min-height: 220px
  }

  .map-label-two {
    display: none
  }

  .floating-enquiry strong {
    display: none
  }

  .floating-enquiry {
    width: 44px;
    padding: 4px
  }

  .footer-bottom div {
    flex-wrap: wrap
  }

  .enquiry-modal .modal-header {
    padding-left: 15px;
    padding-right: 15px
  }

  .enquiry-modal .modal-body {
    padding-left: 15px;
    padding-right: 15px
  }
}



@media (max-width: 575.98px) {
    .trust-grid {
        grid-template-columns: 1fr 1fr;
    }


     .trust-item {
        justify-content: center;
        text-align: center;
    }

    .trust-item > div {
        text-align: center;
    }
      .trust-item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .trust-item > div {
        text-align: center;
    }

     .trust-item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .trust-item > div {
        text-align: center;
    }
      .trust-item:last-child {
        grid-column: 1 / -1;
        justify-self: center;
    }

   
}