@media (max-width: 1200px) {
    .page-header__center {
        display: none;
    }

    .page-header__right {
        display: flex;
    }

    .web-menu-toggle {
        height: 100px;
        width: 100px;
    }

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

@media (max-width: 959px) {
    .home-about,
    .home-collaboration,
    .home-training-options {
        grid-template-columns: 1fr;
    }

    .home-feature-card-upper,
    .home-feature-card-lower {
        grid-column: span 6;
    }

    .home-legacy-hero .carousel-inner {
        min-height: 760px;
    }

    .web-heading {
        font-size: 36px;
    }

    .web-hero-heading {
        font-size: 52px;
    }

    .web-hero-heading-size-small {
        font-size: 40px;
    }

    .web-hero-heading-size-medium {
        font-size: 46px;
    }

    .web-hero-heading-size-large {
        font-size: 52px;
    }

    .web-hero-heading-size-extra {
        font-size: 60px;
    }

    .web-preview-heading {
        grid-template-columns: 1fr;
    }

    .web-team-grid {
        justify-content: center;
    }

    .web-team-grid .web-team-member {
        flex-basis: calc((100% - 18px) / 2);
        max-width: calc((100% - 18px) / 2);
    }

    .web-page-hero {
        min-height: 460px;
    }

    .web-page-hero__content {
        padding: 160px 0 64px;
    }

    .web-article-preview,
    .web-contact-preview {
        grid-template-columns: 1fr;
    }

    .web-contact-layout {
        grid-template-columns: 1fr;
    }

    .web-contact-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .web-contact-details {
        grid-column: 1 / -1;
    }

    .web-package-plan {
        grid-template-columns: 1fr;
    }

    .web-package-vehicles {
        grid-template-columns: 1fr;
    }

    .web-blog-layout {
        grid-template-columns: 1fr;
    }

    .web-blog-sidebar {
        position: static;
    }

    .video-info {
        left: auto;
        margin: 0 auto -100px;
        max-width: min(800px, calc(100% - 40px));
        position: relative;
        top: auto;
        transform: none;
    }

    .video-block {
        max-width: 100%;
    }

    .video-box {
        height: 400px;
    }

    .home-about-gallery {
        --home-about-gallery-visible: 2;
    }
}

@media (max-width: 640px) {
    .home-about-main-images--desktop-only {
        display: none;
    }

    .home-about-main-images.home-about-main-images--mobile-only {
        display: block;
    }

    .home-about-main-images--stack.home-about-main-images--mobile-only {
        display: grid;
    }

    .home-about-image--hide-mobile {
        display: none;
    }

    .container,
    .web-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-heading {
        font-size: 30px;
    }

    .web-hero-heading {
        font-size: 38px;
    }

    .web-hero-heading-size-small {
        font-size: 30px;
    }

    .web-hero-heading-size-medium {
        font-size: 34px;
    }

    .web-hero-heading-size-large {
        font-size: 38px;
    }

    .web-hero-heading-size-extra {
        font-size: 44px;
    }

    .home-legacy-hero .slideshow-item__stage {
        align-items: flex-start;
        padding-bottom: 180px;
        padding-top: 145px;
    }

    .slideshow-item::before {
        background: linear-gradient(90deg, rgba(10, 8, 8, .62), rgba(10, 8, 8, .24));
    }

    .home-legacy-hero .slideshow-item__content {
        max-width: 320px;
    }

    .home-legacy-hero .slideshow-item__title {
        margin-bottom: 18px;
    }

    .home-legacy-hero .slideshow-item__title span {
        display: inline-block;
        font-size: 16px;
        line-height: 1.1;
    }

    .slideshow-item__decor {
        bottom: 8%;
        font-size: clamp(48px, 17vw, 76px);
        line-height: .92;
        max-width: calc(100vw - 32px);
        overflow-wrap: anywhere;
        padding-inline: 8px;
        text-align: center;
        white-space: normal;
    }

    .slideshow-item__btns {
        display: grid;
        gap: 18px;
        justify-items: start;
    }

    .home-legacy-hero .web-button {
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 24px;
    }

    .slideshow-item__btns .web-button + .web-button {
        margin-left: 0;
    }

    .page-header__left {
        padding-left: 15px;
    }

    .page-header__left .logo__text {
        display: none;
    }

    .web-offcanvas-brand .logo__icon {
        height: 80px;
        margin-right: 12px;
        width: 80px;
    }

    .page-footer__menu,
    .page-footer__latest,
    .page-footer__info {
        padding-left: 0;
    }

    .page-footer__top {
        padding: 32px 0;
    }

    .page-footer__top > .container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-footer__top .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .page-footer__brand,
    .page-footer__column {
        flex: 0 0 100%;
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    .page-footer__column {
        border-top: 1px solid rgba(255, 255, 255, .1);
        margin-top: 28px;
        padding-top: 28px;
    }

    .page-footer__brand-logo {
        margin-bottom: 18px;
    }

    .page-footer__motto {
        max-width: none;
    }

    .page-footer__socials {
        margin-top: 18px;
    }

    .web-footer-title {
        margin-bottom: 20px;
    }

    .footer-map-grid {
        margin-top: 20px;
        width: 100%;
    }

    .footer-map-window__frame {
        height: clamp(150px, 38vw, 210px);
    }

    .page-footer__bottom {
        font-size: 15px;
        padding: 20px 0;
    }

    .home-about-gallery {
        --home-about-gallery-visible: 1;
    }

    .home-training-options-grid {
        grid-template-columns: 1fr;
    }

    .home-about,
    .home-collaboration,
    .home-training-options {
        margin-bottom: 36px;
    }

    .home-feature-card {
        align-items: flex-start;
    }

    .web-preview-heading {
        gap: 16px;
        margin-bottom: 24px;
    }

    .web-team-grid {
        gap: 12px;
    }

    .web-team-grid .web-team-member {
        flex-basis: calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2);
    }

    .video-info {
        margin-bottom: -48px;
        max-width: calc(100% - 24px);
        padding: 28px 20px;
    }

    .video-info__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .video-info__subtitle {
        font-size: 22px;
    }

    .video-box {
        background-attachment: scroll;
        height: 340px;
    }

    .video-thumb-grid li {
        flex-basis: calc(50% - var(--spacing-small));
    }

    .video-thumb-grid__caption {
        font-size: var(--caption-font-size-sm);
    }

    .web-page-hero__content {
        padding: 132px 0 48px;
    }

    .web-page-hero__content h1 {
        font-size: 42px;
    }

    .web-page-hero__content p {
        font-size: 17px;
    }

    .web-packages {
        gap: 36px;
    }

    .web-package-plan__summary p,
    .web-packages-empty p {
        font-size: 16px;
    }

    .web-package-plan__vehicles h3 {
        font-size: 19px;
    }

    .web-package-title h2 {
        white-space: normal;
    }

    .web-package-vehicle__head {
        padding: 26px 22px;
    }

    .web-blog-grid {
        gap: 48px;
        grid-template-columns: 1fr;
    }

    .news-card__title a {
        font-size: 24px;
    }

    .news-card__img,
    .article__img {
        aspect-ratio: 3 / 2;
    }

    .article__title,
    .section-article-reviews .uk-h2 {
        font-size: 28px;
    }

    .section-article-reviews {
        margin-top: 45px;
    }

    .web-comment-form__grid {
        grid-template-columns: 1fr;
    }

    .web-comment--depth-1,
    .web-comment--depth-2,
    .web-comment--depth-3,
    .web-comment--depth-4 {
        margin-left: 14px;
    }

    .latest-news-list > li + li {
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .web-page-placeholder--about .home-about-section > .web-section-large,
    .web-page-placeholder--about .web-team-preview > .web-section,
    .web-page-placeholder--about .about-piecharts {
        padding-block: 28px;
    }

    .about-piecharts {
        padding-block: 28px;
    }

    .about-piechart + .about-piechart {
        margin-top: 36px;
    }

    .about-piechart--align-left,
    .about-piechart--align-right {
        text-align: center;
    }

    .about-piechart--align-left .about-piechart__layout,
    .about-piechart--align-right .about-piechart__layout {
        display: block;
    }

    .about-piechart--align-left .about-piechart__header,
    .about-piechart--align-right .about-piechart__header {
        max-width: 720px;
        margin-bottom: 28px;
        margin-inline: auto;
    }

    .about-piechart__body {
        flex-direction: column;
        width: 100%;
    }

    .about-piechart__mount {
        max-width: 100%;
    }

    .about-piechart__legend {
        order: initial;
        width: min(100%, 420px);
    }

    .about-piechart--align-left .about-piechart__body,
    .about-piechart--align-right .about-piechart__body {
        margin-inline: auto;
    }
}