/* Responsive viewport styles moved from site.css. Loaded only for viewports up to 1200px. */

@media (max-width: 900px) {
    

    .fcl-approach__grid {
        grid-template-columns: 1fr;
    }

    .fcl-approach__card {
        grid-template-columns: 58px 32px 1fr;
    }
}



@media (max-width: 991.98px) {
    .vls-header {
        height: auto;
        min-height: 72px;
    }

    .vls-nav,
    .vls-nav__inner {
        height: auto;
        min-height: 72px;
    }

    .vls-nav__inner {
        align-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0 18px;
    }

    .vls-nav__brand {
        min-height: 72px;
        padding-right: 0;
    }

    .vls-nav__brand img {
        height: 42px;
        width: 120px;
    }

    .vls-nav__toggle {
        align-items: center;
        border: 1px solid rgba(0, 24, 113, 0.16);
        border-radius: 6px;
        color: var(--vls-blue);
        display: inline-flex;
        height: 42px;
        justify-content: center;
        margin-left: auto;
        padding: 8px 10px;
        width: 50px;
    }

    .vls-nav__toggle .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23001871' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .vls-nav__toggle:focus {
        box-shadow: 0 0 0 3px rgba(0, 24, 113, 0.12);
    }

    .vls-nav__collapse.collapse:not(.show) {
        display: none;
    }

    .vls-nav__collapse {
        align-items: stretch;
        background: var(--vls-white);
        border-top: 1px solid rgba(0, 24, 113, 0.08);
        display: flex;
        flex-basis: 100%;
        flex-direction: column;
        gap: 14px;
        height: auto;
        margin: 0 -18px;
        max-height: calc(100vh - 72px);
        overflow-y: auto;
        padding: 14px 18px 20px;
    }

    .vls-nav__links,
    .vls-nav__actions {
        align-items: stretch;
        flex-direction: column;
        height: auto;
        width: 100%;
    }

    .vls-nav__links {
        gap: 2px;
        order: 2;
    }

    .vls-nav__link {
        border-bottom: 0;
        border-radius: 6px;
        flex-direction: row;
        font-size: 14px;
        gap: 12px;
        height: auto;
        justify-content: flex-start;
        min-height: 46px;
        padding: 11px 12px;
        white-space: normal;
    }

    .vls-nav__link img {
        flex: 0 0 22px;
    }

    .vls-nav__link:hover,
    .vls-nav__link:focus {
        background: rgba(0, 24, 113, 0.05);
    }

    .vls-nav__item:hover>a.vls-nav__link {
        border-bottom-color: transparent;
    }

    .vls-nav__label {
        flex: 1 1 auto;
        justify-content: space-between;
    }

    .vls-nav__item {
        width: 100%;
    }

    .vls-nav__submenu {
        border: 0;
        border-left: 2px solid rgba(0, 24, 113, 0.12);
        border-radius: 0;
        box-shadow: none;
        display: none;
        margin: 2px 0 10px 23px;
        min-width: 0;
        opacity: 1;
        padding: 0;
        pointer-events: auto;
        position: static;
        transform: none;
        width: calc(100% - 23px);
    }

    .vls-nav__item--has-menu:hover .vls-nav__submenu,
    .vls-nav__item--has-menu:focus-within .vls-nav__submenu {
        display: block;
    }

    .vls-nav__submenu-link {
        border-radius: 5px;
        font-size: 13px;
        padding: 9px 12px;
    }

    .vls-nav__actions {
        display: grid;
        flex-basis: auto;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        justify-content: flex-start;
        order: 1;
        padding: 0;
    }

    .vls-nav__search {
        height: 42px;
        width: 100%;
    }

    .vls-nav__actions .search-wrapper {
        grid-column: 1 / -1;
    }

    .vls-language,
    .vls-language__toggle {
        width: 100%;
    }

    .vls-language__toggle {
        height: 42px;
    }

    .vls-language__menu {
        left: 0;
        right: auto;
        width: 100%;
    }

    .vls-btn--login,
    .vls-btn--account {
        height: 42px;
        width: 100%;
    }

    .vls-footer__inner {
        margin: 0 20px;
    }

    .vls-footer__grid {
        grid-template-columns: 1fr;
        padding-top: 40px;
        row-gap: 32px;
    }

    .vls-footer__brand,
    .vls-footer__logo,
    .vls-footer__col,
    .vls-footer__col--support {
        width: 100%;
    }

    .vls-footer__base {
        flex-direction: column;
        gap: 8px;
    }

    .home-hero {
        height: auto;
        min-height: 620px;
    }

    .home-hero__body {
        left: 20px;
        max-width: calc(100% - 40px);
        top: 96px;
    }

    .home-hero__media {
        background: #06223d;
    }

    .home-hero__media::after {
        background: linear-gradient(90deg, rgba(0, 24, 113, 0.88) 0%, rgba(0, 24, 113, 0.52) 45%, rgba(0, 24, 113, 0.2) 100%);
    }

    .home-hero__body h1,
    .home-journey__intro h2,
    .home-quote-card__head h3 {
        font-size: 38px;
        line-height: 44px;
    }

    .home-hero__title-mask,
    .home-hero__title-line {
        min-height: 110px;
        height: 110px;
    }

    .home-hero__body p {
        max-width: 520px;
    }

    .home-hero__foot {
        bottom: 24px;
        left: 20px;
        max-width: calc(100% - 40px);
    }

    /*.home-tile-cloud--hero {
        opacity: 0.55;
        right: -42px;
        top: 360px;
    }*/

    .home-trust-strip,
    .home-updates,
    .home-final-cta {
        align-items: stretch;
        flex-direction: column;
        gap: 28px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-trust-strip>p,
    .home-updates h2 {
        flex: 0 0 auto;
    }

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

    .home-trust-strip__stats div,
    .home-proof-grid div {
        text-align: left;
    }

    .home-journey,
    .home-services,
    .home-insights,
    .home-network,
    .fcl-breadcrumb__inner,
    .fcl-hero,
    .fcl-booking,
    .fcl-feature,
    .fcl-pillars,
    .fcl-copy-block,
    .fcl-benefits,
    .fcl-compare,
    .fcl-ideal{
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-shipment-board,
    .home-shipment-dummy,
    .home-track-shipment,
    .home-lcl-feature,
    .home-network,
    .fcl-booking,
    .fcl-quote-form__split,
    .fcl-quote-form__row--three,
    .fcl-quote-form__row--two,
    .fcl-dual-copy__inner,
    .fcl-approach__grid,
    .fcl-copy-block--light .fcl-copy-block__inner,
    .fcl-benefits__grid,
    .fcl-compare__inner,
    .fcl-ideal__grid,
    .manage-documents-grid,
    .home-updates__form {
        grid-template-columns: 1fr;
    }

    .home-journey {
        min-height: auto;
    }

    /* .home-shipment-board,
    .home-shipment-panels,
    .home-shipment-panel,
    .home-quote-chooser,
    .home-track-shipment,
    .home-track-shipment__lookup,
    .home-shipment-dummy,
    .home-shipment-dummy__card,
    .home-service-match {
        height: auto;
        min-height: auto;
    } */

    .home-quote-card,
    .home-shipment-dummy__card,
    .home-service-match {
        min-height: auto;
    }

    .home-quote-card,
    .home-shipment-dummy__card,
    .home-service-match,
    .home-quote-chooser {
        padding: 28px 24px;
    }

    .home-shipment-dummy__grid {
        grid-template-columns: 1fr;
    }

    .home-track-shipment__lookup {
        padding: 32px 24px;
    }

    .home-lcl-feature__copy {
        padding: 56px 20px;
    }

    .home-lcl-feature__visual {
        min-height: 420px;
    }

    .home-network {
        gap: 44px;
        min-height: auto;
    }

    #globe-container {
        width: 100%;
        height: 350px;
        position: relative;
    }

    .home-network__map {
        margin-left: 0;
        max-width: 520px;
        width: 100%;
    }

    .home-section-row {
        gap: 20px;
    }

    .home-card-track,
    .home-card-track--insights {
        grid-auto-columns: minmax(280px, 78%);
    }

    .home-updates__form,
    .home-final-cta__actions {
        flex: 0 1 auto;
        flex-wrap: wrap;
    }

    .home-final-cta {
        min-height: auto;
    }

    .fcl-hero__copy h1,
    .fcl-booking__intro h2,
    .fcl-feature__inner h2,
    .fcl-pillars__inner h2,
    .fcl-copy-block__inner h2,
    .fcl-benefits__inner h2,
    .fcl-compare__head h2,
    .fcl-ideal__head h2,
    .fcl-booking__content h2 {
        font-size: 38px;
        line-height: 44px;
    }

    .fcl-booking-right {
        padding-bottom: 30px;
    }

    .fcl-booking__intro,
    .fcl-quote-card {
        min-height: auto;
        padding: 48px 0 0;
    }

    .fcl-quote-form__row--top {
        grid-template-columns: 1fr;
    }

    .fcl-feature__inner blockquote {
        margin-top: 28px;
    }

    .fcl-pillars__list article,
    .fcl-ideal__grid article {
        border-right: 0;
    }

    .fcl-pillars__list {
        grid-template-columns: repeat(1, 1fr);
    }

    .fcl-dual-copy__card {
        padding: 42px 20px 46px;
    }

    .fcl-approach__panel {
        padding: 44px 20px;
    }

    .fcl-copy-block__content {
        padding: 0 0 40px;
    }

    .fcl-benefits {
        padding-top: 60px;
    }

    .fcl-copy-block--compact img.globe {
        display: none;
    }
}

