﻿@media(min-width: 1024px) {
    /*.main-wrapper {
        padding-top: 155px;
    }*/

    .mobile-menu-container {
        display: none;
    }

    .site-header.nav-down {
        top: 0;
        left: 0;
        position: fixed;
        transition: .1s all ease-in-out;
    }

    .site-header.nav-up {
        top: -62px;
        left: 0;
        position: fixed;
        transition: .1s all ease-in-out;
    }

    .site-header.first-fix {
        top: -62px;
        left: 0;
        position: fixed;
    }  
}

@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 .image-left-and-icon-bullets {
        padding: 0;
    }
    .imageWithTextBlock img {
        border-radius: 10px;
    }
        .imageWithTextBlock .brix---container-default-23 {
            padding: 30px;
        }
/*    .large-image-with-text-areas .content {
        margin-top: 30px;
        display: grid;
        grid-template-columns: 40% 60%;
    }*/
    .large-image-with-text-areas .content {
        margin-top: 30px;
        display: block;
    }

        .large-image-with-text-areas .content .motif {
            background: #356a6a;
            margin-top: 20px;
            padding: 20px;
            border-radius: 10px;
        }
    .text-left-image-right {
        padding: 0 5%;
    }
    .table-block {
        padding: 0 5%;
    }
    .table-rte {
        max-width: 100%;
        overflow: auto;
    }
    .navbar-menu.primary {
        width: 100%;
        height: 100%;
    }
    .navbar-container.top {
        display: none;
    }

/*    .navbar-component {
        height: 75px;
    }*/

    .navbar-dropdown {
        padding-left: 0;
        padding-right: 0;
    }
/*    .mobile-menu-container {
        top: 87px;
    }*/
    .mobile-menu-container .mobile-menu-buttons .button-blue-outline.nav-right-10px {
        margin-top: 0;
        margin-left: 0;
    }

    .w-button {
        line-height: 17px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media(min-width: 1024px) {
    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy {
        width: 50%;
    }
    .brix---cta-card---time-sensitive {
        padding: 60px;
    }
}

@media(max-width: 992px) {
    .brix---card-over-image-3 {
        position: relative;
        width: 100%;
        max-width: unset;
    }
    .brix---img-below-card-3 {
        position: relative !important;
        max-width: unset;
        width: 100%;
    }
    .small-image-right-hero-block-image {
        width: 100%;
        max-width: unset;
    }
    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy {
        width: 100%;
    }
    .dynamic-content-wrapper {
        margin-top: 120px;
    }
}

@media(max-width: 820px) {
    /*.main-wrapper {
        padding-top: 75px;
    }*/
    .blog-category-menu-collection-list {
        flex-wrap: wrap;
    }
    .blog-category-menu-collection-list .category-tag {
        width: unset;
    }
}

@media(max-width: 768px) {
    .menu-toggle {
        margin-top: 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;
        justify-content: center;
    }
    .branch-details-icon-wrapper {
        margin-bottom: 0;
    }
    .article-only-small-image-right-hero h1 {
        font-size: 2rem;
    }
    .article-only-small-image-right-hero .category-and-date-div .large-heading-h3-style {
        font-size: 1rem;
    }
    .brix---grid-2-columns-text-left-2 {
        grid-column-gap: 40px;
    }
    .brix---hero-full-width-right-hero-v5-2-copy {
        margin-top: 0 !important;
        height: auto !important;
    }
}

@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: 15px;
    }
    .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;
    }
    .text-with-items-block-dark .horizontal-layout, .text-with-items-block-dark .vertical-layout {
        background-color: inherit !important;
    }
    .image-left-and-icon-bullets .brix---hero-full-width-right-hero-v5-2-copy {
        width: 100%;
    }
    .footer-social {
        justify-content: center;
    }
    .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%
    }
    .brix---grid-2-columns-text-left-2 {
        display: flex;
        flex-direction: column;
    }
    .brix---inner-container-70 {
        padding-right: 0;
    }
    .brix---hero-full-width-right-hero-v5-2-copy {
        margin-top: 0;
    }
    .brix---container-left-aligned, .brix---container-left-aligned-copy, .brix---container-default-22 {
        padding-left: 0;
        padding-right: 0;
    }
    .page-navigation {
        justify-content: unset;
    }
    .page-navigation .page-navigation-list {
        justify-content: flex-start;
    }
    .iframe-container {
        position: relative;
        overflow: hidden;
        width: 325px;
        padding-top: 56.25%;
    }
}