@media(min-width: 1024px) {
    .mobile-menu-container {
        display: none;
    }

    .site-header.nav-down {
        top: 0;
        left: 0;
        position: sticky;
        transition: .2s all ease-in-out;
    }

    .site-header.nav-up {
        top: -90px;
        left: 0;
        position: sticky;
        transition: .2s all ease-in-out;
    }
}
@media(max-width: 1260px) {
    .home-page-hero-animated .animate-image-overlay {
        opacity: 0.1;
    }
}
@media(max-width: 1024px) {
    .navbar-container .w-button {
        font-size: .9rem;
        padding-left: .8rem;
        padding-right: .8rem;
    }

    .padding-top-large {
        padding-top: 40px !important;
    }

    .padding-bottom-large {
        padding-bottom: 40px !important;
    }

    .padding-top-medium {
        padding-top: 25px !important;
    }

    .padding-bottom-medium {
        padding-bottom: 25px !important;
    }
    .text-3-icon-columns .brix---container-default-7 {
        display: block;
        flex-direction: unset;
    }
    .image-left-text-right .brix---hero-full-width-right-hero-v5-2-copy {
        width: 100%;
        display: block;
        position: relative;
    }
    .image-left-text-right .brix---grid-hero-v1-2 {
        display: block !important;
    }
    .brix---cta-card---time-sensitive {
        padding: 60px;
    }
    .faq .no-left-padding {
        padding-left: 20px;
    }
    .brix---grid-footer-logo-and-form {
        grid-template-columns: 1fr 4fr;
    }
    .imageWithTextBlock {
        padding: 0 5%;
    }
    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy {
        width: 45%;
    }
    .imageWithTextBlock .image-left-and-icon-bullets {
        padding: 0;
    }
    .imageWithTextBlock img {
        object-fit: contain;
        border-radius: 10px;
    }
    .text-left-image-right {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(max-width: 991px) {
    .flip5 li {
        font-size: 3.25rem;
    }
    .home-page-hero-animated {
        padding-top: 160px;
        padding-bottom: 160px;
    }
    .nav {
        margin:0;
        padding:0;
    }
    .nav > li {
        float: none;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .nav > li .main-navigation-item {
        padding: 0
    }
    .nav .has-dropdown, .nav .child-dropdown {
        display: flex;
        flex-wrap: wrap;
        padding-right: 0;
    }
    .nav .has-dropdown .main-navigation-item {
        padding: 0
    }

    .nav .active {
        display: block;
    }

    .nav > li {
        float: none;
    }

    .nav ul {
        display: block;
        width: 100%;
        flex-basis: 100%;
    }

    .nav > li.hover > ul, .nav li li.hover ul {
        position: static;
        margin-top: .5rem;
    }
    .nav .main-icon-toggle-invert {
        transform: none;
    }
    .nav li li a {
        margin:0;
    }
}

@media(max-width: 820px) {
    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy {
        width: unset;
    }

    .site-header .navbar-container.bottom {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .site-header .navbar-container.bottom .div-block {
            position: unset;
            margin-bottom: 0;
        }

            .site-header .navbar-container.bottom .div-block a {
                margin-top: 0;
                margin-left: 0;
            }

        .site-header .navbar-container.bottom .navbar-menu-button {
            align-self: unset;
        }

    .brix---footer-bottom-v3 .w-layout-grid.brix---grid-footer-bottom-v2 {
        grid-template-columns: unset;
    }
        .brix---footer-bottom-v3 .w-layout-grid.brix---grid-footer-bottom-v2 .div-block-17 {
            flex-direction: column;
        }

        .brix---footer-bottom-v3 .w-layout-grid.brix---grid-footer-bottom-v2 .div-block-17 a {
            margin-right: 0;
        }

    .navbar-menu.primary {
        width: 100%;
        height: 100%;
        background: #085f63;
    }
    .navbar-container.top {
        display: none;
    }
    .navbar-container.bottom {
        height: 100%;
    }
    .navbar-component {
        height: 5.5rem;
    }
    .mobile-menu-container {
        top: 5.5rem;
    }
    .navbar-dropdown {
        padding-left: 0;
        padding-right: 0;
    }
    .w-icon-dropdown-toggle {
        margin-right: 0;
    }
    .dropdown-list-background.w--open {
        box-shadow: none;
    }
    .w-dropdown-list {
        min-width: unset;
        width: 85% !important;
    }
    .dropdown-list-background.w--open {
        position: relative;
    }
    .image-left-text-right {
        padding-top: unset;
        padding-bottom: unset;
    }
    .dynamic-content-carousel.padding-bottom-large {
        padding-bottom: 100px !important;
    }
    .complaints-columns .columns-5.w-row {
        display: block;
    }
    .contact-info-card {
        padding-right: 0;
    }
    .w-layout-grid.brix---grid-contact-v1 > div {
        width: 100%;
        overflow: hidden;
    }
    .brix---grid-footer-logo-and-form {
        grid-template-columns: 1fr 1.8fr
    }
    .brix---grid-footer-5-cols {
        grid-row-gap: 10px;
    }
    .footer-wrapper .button-blue-outline {
        margin-top: 0;
    }
    .brix---grid-footer-5-cols {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 35px;
    }
    .mobile-menu-container .mobile-menu-buttons {
        margin-top: 20px;
        /*display*/: flex;
        align-items: center;
    }
    .mobile-menu-container .mobile-menu-buttons .button-blue-outline.nav-right-10px {
        margin-top: 0;
        margin-left: 0;
    }
        .mobile-menu-container .mobile-menu-buttons div {
            margin-bottom: 10px;
        }


        .footer-social {
            justify-content: center;
        }

    .brix---hero-full-width-right-hero-v5-2-copy {
        height: unset;
    }

    .home-page-hero-animated .animate-image-overlay {
        width: 100%;
    }

    .home-page-hero-animated #shapeLogo {
        animation: none;
        opacity: 1
    }

    .home-page-hero-animated #aShape {
        animation: none;
        transform: none;
    }
    .brix---footer-top-small .div-block-33 {
        flex-direction: column;
        justify-content: center;
        text-align:center;
    }
    .brix---footer-top-small .div-block-33 a {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media(max-width: 767px) {
    .flip5 li {
        font-size: 2.5rem;
    }
    .statisticsBlock .brix---square-icon-3 {
        max-width: unset;
        height: unset;
    } 
}

@media(max-width: 600px) {
    .text-centre-hero .w-container .div-block-22 {
        width: unset;
    }
    .small-image-right-hero .border-radius-10px {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    .branch-locator-hero .w-container .div-block-22 {
        width: 100%;
    }
    .branches-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .button-blue-outline.nav-right-10px {
        margin-top: 10px;
    }
    #w-node-_4ac78948-d802-9c9c-a3b4-b4beb31db424-a9a1ae70, #w-node-_4ac78948-d802-9c9c-a3b4-b4beb31db4a2-a9a1ae70 {
        justify-self: unset;
        text-align: left;
    }
    .center-aligned-cta .brix---container-default-29 {
        padding-left: 0;
        padding-right: 0;
    }
    .casestudy-card._1 {
        height: auto;
    }
    .cover-card-h240px._1 {
        height: unset !important;
    }
    .impact-block .margin-bottom.margin-xlarge .w-layout-grid {
        display: unset;
    }
    .downloadable-asset-item {
        height: unset;
    }
    .downloadable-asset {
        justify-content: center;
        align-items: center;
    }
    .brix---accordion-right-side {
        margin-right: unset;
        position: absolute;
        right: 5%;
    }
    .w-form .error-text {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .input-label {
        margin-top: 4px;
    }
    .file-to-upload {
        padding-left: 0 !important;
    }
    .file-upload-filesadded {
        margin-left: 0;
    }
    .w-form .brix---form-grid-2-columns---top-margin-30 {
        display: flex;
        flex-direction: column;
    }
    .w-form .brix---form-grid-2-columns---top-margin-30 > div {
        width: 100%;
    }
    .w-form .paragraph-smallest {
        margin-top: unset;
    }
    .people-item {
        height: unset;
    }
    .general-text-block .brix---inner-container-70 {
        padding-right: unset;
    }
    .text-2-icon-columns .horizontal-layout, .large-list-3-icon-columns .horizontal-layout, .small-list-2-icon-columns .horizontal-layout {
        background-color: #f5f8f8;
    }
    .text-3-icon-columns .vertical-layout {
        background-color: #f5f8f8;
    }
    .image-left-and-icon-bullets .brix---hero-full-width-right-hero-v5-2-copy {
        width: 100%;
    }
    .brix---grid-footer-5-cols {
        grid-template-columns: 1fr;
        grid-row-gap: 35px;
    }
    .brix---grid-footer-logo-and-form {
        grid-template-columns: 1fr;
    }
    .bullet-points-block .horizontal-layout {
        padding: 20px;
        margin-bottom: 10px;
    }
    .search-form input {
        width: 200px;
    }
    .search-form-wrapper {
        padding: 20px 20px;
    }
    .search-results-wrapper {
        padding-top: 0
    }
    .casestudy-carousel {
        padding-bottom: 120px !important;
    }
    .casestudy-carousel .brix---btn-slider-arrow-right---top-left, .casestudy-carousel .brix---btn-slider-arrow-right---top-right {
        bottom: -85px;
    }
    .small-image-right-hero-block-image {
        height: auto;
        max-height: unset !important;
        max-width: unset !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        object-fit: contain;
    }
    .umbraco-form-wrapper input[type=text], .umbraco-form-wrapper select {
        width: 100%
    }
    .text-left-image-right {
        display: flex;
        flex-direction: column
    }
    .brix---grid-2-columns-text-left-2 {
        display: flex;
        flex-direction: column;
    }
    .flip5 li {
        height: 45px;
        color: white;
        margin-bottom: 45px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: basic-sans, sans-serif;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.2;
        display: block;
    }
    .brix---grid-4-columns {
        grid-template-columns: unset;
    }

    .page-navigation {
        padding: 10px 0;
    }

    .page-navigation .page-navigation-list {
        flex-direction: column;
    }

        .page-navigation .page-navigation-list-item {
            margin: 5px 0;
        }

    .iframe-container {
        position: relative;
        overflow: hidden;
        width: 325px;
        padding-top: 56.25%;
    }
}