@media (max-width: 575.98px) {

    .vls-home-btn,
    .home-final-cta__actions,
    .home-hero__ctas,
    .fcl-hero__actions {
        width: 100%;
    }

    .vls-home-btn {
        min-width: 0;
    }

    .home-hero__body h1,
    .home-journey__intro h2,
    .home-section-row h2,
    .home-lcl-feature h2,
    .home-network h2,
    .home-final-cta h2,
    .home-updates h2,
    .fcl-hero__copy h1,
    .fcl-booking__intro h2,
    .fcl-feature__inner h2,
    .fcl-pillars__inner h2,
    .fcl-copy-block__inner h2,
    .fcl-benefits__inner h2,
    .fcl-compare__head h2,
    .fcl-ideal__head h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .home-trust-strip__stats,
    .home-proof-grid,
    .home-quote-grid,
    .home-cargo-details,
    .fcl-benefits__grid {
        grid-template-columns: 1fr;
    }

    .home-proof-grid div:nth-child(odd),
    .home-proof-grid div:nth-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 24, 113, 0.12);
    }

    .home-proof-grid div:last-child {
        border-bottom: 0;
    }

    /*.home-carousel-controls {
        display: none;
    }*/

    .home-card-track,
    .home-card-track--insights {
        grid-auto-columns: 88%;
    }

    .home-updates__thanks {
        padding: 28px 22px;
    }

    .fcl-hero {
        padding-top: 64px;
    }

    .fcl-hero__copy h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .fcl-cta-primary,
    .fcl-cta-outline {
        min-width: 0;
        width: 100%;
    }

    .fcl-quote-card {
        padding-top: 28px;
    }

    .fcl-form-panel__choices {
        gap: 10px;
        grid-template-columns: 1fr;
    }
}


@media (max-width: 390px) {

    /* Leadership */
    
    .leadership-cfs .leadership-hero .leadership-hero__title{
        letter-spacing: -1.5px;  
    }
     
    /* Careers */

    .careers-cfs .career-stats {
        gap: 22px 16px;
    }

    .careers-cfs .career-functions .career-functions-title{
        letter-spacing: -2.2px;
    }
}

@media (max-width: 991.98px) {
    .location-tabs-wrap {
        align-items: flex-start;
        gap: 18px;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .location-tabs {
        min-width: max-content;
        gap: 28px;
    }
}

@media (max-width: 767px) {
    .location-finder {
        padding: 52px 18px 64px;
    }

    .location-tabs-wrap {
        flex-direction: column;
    }

    .location-search {
        width: 100%;
        margin-bottom: 12px;
    }

    .location-map-box {
        min-height: 680px;
    }

    .location-map {
        height: 680px;
    }

    .location-map-locate {
        top: 294px;
        right: 18px;
    }

    .location-map-message--notice {
        top: 346px;
        right: 18px;
        width: calc(100% - 36px);
    }

    .location-panel {
        top: 18px;
        left: 18px;
        right: 18px;
        width: auto;
        max-height: 260px;
        padding: 20px 18px;
    }

    .location-panel h3 {
        margin-bottom: 16px;
        padding-bottom: 16px;
        font-size: 20px;
        line-height: 1.2;
    }
}

@media (max-width: 991.98px) {

    .support-content,
    .contact-team-box {
        padding: 48px 38px;
    }

    .support-content h2 {
        font-size: 62px;
        line-height: 1;
    }

    .contact-bottom {
        align-items: flex-start;
        gap: 24px;
    }

    .contact-bottom button {
        flex: 0 0 auto;
    }
}

@media (max-width: 991.98px) {
    

    .support-section .container-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .support-wrapper {
        grid-template-columns: 1fr;
    }

    .contact-team-box {
        border-left: 0;
        border-top: 1px solid #e9e5df;
    }

    .support-map {
        margin-top: 40px;
        padding: 28px;
    }

    .support-map>img {
        height: 390px;
    }

    .map-info-card {
        left: 52px;
        bottom: 52px;
        width: min(460px, calc(100% - 104px));
    }
}

@media (max-width: 360px) {

    .support-section .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
}

@media (max-width: 991.98px) {

    .quick-track-intro {
        grid-template-columns: 1fr;
    }

    .quick-track-map__top,
    .quick-track-result__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-track-map dl,
    .quick-track-actions {
        flex-wrap: wrap;
    }

    .quick-track-summary-grid,
    .quick-track-item__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .vls-public-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .vls-public-modal__dialog {
        border-radius: 16px;
        max-height: calc(100vh - 24px);
    }

    .vls-public-modal__header,
    .vls-public-modal__form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vls-public-modal__header h2 {
        font-size: 23px;
    }

    .vls-public-modal__actions .vls-public-modal__button {
        width: auto;
    }

    .quick-track-page {
        padding: 24px 0 52px;
    }

    .quick-track-shell {
        width: calc(100% - 32px);
    }

    .quick-track-intro,
    .quick-track-result__header,
    .quick-track-empty,
    .quick-track-map,
    .quick-track-items {
        padding-left: 18px;
        padding-right: 18px;
    }

    .quick-track-booking-summary {
        margin: 24px 18px 0;
        padding: 20px 18px;
    }

    .quick-track-intro {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .quick-track-search__row {
        grid-template-columns: 1fr;
    }

    .quick-track-search button,
    .quick-track-btn {
        width: 100%;
    }

    .quick-track-empty {
        grid-template-columns: 1fr;
    }

    .quick-track-map {
        min-height: 225px;
        padding-bottom: 18px;
        padding-top: 18px;
    }

    .quick-track-map dd {
        font-size: 17px;
    }

    .quick-track-map dl {
        justify-content: flex-start;
    }

    .quick-track-map dl div {
        min-width: min(100%, 150px);
    }

    .quick-track-map dl div:last-child {
        min-width: 100%;
    }

    .quick-track-route {
        height: 90px;
    }

    .quick-track-route__line {
        left: 4%;
        right: 4%;
        top: 16px;
    }

    .quick-track-route__ship {
        left: calc(50% - 23px);
        top: -7px;
    }

    .quick-track-route__point {
        top: 2px;
    }

    .quick-track-route__point--origin {
        left: 7%;
    }

    .quick-track-route__point--destination {
        left: 93%;
    }

    .quick-track-route__label {
        max-width: 140px;
    }

    .quick-track-summary-row,
    .quick-track-item__grid {
        grid-template-columns: 1fr;
    }

    .quick-track-item {
        gap: 18px;
        grid-template-columns: 26px minmax(0, 1fr);
        padding: 20px 18px;
    }
}



@media (max-width: 991.98px) {
    .cfs-hero__body {
        left: 20px;
        top: 42px;
        padding-right: 20px;
    }

    .cfs-hero__body h1 {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 0;
    }

    .cfs-hero__body p:not(.cfs-hero__eyebrow) {
        max-width: 100%;
    }

    .cfs-performance {
        display: block;
    }

    .cfs-performance__copy h2 {
        width: initial;
    }

    .cfs-performance__grid {
        margin-top: 20px;
    }

    .cfs-network,
    .cfs-performance,
    .cfs-hazardous,
    .cfs-value-added,
    .cfs-digital,
    .cfs-compliance,
    .cfs-solution__content,
    .history-section,
    .timeline-section,
    .sustainability-section,
    .sustainability-framework,
    .environment-content,
    .social-content,
    .operations-section,
    .values-section,
    .value-detail-content,
    .value-two-content,
    .career-hero,
    .application-section,
    .why-vanguard,
    .career-functions,
    .career-benefits,
    .global-locations,
    .leadership-hero__content,
    .leadership-team,
    .regional-leadership,
    .media-contact-section,
    .leadership-cta,
    .vanguard-about,
    .who-we-are,
    .explore-card,
    .subscribe-section,
    .explore-section,
    .articles-section,
    .news-feature-content,
    .news-section .news-title,
    .market-updates,
    .vanguard-about .stat-card,
    .customer-advisories-hero,
    .states-section,
    .schedule-section,
    .sailing-result-section,
    .smart-logistics-content,
    .locations-section,
    .location-finder,
    .quick-track-page,
    .usa-terms-detail-section,
    .usa-terms-detail-box,
    .bol-terms-section,
    .bol-terms-wrapper,
    .use_brokerage-cfs .usa-terms-detail-box,
    .use_service-cfs .usa-terms-detail-box,
    .au_service-cfs .usa-terms-detail-box,
    .nz_trade-cfs .usa-terms-detail-box,
    .au_service-cfs .download-resources-section,
    .light-detail,
    .odt-page,
    .contact-cfs .report-card{
        padding-left: 20px;
        padding-right: 20px;
    }

    .cfs-value-added__grid,
    .career-functions-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .cfs-solution,
    .hazardous-grid,
    .sustainability-framework .framework-card-row,
    .application-layout,
    .application-form .form-row,
    .featured-leader,
    .media-contact-layout,
    .media-contact-card {
        grid-template-columns: none;
    }

    .cfs-solution__content {
        padding-bottom: 10px;
    }

    .cfs-solution__image,
    .hazardous-solution__image {
        padding: 10px 20px 40px;
    }

    .cfs-compliance__features li,
    .customs-network__copy>p,
    .customs-hazardous__copy>p,
    .hazardous-hero__body,
    .hazardous-hero__body p:not(.hazardous-hero__eyebrow),
    .hazardous-network__copy p,
    .hazardous-solution__content h2,
    .hazardous-solution__content p,
    .inland-hero__body h1,
    .inland-network__features,
    .inland-network__features li,
    .sustainability-title,
    .environment-section .environment-title,
    .environment-text,
    .social-title,
    .social-text,
    .underline,
    .application-section .application-text,
    .application-form,
    .experience-box,
    .global-location-btn,
    .leadership-team .container-leadership,
    .about-text,
    .vision-image,
    .mission-image,
    .vision-content,
    .mission-content,
    .cfs-network__quote,
    .cfs-network__features,
    .about-network__features,
    .cfs-network__features li,
    .about-network__features li,
    .news-read-btn,
    .article-search,
    .subscribe-input,
    .states-btn a,
    .market-report-left a,
    .report-preview,
    .book-col a ,
    .compliance-col div,
    .export-btn,
    .schedule-field,
    .schedule-btn,
    .schedule-section .container-fluid,
    .sailing-result-section .container-fluid,
    .quick-track-shell,
    .bol-terms-section .container-fluid,
    .au_service-cfs .download-resources-section .container-fluid,
    .au_service-cfs .resource-card a,
    .contact-cfs .whistleblower-section .container-fluid,
    .contact-cfs .whistle-block p,
    .contact-cfs .whistle-links a,
    .contact-cfs .report-btn,
    .cookies-policy-table-wrap,
    .article-detail-wrap,
    .usa-terms-detail-section .container-fluid{
        width: 100%;
        max-width: 100%;
    }

    .hazard-grid,
    .hazardous-value-added__grid,
    .leadership-grid,
    .regional-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .leader-card,
    .leader-card:nth-child(4),
    .leader-card:nth-child(5),
    .leadership-grid--functional .leader-card,
    .leadership-grid--functional .leader-card:nth-child(n + 4),
    .leadership-grid--regional .leader-card,
    .leadership-grid--regional .leader-card:nth-child(4),
    .leadership-grid--regional .leader-card:nth-child(5) {
        grid-column: auto;
    }

    .quote-flow__service-switch {
        width: initial;
    }

    .history-image img {
        height: 220px;
    }

    .timeline-dot {
        display: none;
    }

    .timeline-item.left,
    .timeline-item.right {
        width: 100%;
        padding: 0;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
    }

    .timeline-card {
        width: 100%;
    }

    .sustainability-section .container-fluid,
    .operations-section .container-fluid,
    .values-section .container-fluid,
    .career-hero .container-fluid,
    .application-section .container-fluid,
    .why-vanguard .container-fluid,
    .career-functions .container-fluid,
    .career-benefits .container-fluid,
    .global-locations .container-fluid,
    .leadership-team .container-fluid,
    .regional-leadership .container-fluid,
    .media-contact-section .container-fluid,
    .leadership-cta .container-fluid,
    .articles-section .container-fluid,
    .explore-section .container-fluid,
    .subscribe-section .container-fluid,
    .news-section .container-fluid,
    .market-updates .container-fluid,
    .customer-advisories-hero .container-fluid,
    .states-section .container-fluid,
    .reports-section .container-fluid,
    .schedule-section .container-fluid,
    .sailing-result-section .container-fluid,
    .locations-section .container-fluid,
    .location-finder .container-fluid,
    .usa-terms-detail-section .container-fluid,
    .bol-terms-section .container-fluid,
    .download-resources-section .container-fluid {
        padding: 0;
    }

    .sustainability-section {
        min-height: auto;
        padding-top: 58px;
        padding-bottom: 64px;
    }

    .sustainability-content {
        min-width: 0;
    }

    .sustainability-content .sustainability-title {
        font-size: 45px;
        line-height: 1;
        letter-spacing: 0;
        margin-bottom: 34px;
        overflow-wrap: normal;
    }

    .sustainability-framework .framework-title{
        font-size: 44px;
    }

    .sustainability-title .green {
        display: block;
        font-size: clamp(34px, 11vw, 44px);
        line-height: 1.05;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .sustainability-title .light {
        font-size: clamp(34px, 11vw, 44px);
        line-height: 1.05;
        letter-spacing: 0;
    }

    .sustainability-section .sustainability-text {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .sustainability-image img {
        max-width: 70%;
        margin-top: 60px;
        margin-right: 0;
        height: auto;
        margin-left: auto;

    }

    .sustainability-content,
    .sustainability-image {
        position: relative;
        z-index: 1;
    }

    .sustainability-circle {
        top: clamp(74px, 14vw, 120px);
        right: clamp(-58px, -10vw, -34px);
        width: clamp(150px, 34vw, 210px);
        height: clamp(150px, 34vw, 210px);
        z-index: 2;
        pointer-events: none;
    }

    .sustainability-circle img {
        width: clamp(58px, 14vw, 84px);
        height: auto;
    }

    .sustainability-bottom-shape {
        bottom: clamp(-92px, -16vw, -64px);
        width: clamp(138px, 34vw, 190px);
        height: clamp(138px, 34vw, 190px);
        z-index: 2;
        animation-name: sustainabilityShapeMoveResponsive;
        pointer-events: none;
    }

    .sustainability-bottom-shape .shape-icon {
        width: clamp(58px, 15vw, 84px);
        height: clamp(58px, 15vw, 84px);
    }

    @keyframes sustainabilityShapeMoveResponsive {
        0%, 25% {
            transform: translateX(-50%) translateY(clamp(28px, 8vw, 52px));
        }

        33%, 58% {
            transform: translateX(clamp(72px, 24vw, 148px)) translateY(clamp(-82px, -12vw, -48px));
        }

        66%, 91% {
            transform: translateX(clamp(-16px, -2vw, 8px)) translateY(clamp(-300px, -64vh, -360px));
        }

        100% {
            transform: translateX(-50%) translateY(clamp(28px, 8vw, 52px));
        }
    }

    .environment-image,
    .social-image {
        min-height: 200px;
        overflow: hidden;
    }

    .environment-section .row {
        display: flex;
    }

    .environment-section .row > .col-lg-6:first-child,
    .value-detail-section .row > .col-lg-6:first-child,
    .value-two-section .row > .col-lg-6:last-child {
        order: 2;
        order: 1;
    }


    .sustainability-framework {
        padding-bottom: 2\40px;
    }

    .environment-image img,
    .social-image img {
        height: 250px;
        min-height: 250px;
    }

    .environment-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .social-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .operations-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .operations-card {
        padding: 25px;
    }

    .values-list {
        padding-left: 0px;
    }

    .values-item {
        padding-left: 10px;
    }

    .application-right,
    .vanguard-about .stat-label br,
    .states-head,
    .sailing-head,
    .vessel-col h3 br  {
        display: none;
    }

    .value-detail-content,
    .value-two-content {
        padding: 60px 20px;
        min-height: initial;
    }

    .value-detail-media,
    .value-two-media {
        min-height: 250px;
    }

    .career-gallery {
        padding-left: 0;
        padding-top: 50px;
    }

    .application-layout {
        display: block;
    }

    .why-vanguard .why-vanguard-cards {
        padding-left: 0;
        padding-top: 30px;
    }

    .why-grid {
        grid-template-columns: repeat(1, 1fr);
        border: 1px solid #dedbd4;
    }

    .locations-cfs .locations-card {
        border: 0;
        border-bottom: 1px solid #dedbd4;
        margin-right: 0;
    }

    .featured-content {
        min-height: initial;
        padding: 40px 20px;
    }

    .featured-image {
        height: auto;
    }

    .featured-image,
    .leader-image,
    .regional-image,
    .media-contact-image {
        background: #fff;
    }

    .featured-image img,
    .leader-image img,
    .regional-image img,
    .media-contact-image img {
        width: 50%;
        height: auto;
        margin-left: 15px;
        background: #fff;
    }

    .leadership-cfs .leader-card {
        align-items: center;
        /* transform: none !important; */
    }

    .leadership-cfs .leader-image,
    .leadership-cfs .leader-content {
        width: 100%;
        max-width: 260px;
        margin-left: 0;
    }

    .leadership-cfs .leader-image img {
        width: 100%;
        height: 260px;
        margin-left: 0;
        object-fit: contain;
        object-position: bottom center;
    }

    .regional-image,
    .media-contact-image {
        height: initial;
    }

    .media-contact-card {
        margin-top: 25px;
    }

    .media-contact-section .designation,
    .media-email {
        margin-bottom: 10px;
        padding-left: 0;
    }

    .media-contact-content {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px;
    }

    .media-contact-btn {
        width: 100%;
        max-width: 281px;
    }

    .leadership-hero .leadership-hero__title {
        margin-bottom: 50px;
    }

    .value-detail-section,
    .value-two-section {
        position: relative;
    }

    .value-detail-number,
    .value-two-number {
        bottom: 0;
        right: 0;
        color: #00187112;
    }

    /* about */
    
    .vision-wrapper,
    .mission-wrapper {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .vision-image,
    .mission-image  {
        order: 1;
        /* width: 100%; */
        height: auto;
    }

    .vision-content,
    .mission-content {
        order: 2;
        /* width: 100%; */
        height: auto;
    }

    .vision-image img,
    .mission-image img {
        height: 220px;
        object-fit: cover;
        display: block;
    }

    .vision-content,
    .mission-content {
       
        min-height: auto;
        padding: 35px 16px 35px;
        overflow: hidden;
    }
    
    .who-quote-box{
        margin-top: 20px;
    }

    .vision-text,
    .mission-title {
        font-size: 20px;
        line-height: 1.12;  
    }

    .mission-bottom {
        position: static;
        margin-top: 30px;
        display: block;
    }

    .vision-bg-icon,
    .mission-bg-icon {
        right: -35px;
        bottom: -25px;
        transform: scale(0.65);
    }

    .vanguard-about .stats-grid {
        grid-template-columns: 1fr;
        height: auto;
    }

    .vanguard-about .stat-card {
        padding: 28px 0 24px 0;
    }

    /* .cfs-network__features li,
    .about-network__features li {
        line-height: 31px;
    } */

    .inland-cfs .inland-network__features li,
    .ipi-cfs .inland-network__features li,
    .cfs-network__features li,
    .about-network__features li {
        line-height: 1.65;
        padding-bottom: 14px;
        padding-top: 14px;
    }

    .mission-bottom h3 {
        font-size: 25px;
        line-height: 1.12;
    }

    /* NEWS / ARTICLES MOBILE */

    .article-meta-share {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .article-share button {
        width: 100%;
        height: 42px;
        justify-content: center;
        border-radius: 4px;
        padding: 0 12px;
        font-size: 12px;
    }

    .article-share .copy-btn {
        border-color: var(--vls-red);
        background: var(--vls-red);
        color: var(--vls-white);
    }

    .article-share .copy-btn img {
        filter: brightness(0) invert(1);
    }

    .article-content {
        overflow: hidden;
    }

    .article-content img {
        float: none;
        display: block;
        width: min(100%, 520px);
        max-width: 100%;
        height: auto;
        margin: 8px auto 24px;
        padding-left: 0;
    }

    .article-content p {
        font-size: 15px;
        /* line-height: 26px; */
    }

   

    .articles-filter-row {
        flex-direction: column;
        align-items: stretch;
    }

    .article-tags {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 8px;
    }

    .articles-grid {
        display: flex;
        gap: 16px;
        margin-left: -16px;
        margin-right: -16px;
        overflow-x: auto;
        padding: 0 16px 8px;
        scroll-padding: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .articles-grid::-webkit-scrollbar {
        display: none;
    }

    .article-card {
        flex: 0 0 min(82vw, 330px);
        scroll-snap-align: start;
    }

    .explore-grid {
        grid-template-columns: 1fr;
    }

    .subscribe-wrap {
        flex-direction: column;
        align-items: stretch;
    }

    .subscribe-right {
        flex-direction: column;
        gap: 14px;
    }

    .news-feature-card {
        
        display: flex;
        flex-direction: column;
    }

    .news-section {
        padding: 35px 0 0 0;
    }
    
    .news-section .news-eyebrow {
        padding-left: 45px;
    }
    
    .news-eyebrow::before {
        left: 23px
    }

    /* customer-one */

    .states-section .container-fluid {
        padding: 20px 16px;
    }

    .states-month{
        margin-bottom: 0;
    }

    .states-month-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .states-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 0;
    }

    .states-title {
        font-size: 14px;
        font-weight: 700;
    }

    .states-region,
    .states-date {
        display: grid;
        gap: 5px;
        line-height: 1.45;
    }

    .states-region::before,
    .states-date::before {
        color: #999;
        font-size: 9.5px;
        font-weight: 700;
        letter-spacing: 1.5px;
        line-height: 1;
    }

    .states-region::before {
        content: "REGIONS AFFECTED";
    }

    .states-date::before {
        content: "LATEST POSTED";
    }
    
    /* market-one */

    .market-header h2 {
        font-size: 36px;
        line-height: 39px;
        letter-spacing: 0;
    }

    .market-header p {
        font-size: 14px;
        line-height: 24px;
    }

    .market-report-card {
        grid-template-columns: 1fr;
    }

    .market-report-left {
        padding: 30px 20px;
    }

    .market-report-left h3 {
        font-size: 28px;
        line-height: 31px;
    }

    .market-report-right {
        justify-content: center;
        padding: 0 22px 30px;
    }

    .reports-section {
        padding: 20px 20px 20px 20px;
    }

    .reports-box {
        padding: 30px 20px;
    }

    .reports-box h2 {
        font-size: 28px;
        line-height: 31px;
    }

    .reports-section .reports-subtitle {
        line-height: 1.5;
    }

    .reports-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    /* Sailing Schedule */

    .schedule-box,
    .sailing-result-box {
        padding: 30px 15px;
    }

    .schedule-form {
        align-items: stretch;
        flex-direction: column;
    }

    .schedule-arrow {
        display: flex;
        justify-content: center;
    }

    .schedule-arrow img {
        transform: rotate(90deg);
    }

    .sailing-result-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .sailing-result-top h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .sailing-result-section .sailing-note {
        line-height: 1.5;
    }

    .sailing-row {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 24px 0;
    }

    /* Terms & Conditions of Use */

    .terms_condition_of_use-cfs .usa-terms-detail-box {
        padding: 28px 20px 36px;
    }

    .terms_condition_of_use-cfs .usa-terms-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .terms_condition_of_use-cfs .usa-terms-layout {
        box-sizing: border-box;
        grid-template-columns: 1fr;
        min-width: 0;
        width: 100%;
    }

    .terms_condition_of_use-cfs .usa-terms-layout > * {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .terms_condition_of_use-cfs .usa-terms-sidebar {
        position: static;
        height: auto;
    }

    .terms_condition_of_use-cfs .usa-terms-sidebar-scroll {
        max-height: 250px;
    }

    .terms_condition_of_use-cfs .terms-content-box {
        padding: 22px 18px;
    }

    .terms_condition_of_use-cfs .usa-terms-contact-item {
        padding: 22px 20px;
    }

    /* au/nz */

    .au_service-cfs .download-resources-box {
        padding: 30px 20px 36px;
    }

    .au_service-cfs .resource-card {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        padding: 20px 18px;
    }

    /* hotline */

    .contact-cfs .whistleblower-box {
        padding: 30px 20px 30px 20px;
    }

    .contact-cfs .whistle-block h2 {
        font-size: 30px;
    }

    .contact-cfs .whistle-links {
        flex-direction: column;
    }

    .contact-cfs .report-grid {
          min-width: 0;
        grid-template-columns: 1fr;
        width: 100%;
    }

     .contact-cfs .report-card {
        min-width: 0;
    }
    .contact-cfs .report-card a {
        font-size: 10px;
    }

    .contact-cfs .report-email-box {
        gap: 6px;
        padding: 0 0 0 0
    }

    .contact-cfs .report-email-box a {
        min-width: 0;
    }

    .contact-cfs .hotline-bottom {
        width: 100%;
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    /* contact-us */

    .contact-cfs .support-content,
    .contact-cfs .contact-team-box {
        padding: clamp(28px, 7vw, 42px) clamp(18px, 5vw, 28px);
    }

    .contact-cfs .support-icon {
        flex: 0 0 42px;
    }

    .contact-cfs .support-section .support-box span {
        overflow-wrap: anywhere;
    }

    .contact-cfs .contact-bottom {
        flex-direction: column;
    }

    .contact-cfs .contact-bottom button {
        align-items: center;
        margin-left: 0;
        width: 100%;
    }

    /* USA Terms & Conditions */

    .usa-cfs .usa-terms-detail-box,
    .hongkong-cfs .usa-terms-detail-box,
    .japan-cfs .usa-terms-detail-box{
        padding: 28px 20px 36px;
    }

     .usa-cfs .usa-terms-top,
     .hongkong-cfs .usa-terms-top,
     .japan-cfs .usa-terms-top{
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .usa-cfs .usa-terms-layout,
    .hongkong-cfs .usa-terms-layout,
    .japan-cfs .usa-terms-layout{
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .usa-cfs .usa-terms-sidebar,
    .hongkong-cfs .usa-terms-sidebar,
    .japan-cfs .usa-terms-sidebar{
        position: static;
        height: auto;
    }

    .usa-cfs .usa-terms-sidebar-scroll,
    .hongkong-cfs .usa-terms-sidebar-scroll,
    .japan-cfs .usa-terms-sidebar-scroll{
        max-height: 280px;
    }

    .usa-cfs .terms-content-box,
    .hongkong-cfs .terms-content-box,
    .japan-cfs .terms-content-box{
        padding: 22px 18px 0;
    }

    .usa-cfs .usa-terms-content p,
    .hongkong-cfs .usa-terms-content p,
    .japan-cfs .usa-terms-content p{
        font-size: 14px;
        line-height: 25px;
    }

    /* leadership-one */

    .leadership-cfs .leadership-grid {
        justify-items: center;
    }

    .leadership-cfs .leadership-grid--functional .leader-card,
    .leadership-cfs .leadership-grid--regional .leader-card,
    .leadership-cfs .leadership-grid--partners .leader-card {
        grid-column: 1 / -1;
        transform: none;
    }

    /* home-form */

    .home-quote-chooser,
    .home-track-shipment__lookup--map,
    .lcl-started-panel{
        padding: 48px 28px 64px;
    }

    .vls-lcl #lcl-booking .fcl-booking-right,
    .vls-fcl #fcl-booking .fcl-booking-right,
    .vls-air #air-booking .fcl-booking-right {
        padding: 48px 0px 64px;
    }

    /* .home-shipment-board {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    } */

    .home-shipment-panels,
    .home-shipment-panel,
    .home-quote-chooser,
    .home-track-shipment,
    .home-track-shipment__lookup,
    .home-shipment-dummy,
    .home-shipment-dummy__card,
    .home-service-match {
        height: auto;
    }

    .home-quote-chooser,
    .home-track-shipment__lookup,
    .home-shipment-dummy__card {
        min-height: 620px;
    }

    .home-service-match {
        min-height: 0;
    }

    .home-shipment-tabs {
        flex-wrap: nowrap;
        gap: 20px;
        margin: 0 0 12px;
        overflow-x: auto;
        padding-bottom: 8px;
        scrollbar-width: none;
    }

    .home-shipment-tabs__item {
        flex: 0 0 auto;
    }

    .vls-footer__top {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

        .vls-footer__links {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px 10px;
    }

    .vls-footer__link-separator {
        display: none;
    }

    /* cookies */
    
    .cookies-policy-table,
    .cookies-policy-table tbody,
    .cookies-policy-table tr,
    .cookies-policy-table td {
        display: block;
    }

    .cookies-policy-table {
        border: 0;
    }

    .cookies-policy-table tr {
        border: 1px solid #e7e7e7;
        border-radius: 25px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .cookies-policy-table td {
        border-bottom: none;
        height: auto;
        line-height: 1.4;
        min-height: 0;
        overflow-wrap: anywhere;
        padding: 11px 14px;
    }

    .cookies-policy-table td:first-child {
        width: 100%;
    }

    .cookies-policy-link {
        word-break: break-word;
    }

    /* ondemandtracking */

    .odt-panel {
        min-height: 0;
        padding: 82px 0 36px;
    }

    .odt-login {
        top: 20px;
        right: auto;
    }

    .odt-intro p {
        width: 100%;
    }

    .odt-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;
    }

    .odt-support {
        padding: 0 0 36px;
        /* border-right: 0; */
        border-bottom: 1px solid #e6e6e6;
    }

    .odt-support-item--contact {
        margin-right: 0;
    }

    .odt-features {
        padding-left: 0;
    }

    .odt-feature-grid {
        grid-template-columns: minmax(0, 1fr);
    }

}

@media (max-width: 767.98px) {
    .cookie-banner {
        width: 100%;
        padding: 20px;
         z-index: 9999;
    }
    .cookie-banner__actions {
        width: 100%;
    }

    .cookie-banner__button {
        flex: 1 1 50%;
        width: auto;
        padding: 12px 16px;
    }
}

/* Tablet-width styles merged back from tablet.css. */

/* Tablet viewport styles moved from responsive.css. Loaded only from 992px through 1365px. */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .vls-nav__inner {
        margin: 0 24px;
    }

    .vls-nav__brand {
        padding-right: 28px;
    }

    .vls-nav__brand img {
        width: 120px;
    }

    .vls-nav__link {
        padding-left: 10px;
        padding-right: 10px;
    }

    .vls-nav__search {
        flex-basis: 120px;
        width: 120px;
    }
}

/* @media (min-width: 992px) and (max-width: 1365px) {

    .home-hero {
        height: clamp(500px, 46vw, 540px);
    }

    .home-hero__body {
        left: clamp(28px, 3.2vw, 44px);
        max-width: min(680px, 64%);
        top: clamp(92px, 8vw, 110px);
    }

    .home-hero__body h1 {
        font-size: clamp(44px, 4.2vw, 56px);
        line-height: clamp(50px, 4.7vw, 60px);
        letter-spacing: 0;
    }

    .home-hero__title-mask,
    .home-hero__title-line {
        height: clamp(122px, 10vw, 146px);
        min-height: clamp(122px, 10vw, 146px);
    }

    .home-hero__body p {
        max-width: 560px;
    }

    .home-hero__ctas {
        margin-top: clamp(34px, 4vw, 54px);
    }

    .home-hero__foot {
        left: clamp(28px, 3.2vw, 44px);
        max-width: calc(100% - 56px);
    }

    .home-trust-strip {
        gap: clamp(16px, 2vw, 24px);
        padding: 22px clamp(28px, 3.2vw, 44px);
    }

    .home-trust-strip>p {
        flex-basis: clamp(150px, 17vw, 185px);
    }

    .home-trust-strip__stats {
        gap: 14px;
        grid-template-columns: repeat(5, minmax(92px, 1fr));
    }

    .home-trust-strip__stats strong,
    .home-proof-grid strong {
        font-size: clamp(22px, 2vw, 26px);
        line-height: 1;
    }

    .home-journey,
    .home-services,
    .home-insights,
    .home-network {
        padding-left: clamp(28px, 3.2vw, 44px);
        padding-right: clamp(28px, 3.2vw, 44px);
    }

    .home-journey__intro h2,
    .home-section-row h2,
    .home-lcl-feature h2,
    .home-network h2,
    .home-final-cta h2,
    .home-updates h2 {
        font-size: clamp(30px, 3vw, 36px);
        line-height: clamp(34px, 3.2vw, 38px);
        letter-spacing: 0;
    }

    .home-section-row {
        gap: 28px;
    }

    .home-section-row>div:first-child {
        min-width: 0;
    }

    .home-card-track {
        grid-auto-columns: calc((100% - 40px) / 3);
    }

    .home-card-track--insights {
        grid-auto-columns: calc((100% - 20px) / 2);
    }

    .home-shipment-board {
        grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
        min-height: 0;
    }

    .home-quote-chooser,
    .home-track-shipment__lookup,
    .home-shipment-dummy__card,
    .home-service-match {
        min-height: 520px;
        padding: clamp(36px, 4vw, 54px) clamp(28px, 3vw, 40px);
    }

    .home-service-match {
        height: auto;
    }

    .home-service-match a {
        padding-right: 28px;
    }

    .home-quote-chooser__map,
    .home-track-shipment__lookup--map,
    .home-shipment-dummy__card--map {
        background-size: clamp(210px, 20vw, 270px) auto;
        background-position: right 12px top 48px;
    }

    .home-quote-chooser__map {
        right: 12px;
        top: 48px;
        width: clamp(210px, 20vw, 270px);
    }

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

    .manage-card {
        padding: 0 12px;
    }

    .manage-card strong {
        line-height: 1.25;
        margin-bottom: 8px;
    }

    .home-lcl-feature {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        min-height: 560px;
    }

    .home-lcl-feature__copy {
        padding: 60px clamp(28px, 3.2vw, 44px);
    }

    .home-lcl-feature__visual {
        min-height: 560px;
    }

    .home-proof-grid div {
        padding: 14px 16px;
    }

    .home-lcl-badge {
        height: clamp(156px, 14vw, 192px);
        width: clamp(156px, 14vw, 192px);
    }

    .home-lcl-badge span {
        font-size: clamp(14px, 1.35vw, 18px);
        letter-spacing: 2.2px;
        line-height: 1.35;
        width: 122px;
    }

    .home-network {
        gap: clamp(44px, 7vw, 120px);
        grid-template-columns: minmax(340px, .9fr) minmax(320px, 1fr);
        min-height: 560px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .home-network__map {
        height: clamp(360px, 34vw, 464px);
        width: min(100%, 480px);
    }

    .home-network .vls-home-btn--secondary {
        margin-top: 28px;
    }

    .home-updates {
        gap: 32px;
        padding: 58px clamp(28px, 3.2vw, 44px);
    }

    .home-updates__form {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        max-width: 760px;
    }

    .home-final-cta {
        gap: 32px;
        min-height: 280px;
        padding: 64px clamp(28px, 3.2vw, 44px);
    }

    .home-final-cta>div:first-child {
        max-width: 58%;
    }

    .home-final-cta__actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .vls-home-btn {
        min-width: 150px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .home-hero__body {
        max-width: calc(100% - 56px);
    }

    .home-trust-strip {
        align-items: center;
        flex-direction: row;
    }

    .home-trust-strip__stats {
        width: 100%;
        grid-template-columns: repeat(5, minmax(72px, 1fr));
    }

    .home-shipment-board,
    .home-lcl-feature,
    .home-network {
        grid-template-columns: 1fr;
    }

    .home-quote-chooser,
    .home-track-shipment__lookup,
    .home-shipment-dummy__card,
    .home-service-match {
        min-height: auto;
    }

    .home-service-match {
        display: grid;
        gap: 0 24px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-service-match>p,
    .home-service-match small {
        grid-column: 1 / -1;
    }

    .home-service-match small {
        margin-top: 18px;
    }

    .home-lcl-feature__visual {
        min-height: 420px;
    }

    .home-network {
        gap: 34px;
    }

    .home-network__map {
        justify-self: center;
    }

    .home-final-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-final-cta>div:first-child {
        max-width: 720px;
    }

    .home-final-cta__actions {
        justify-content: flex-start;
    }

    @media (min-width: 1200px) {
        .home-hero__body {
            max-width: min(680px, 64%);
        }

        .home-shipment-board {
            grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
        }

        .home-lcl-feature {
            grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        }

        .home-network {
            gap: clamp(44px, 7vw, 120px);
            grid-template-columns: minmax(340px, .9fr) minmax(320px, 1fr);
        }

        .home-final-cta {
            align-items: center;
            flex-direction: row;
        }

        .home-final-cta>div:first-child {
            max-width: 58%;
        }

        .home-final-cta__actions {
            justify-content: flex-end;
        }
    }

    @media (min-width: 992px) {
        .home-trust-strip {
            align-items: center;
            flex-direction: row;
        }

        .home-trust-strip__stats {
            grid-template-columns: repeat(5, minmax(92px, 1fr));
        }
    }

    body.vls-body .vls-home .home-trust-strip {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    body.vls-body .vls-home .home-trust-strip>p {
        flex: 0 0 170px !important;
    }

    body.vls-body .vls-home .home-trust-strip__stats {
        display: grid !important;
        flex: 1 1 auto !important;
        grid-template-columns: repeat(5, minmax(70px, 1fr)) !important;
        width: auto !important;
    }
} */

/* Tablet overlap styles copied from broad max-width rules in responsive.css. */

@media (min-width: 992px) and (max-width: 1199px) {
    .location-tabs-wrap {
        align-items: flex-start;
        gap: 18px;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .location-tabs {
        min-width: max-content;
        gap: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .support-content,
    .contact-team-box {
        padding: 48px 38px;
    }

    .support-content h2 {
        font-size: 62px;
        line-height: 1;
    }

    .contact-bottom {
        align-items: flex-start;
        gap: 24px;
    }

    .contact-bottom button {
        flex: 0 0 auto;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {

    .quick-track-intro {
        grid-template-columns: 1fr;
    }

    .quick-track-map__top,
    .quick-track-result__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-track-map dl,
    .quick-track-actions {
        flex-wrap: wrap;
    }

    .quick-track-summary-grid,
    .quick-track-item__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {

    .contact-cfs .report-card {
        padding: 18px 14px;
    }

    .contact-cfs .report-email-box a {
        overflow-wrap: anywhere;
    }
}