/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */

@media all and (min-width: 1601px) {

    /* header content background  */
    #container-b {
        background: url(../grfx/jpg/inset-hero-extend.jpg) no-repeat center;
        background-size: cover;
    }

    #page-HOMEPAGE #container-b {
        background: none;
    }
    /*  blog - next prev button */
    #global-blog-list-wrapper .slick-prev {
        left: auto;
        right: 0;
        margin-right: -60px;
    }

    #global-blog-list-wrapper .slick-next {
        left: auto;
        right: 0;
        margin-right: -100px;
    }

    /* step section */
    div.step-section,
    #page-SERVICE-INDIVIDUALS #section-a-wrapper,
    #page-TAX-PLANNING #section-a-wrapper {
        max-width: 100% !important;
        position: relative;
    }
}

@media all and (max-width: 1600px), screen and (max-device-width: 1600px) and (orientation : portrait) {
    /*  services overview layout */
    #page-SERVICE-ACCOUNTS #container-wrapper-defgh,
    #page-SERVICE-BOOKKEEPING #container-wrapper-defgh,
    #page-SERVICE-VAT-COMPLIANCE #container-wrapper-defgh,
    #page-SERVICE-COMPANY-FORMATIONS #container-wrapper-defgh,
    #page-SERVICE-CORPORATE-TAX #container-wrapper-defgh,
    #page-SERVICE-INDIVIDUALS #container-wrapper-defgh,
    #page-SERVICE-PAYROLL #container-wrapper-defgh,
    #page-SERVICE-TAX-PLANNING #container-wrapper-defgh {
        max-width: var(--max-width-container-hero);
        grid-template-columns: minmax(280px,300px) 1fr;
    }
    /*#page-SERVICE-INDIVIDUALS .datacontextcode-individuals div#section-a-wrapper > div,*/
    #page-SERVICE-ACCOUNTS div#section-e-wrapper > div,
    #page-SERVICE-ACCOUNTS div#section-d-wrapper,
    #page-SERVICE-ACCOUNTS div#section-c-wrapper,
    #page-SERVICE-ACCOUNTS div#section-b-wrapper,
    #page-SERVICE-ACCOUNTS div#section-a-wrapper,
    #page-SERVICE-ACCOUNTS div#introduction-wrapper,
    #page-SERVICE-BOOKKEEPING div#section-e-wrapper > div,
    #page-SERVICE-BOOKKEEPING div#section-d-wrapper,
    #page-SERVICE-BOOKKEEPING div#section-c-wrapper,
    #page-SERVICE-BOOKKEEPING div#section-b-wrapper,
    #page-SERVICE-BOOKKEEPING div#section-a-wrapper,
    #page-SERVICE-BOOKKEEPING div#introduction-wrapper,
    #page-SERVICE-VAT-COMPLIANCE div#section-e-wrapper > div,
    #page-SERVICE-VAT-COMPLIANCE div#section-d-wrapper,
    #page-SERVICE-VAT-COMPLIANCE div#section-c-wrapper,
    #page-SERVICE-VAT-COMPLIANCE div#section-b-wrapper,
    #page-SERVICE-VAT-COMPLIANCE div#section-a-wrapper,
    #page-SERVICE-VAT-COMPLIANCE div#introduction-wrapper,
    #page-SERVICE-COMPANY-FORMATIONS div#section-e-wrapper > div,
    #page-SERVICE-COMPANY-FORMATIONS div#section-d-wrapper,
    #page-SERVICE-COMPANY-FORMATIONS div#section-c-wrapper,
    #page-SERVICE-COMPANY-FORMATIONS div#section-b-wrapper,
    #page-SERVICE-COMPANY-FORMATIONS div#section-a-wrapper,
    #page-SERVICE-COMPANY-FORMATIONS div#introduction-wrapper,
    #page-SERVICE-CORPORATE-TAX div#section-e-wrapper > div,
    #page-SERVICE-CORPORATE-TAX div#section-d-wrapper,
    #page-SERVICE-CORPORATE-TAX div#section-c-wrapper,
    #page-SERVICE-CORPORATE-TAX div#section-b-wrapper,
    #page-SERVICE-CORPORATE-TAX div#section-a-wrapper,
    #page-SERVICE-CORPORATE-TAX div#introduction-wrapper,
    #page-SERVICE-INDIVIDUALS div#section-e-wrapper > div,
    #page-SERVICE-INDIVIDUALS div#section-d-wrapper,
    #page-SERVICE-INDIVIDUALS div#section-c-wrapper,
    #page-SERVICE-INDIVIDUALS div#section-b-wrapper,
    #page-SERVICE-INDIVIDUALS div#section-a-wrapper > div,
    #page-SERVICE-INDIVIDUALS div#introduction-wrapper,
    #page-SERVICE-PAYROLL div#section-e-wrapper > div,
    #page-SERVICE-PAYROLL div#section-d-wrapper,
    #page-SERVICE-PAYROLL div#section-c-wrapper,
    #page-SERVICE-PAYROLL div#section-b-wrapper,
    #page-SERVICE-PAYROLL div#section-a-wrapper,
    #page-SERVICE-PAYROLL div#introduction-wrapper,
    #page-SERVICE-TAX-PLANNING div#section-e-wrapper > div,
    #page-SERVICE-TAX-PLANNING div#section-d-wrapper,
    #page-SERVICE-TAX-PLANNING div#section-c-wrapper,
    #page-SERVICE-TAX-PLANNING div#section-b-wrapper,
    #page-SERVICE-TAX-PLANNING div#section-a-wrapper > div,
    #page-SERVICE-TAX-PLANNING div#introduction-wrapper {
        max-width: 100%;
    }

    div.step-section,
    div.why-choose-us-section {
        position: relative;
    }


        div.step-section:before,
        div.why-choose-us-section:before {
            right: -50px;
            width: 100vw;
        }

        /*  globacl blog */
    #global-blog-list-column-1 {
        margin-left: 340px;
        width: calc(100% - 340px);
    }
    #global-blog-list-wrapper .slick-prev {
        right: 40px;
    }
    #global-blog-list-wrapper .slick-next {
        right:0;
    }
}

@media all and (max-width: 1560px), screen and (max-device-width: 1560px) and (orientation : portrait) {
    .location-list .location-content {
        column-gap: 25px;
        grid-template-columns: 1.1fr 0.8fr 0.9fr;
    }

        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 15px;
        }

    /*  external links */
    ul.externallink li .name {
        background-size: auto 12vw !important;
        padding-top: 14vw;
    }

    ul.externallink li:before {
        top: 12vw;
    }

    /* about us - tab locations */
    div.tabbed-content.tabbed-content-locations .inline-image-container {
        max-width: calc( 92vw - 150px - 500px);
        left: -6vw;
    }

    /*  services list */

    #page-SERVICES ul.service li .name {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
        line-height: 3.0rem;
    }

    /*  homepage - hero */
    #page-HOMEPAGE #body-wrapper {
        background-position: top -11vw left -210px !important;
    }

}

@media all and (max-width: 1500px), screen and (max-device-width: 1500px) and (orientation : portrait) {
    .locationcontainer {
        grid-template-columns: minmax(300px,300px) 1fr;
    }

    .location-list .location-content {
        column-gap: 2px;
        grid-template-columns: 1fr 0fr auto;
        /*min-height: 415px;*/
        min-height: 315px;
        align-items: start;
    }

        .location-list .location-content > .store-detail-info,
        .location-list .location-content > .store-contact-info {
            grid-column-start: span 2;
            min-width: 245px;
        }
        .location-list .location-content > .store-contact-info {
            grid-row-start: 2;
            grid-row-end: 2;
        }

        .location-list .location-content > .store-detail-info {
            grid-row-start: 3;
            border-top: 1px solid #f3ecef;
            margin-top: 10px;
            padding-top: 10px;
            grid-row-start: 3;
            grid-row-end: 3;
            grid-column-start: 1;
            grid-column-end: 3;
        }

        .location-list .location-content > .opening-detail {
            /*grid-row-start: span 2;*/
            grid-row-start: 2;
            grid-row-end: 4;
            grid-column-start: 3;
            grid-column-end: 3;
        }
        .location-list .location-content a.detailpage-link {
            grid-column-start: 3;
            grid-column-end: 3;
            grid-row-start: 3;
            grid-row-end: 3;
        }

        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 20px;
        }

        .location-list .location-content .services-available {
            margin-top: 15px;
        }

    /* about us - tab locations */
    div.tabbed-content.tabbed-content-locations .inline-image-container {
        max-width: calc( 92vw - 150px - 500px);
        left: -5vw;
    }

    /*  blog table - minimum wage */
    #blog-content-wrapper table.minimum-wage-table-one th,
    #blog-content-wrapper table.minimum-wage-table-one td {
        padding: 20px 5px;
    }

    #blog-content-wrapper table.minimum-wage-table-one tr th:first-child,
    #blog-content-wrapper table.minimum-wage-table-one tr td:first-child {
        padding-left: 10px;
    }

    #blog-content-wrapper table.minimum-wage-table-one tr th:last-child,
    #blog-content-wrapper table.minimum-wage-table-one tr td:last-child {
        padding-right: 10px;
    }
}

@media all and (max-width: 1440px), screen and (max-device-width: 1440px) and (orientation : portrait) {
    /* primary nav  */
    #primary-nav-wrapper {
        margin-right: 30px;
    }

        #primary-nav-wrapper > ul > li > a {
            font-size: 17px;
            font-size: 1.7rem;
            padding-left: 13px;
            padding-right: 13px;
        }

        #primary-nav-wrapper > ul > li.our-people > a {
            padding-right: 13px;
        }

        #primary-nav-wrapper > ul > li.about-us > a {
            padding-left: 11px;
        }

        #primary-nav-wrapper > ul > li > a.about-us.open:after {
            width: 107px;
            margin-left: -11px;
        }

        #primary-nav-wrapper > ul > li.about-us.open .dropdown {
            margin-left: -60px;
        }

        #primary-nav-wrapper > ul > li > a.services.open:after,
        #primary-nav-wrapper > ul > li > a.resources.open:after {
            width: 117px;
            margin-left: -13px;
        }

        #primary-nav-wrapper > ul > li > a.services.open:after {
            width: 104px;
        }

        #primary-nav-wrapper > ul > li > a.resources,
        #primary-nav-wrapper > ul > li > a.about-us,
        #primary-nav-wrapper > ul > li > a.services {
            padding-right: 30px;
        }

            #primary-nav-wrapper > ul > li > a.about-us.open,
            #primary-nav-wrapper > ul > li > a.resources.open,
            #primary-nav-wrapper > ul > li > a.services.open,
            #primary-nav-wrapper > ul > li > a.about-us.open:hover,
            #primary-nav-wrapper > ul > li > a.resources.open:hover,
            #primary-nav-wrapper > ul > li > a.services.open:hover {
                padding-right: 30px;
            }
    /* contact us */
    #contactus-wrapper a.header-get-in-touch.internal-link,
    #contactus-wrapper .contact-us-link, #header-nav-wrapper ul li a {
        font-size: 15px;
        font-size: 1.5rem;
    }
    /* website search */
    #website-search-wrapper {
        margin-right: 46px;
    }

        #website-search-wrapper:after {
            margin-right: -30px;
        }

    /*  footer gap */
    #container-x-inner {
        grid-column-gap: 6%;
    }


    /* faq list - services page */
    #faq-list-wrapper {
        column-gap: 50px;
    }

    /*  external links */
    ul.externallink li .name {
        background-size: auto 11vw !important;
        padding-top: 13vw;
    }

    ul.externallink li:before {
        top: 11vw;
    }

    /*  division verview */
    .location-detail-container .store-contact-info {
        flex-direction: column;
        row-gap: 1px;
    }

        .location-detail-container .store-contact-info > div:not(:first-child) {
            border-top: 1px solid #f3ecef;
            margin-top: 10px;
            padding-top: 10px;
        }

        .location-detail-container .store-contact-info .contact-item-tel:before {
            top: 14px;
        }

    .location-detail-container .location-content {
        grid-template-columns: 1.5fr 1fr 1fr;
    }


    /* about us - tab locations */
    div.tabbed-content.tabbed-content-locations .inline-image-container {
        max-width: calc(100% - 50px - 500px );
        left: 0;
    }

    /*  location list  */
    .location-list .location-content {
        /*min-height: 440px;*/
        /*min-height: 485px;*/
        /*min-height: 340px;*/
    }

    /* blog-detail - layout */
    #page-BLOG-DETAIL #container-wrapper-ef {
        -ms-grid-columns: 1fr minmax(310px,310px);
        grid-template-columns: 1fr minmax(310px,310px);
        grid-column-gap: 50px;
    }

    /*  external links */

    ul.externallink li.links-1 a.more {
        min-width: 0;
    }

    ul.externallink li.links-1 a.more,
    ul.externallink li.links-2 a.more {
        min-width: 0;
        max-width: 68px;
    }

    /*  homepage - services list */

    #page-HOMEPAGE ul.service li a {
        padding-left: 15px;
        padding-right: 15px;
    }

    #our-team .list-item {
        min-height: 320px;
    }
}


    @media all and (max-width: 1360px), screen and (max-device-width: 1360px) and (orientation : portrait) {

        /*  header logo */
        #website-logo-wrapper {
            margin-left: 30px;
        }
        #website-logo-wrapper a {
            width: 175px;
            height: 58px;
        }

        /*  glpobal blog */
        #global-blog-list-column-1 ul.global-blog-list {
            max-width: calc(100% - 20px);
        }

        #global-blog-list-wrapper .slick-next {
            right: 20px;
        }

        #global-blog-list-wrapper .slick-prev {
            right: 60px;
        }
    }

@media all and (max-width: 1330px), screen and (max-device-width: 1330px) and (orientation : portrait) {
    /*  drop nav */
    #primary-nav-wrapper > ul > li.testimonials {
        display: none;
    }
    #primary-nav-wrapper > ul > li.vacancies a {
        padding-right: 0;
    }
    #primary-nav-wrapper > ul > li.about-us li.testimonials {
        display: list-item;
    }
}

    @media all and (max-width: 1280px), screen and (max-device-width: 1280px) and (orientation : portrait) {
        /*  header nav */
        #container-a-inner {
            -ms-grid-columns: 220px 1fr auto auto auto auto;
            grid-template-columns: 220px 1fr auto auto auto auto;
        }
        /*  header -  */
        /* body.initialise #container-a-inner {
            -ms-grid-columns: 185px 1fr auto auto auto auto;
            grid-template-columns: 185px 1fr auto auto auto auto;
        }*/
        /*  header logo */
        #website-logo-wrapper {
            margin-left: 20px;
        }

            #website-logo-wrapper a {
                width: 175px;
                height: 58px;
            }

        #misc-cnt-2-wrapper,
        #extranet-header-nav-wrapper,
        #intranetheader-wrapper,
        #intranet-login-window-wrapper {
            margin-right: 28px;
        }
        /*  header search */
        #website-search-wrapper {
            margin-right: 48px;
        }

            #website-search-wrapper:after {
                margin-right: -31px;
            }

        /* primary nav */
        #primary-nav-wrapper {
            margin-right: 30px;
        }

            #primary-nav-wrapper > ul > li > a {
                font-size: 16px;
                font-size: 1.6rem;
                padding-left: 12px;
                padding-right: 12px;
            }

                #primary-nav-wrapper > ul > li > a.services.open:after,
                #primary-nav-wrapper > ul > li > a.resources.open:after {
                    width: 114px;
                    margin-left: -12px;
                }

                #primary-nav-wrapper > ul > li > a.services.open:after {
                    width: 101px;
                }

                #primary-nav-wrapper > ul > li > a.about-us.open:after {
                    width: 103px;
                }

            #primary-nav-wrapper > ul > li.open.resources > .dropdown {
                right: var(--padding-right-resp);
            }

        #contactus-wrapper .contact-us-div {
            right: var(--padding-right-resp);
        }

        /*  footer - footer nav */
        #container-x-inner {
            -ms-grid-columns: 1fr 199px 155px;
            grid-template-columns: 1fr 199px 155px;
            grid-column-gap: 5%;
        }

        ul#footer-side-nav {
            -ms-grid-columns: 2.2fr 1.5fr 1fr 1fr;
            grid-template-columns: 2.2fr 1.5fr 1fr 1fr;
        }

        /* footer padding adjustment */
        #page-CONTACT-US #container-wrapper-ef,
        div#container-b-inner,
        div#container-c,
        #container-wrapper-defgh,
        #container-x,
        #container-y,
        #container-z {
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }

        #container-b-inner:after {
            right: var(--padding-right-resp);
        }
        /*#page-BLOG-DETAIL #container-wrapper-defgh,
        #page-BLOG #container-wrapper-defgh,
        #page-HOMEPAGE #container-wrapper-defgh,
        #page-CONTACT-US #container-wrapper-defgh {
            padding-left: 0;
            padding-right: 0;
        }*/
        /*   base styling */
        .max-width-container {
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }

        /*  global faq */
        #gbl-faq-list-wrapper {
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }


        /*  homepage hero */
        .homepage-hero {
            width: calc(100% - 60px);
        }

            .homepage-hero .hero-section {
                padding-left: 25px;
            }
        /* homepage - facts and figure */
        .facts-and-figures-envelope {
            column-gap: 90px;
        }

        ul.counter-grid li:NOT(:first-child):before {
            left: -40px;
        }
        /*  homepage - testimonial */
        #page-HOMEPAGE #tlc-wrapper ul#tlc-list-0 {
            padding-left: 20px;
            padding-right: 20px;
        }

        #tlc-wrapper .slick-prev {
            right: 61px;
        }

        #tlc-wrapper .slick-next {
            right: 21px;
        }
        /*  homepage - case study */
        #gbl-headline-case-studies-wrapper .gbl-headline-case-studies-heading,
        #gbl-headline-case-studies-column-1 {
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }
        /*  homepage our team */
        .our-team-envelope {
            padding-left: 20px;
        }

            .our-team-envelope .team-placeholder-2 {
                margin-left: -10px;
            }

        /*  homepage resource list */
        ul.resources-list {
            column-gap: 25px;
            row-gap: 25px;
        }

        .useful-resource-container {
            margin-bottom: 50px;
        }

        .useful-resource-bg,
        #tlc-wrapper {
            background-size: 850px auto !important;
        }
        /*  footer blog */
        #global-blog-list-wrapper {
            padding-left: 35px;
        }

            #global-blog-list-wrapper .global-blog-list-summary {
                max-width: 320px;
            }

        #global-blog-list-column-1 {
            margin-left: 315px;
            width: calc(100% - 315px);
        }
        /*  blog - next prev button */
        #global-blog-list-wrapper .slick-prev {
            right: 55px;
        }

        #global-blog-list-wrapper .slick-next {
            right: 15px;
        }

        /* general - 2 column  */
        .col-2 .col-left, .col-2 .col-right {
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }

        /*  our location */
        .locationcontainer {
            grid-template-columns: 1fr 2fr;
        }

        /*  general layout */
        #container-wrapper-defgh {
            grid-column-gap: 30px;
            -ms-grid-columns: minmax(260px,260px) 1fr;
            grid-template-columns: minmax(260px,260px) 1fr;
        }

        /*  services page layout */
        #page-SERVICE-ACCOUNTS #container-wrapper-defgh,
        #page-SERVICE-BOOKKEEPING #container-wrapper-defgh,
        #page-SERVICE-VAT-COMPLIANCE #container-wrapper-defgh,
        #page-SERVICE-COMPANY-FORMATIONS #container-wrapper-defgh,
        #page-SERVICE-CORPORATE-TAX #container-wrapper-defgh,
        #page-SERVICE-INDIVIDUALS #container-wrapper-defgh,
        #page-SERVICE-PAYROLL #container-wrapper-defgh,
        #page-SERVICE-TAX-PLANNING #container-wrapper-defgh {
            grid-template-columns: minmax(260px,260px) 1fr;
            grid-template-columns: minmax(260px,260px) 1fr;
        }
        /*  services overview layout */
        div.step-section:before,
        div.why-choose-us-section:before {
            right: -30px;
        }

        /*  division overview */
        .location-detail-container .location-content {
            grid-template-columns: 1.2fr 1fr 1fr;
        }

        /*  about us - locations tab */
        div.tabbed-content.tabbed-content-locations .tab-content {
            margin-top: 80px;
            margin-bottom: 50px;
        }

        /*  location list  */
        .location-list .location-content {
            /*min-height: 495px;*/
        }

        /* blog-detail - layout */
        #page-BLOG-DETAIL #container-wrapper-ef {
            -ms-grid-columns: 1fr minmax(280px,280px);
            grid-template-columns: 1fr minmax(280px,280px);
            grid-column-gap: 30px;
        }

        .contact-us-wrapper {
            padding: 30px 40px 40px;
        }

        .contact-callus-wrapper .contact-callus-div {
            top: calc(100% - 25px);
        }
        /*  resources page - resource list */
        #service-wrapper ul.service,
        #resources-wrapper ul.resources {
            grid-column-gap: 30px;
        }

        /* contact us - form */
        #page-CONTACT-US #online-enq-form-wrapper {
            padding-right: 100px;
        }


        /* inset - service page */
        ul.our-service {
            grid-column-gap: 20px;
        }

        .grid-col-2 {
            column-gap: 50px;
        }

        div.step-wrapper {
            padding-left: 65px;
        }

        #faq-list-wrapper {
            margin-top: 60px;
        }
        /*  blog list */
        #resp-blglst-wrapper ul.blog-list li:first-child a {
            padding: 45px 155px 50px 50px;
        }

        /*  vacancy list */
        ul.vacancy-standard li:before {
            left: 400px;
        }

        ul.vacancy-standard li .location,
        ul.vacancy-standard li .salary,
        ul.vacancy-standard li .duration,
        ul.vacancy-standard li .hourssummary,
        ul.vacancy-standard li .jobtype,
        ul.vacancy-standard li .name {
            width: 350px;
        }

        ul.vacancy-standard li .summary {
            width: calc(100% - 480px);
            padding-right: 30px;
        }

        ul.vacancy-standard li a.more {
            left: 450px;
        }


        /*  homepage - services list */

        /*#page-HOMEPAGE ul.service li a {
            padding-left: 20px;
            padding-right: 20px;
        }*/
        /*  homepage services */
        #page-HOMEPAGE #service-wrapper {
            max-width: 820px;
            padding-bottom: 150px;
        }

            #page-HOMEPAGE #service-wrapper .get-in-touch-envelope {
                bottom: 70px;
            }

            #page-HOMEPAGE #service-wrapper ul.service {
                -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
                grid-template-columns: 1fr 1fr 1fr 1fr !important;
                grid-column-gap: 0;
                grid-row-gap: 0;
            }

                #page-HOMEPAGE #service-wrapper ul.service li.bookkeeping-vat-compliance a .name {
                    max-width: 115px;
                }

                #page-HOMEPAGE #service-wrapper ul.service li a {
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding: 130px 25px 30px;
                    background-position: center top 60px !important;
                }

                    #page-HOMEPAGE #service-wrapper ul.service li a:hover {
                        margin-top: 0px;
                        margin-bottom: 0px;
                        padding-top: 140px;
                        padding-bottom: 40px;
                        background-position: center top 70px, center !important;
                    }


        /*  home - team section - bg */

        #page-HOMEPAGE .team-section {
            background-position: top 620px right -190px !important;
        }

        #our-team .list-item {
            min-height: 300px;
        }

        /*  homepage - hero */
        #page-HOMEPAGE #body-wrapper {
            background-size: 2600px auto !important;
            background-position: top -11vw left -270px !important;
        }

        /*  timeline */
        .timeline_item {
            grid-template-columns: 1fr 120px 1fr;
        }
    }

    @media all and (max-width: 1240px), screen and (max-device-width: 1240px) and (orientation : portrait) {
        /* homepage - facts and figure */
        .facts-and-figures-envelope {
            column-gap: 80px;
        }

        ul.counter-grid li:NOT(:first-child):before {
            left: -38px;
        }

        /*  homepage - useful link */
        ul.resources-list {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

            ul.resources-list li:nth-child(9),
            ul.resources-list li:nth-child(8) {
                grid-row-start: 3;
            }

            ul.resources-list li:nth-child(7),
            ul.resources-list li:nth-child(6),
            ul.resources-list li:nth-child(5),
            ul.resources-list li:nth-child(4) {
                grid-row-start: 2;
            }

        /*ul.resources-list li:nth-child(8) .list-item-div,
            ul.resources-list li:nth-child(6) .list-item-div,
            ul.resources-list li:nth-child(4) .list-item-div,
            ul.resources-list li:nth-child(3) .list-item-div,
            ul.resources-list li:nth-child(1) .list-item-div {
                margin-top: 0;
            }

            ul.resources-list li:nth-child(9) .list-item-div,
            ul.resources-list li:nth-child(5) .list-item-div,
            ul.resources-list li:nth-child(2) .list-item-div {
                margin-top: -30px;
            }

            ul.resources-list li:nth-child(7) .list-item-div {
                margin-top: 30px;
            }*/

        .useful-resource-summary {
            width: 22%;
        }

        ul.resources-list .list-item-div .r-forms {
            min-height: 220px;
        }
    }

    @media all and (max-width: 1180px), screen and (max-device-width: 1180px) and (orientation : portrait) {
        /*  header - primary nav - hide our people */
        #primary-nav-wrapper > ul > li.our-people {
            display: none;
        }
        #primary-nav-wrapper > ul > li.about-us li.our-people {
            display: list-item;
        }
        /*  footer */
        #container-x-inner {
            grid-column-gap: 4%;
        }
        /* footer maps */
        #gbl-google-maps-wrapper .mapaddressinnercontainer {
            min-width: 540px;
        }
        /* homepage - facts and figure */
        ul.counter-grid li:NOT(:first-child):before {
            left: -32px;
        }
        /*  homepage - our services */
        /*#page-HOMEPAGE ul.service li a {
            min-height: 75px;
        }*/

        /*#page-HOMEPAGE ul.service li.bookkeeping-vat-compliance a .name {
            max-width: 100px;
        }*/

        /*  homepage - fact & figure */
        .facts-and-figures-envelope {
            flex-direction: column;
            row-gap: 100px;
            padding-top: 0;
            text-align: center;
        }

            .facts-and-figures-envelope .standard-column-1 {
                width: 100%;
                max-width: 900px;
            }

            .facts-and-figures-envelope h3 {
                max-width: initial;
            }

                .facts-and-figures-envelope h3 br {
                    display: none;
                }

        /*  homepage - our team */
        /* div#our-team {
            -ms-grid-columns: 1fr 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

        #our-team .list-item {
            min-height: 31vw;
        }*/
        /*  about us - locations tab */
        div.tabbed-content.tabbed-content-locations .tab-content {
            margin-top: 50px;
            margin-bottom: 30px;
        }


        /*  blog list */
        ul.blog-list {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

            ul.blog-list li:first-child {
                grid-column-start: span 2;
            }

        /* calc list */
        ul.calculator-list {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }
        /*  resources page - resource list */
        resourcecontent.hint-panel nav,
        #service-wrapper ul.service,
        #resources-wrapper ul.resources {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

        /*  footer - faqs */
        #gbl-faq-list-wrapper {
            column-gap: 60px;
        }

        /* location list */
        .locationcontainer {
            grid-template-columns: 1fr 2.2fr;
        }

        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 10px;
        }

        /* contact us - form */
        #page-CONTACT-US #container-wrapper-ef {
            grid-column-gap: 50px;
        }

        #page-CONTACT-US #online-enq-form-wrapper {
            padding-right: 50px;
        }

        /*  inset page - service page */
        #faq-list-wrapper {
            column-gap: 20px;
        }

        .col-2.colgap-100 {
            grid-column-gap: 60px;
        }

        .col-2.colgap-50 {
            grid-column-gap: 40px;
        }

        .staff .col-2.colgap-100 {
            padding-bottom: 0 !important;
        }

        /*  faq page - group list */
        ul.faqgroup-list li a {
            padding: 13px 25px !important;
        }

        /* resources calculator  */
        #page-SAVINGS #savingscalculator1,
        .form-assets, .form-liabilities,
        .form-liabilities,
        div#fuel-cost-calc-part2,
        .form.form-horizontal,
        #output-area .results ul {
            column-gap: 20px;
        }


        /*  external links */
        ul.externallink {
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }

            ul.externallink li a.link2,
            ul.externallink li a.more {
                min-width: 68px !important;
                max-width: none !important;
                width: calc(100% - 60px - 30px);
                grid-column-start: span 2;
            }

            ul.externallink li a.link2 {
                margin-bottom: 0;
            }

            ul.externallink li.links-2 a.link2,
            ul.externallink li.links-2 a.more {
                margin-left: 30px !important;
                margin-right: 30px !important;
                margin-top: 0;
            }

            ul.externallink li.links-2 a.link2 {
                margin-top: auto;
            }


        /* global blog  */
        #global-blog-list-wrapper {
            padding-bottom: 70px;
        }

        /*  home - team section - bg */

        #page-HOMEPAGE .team-section {
            background-position: top 620px right -270px !important;
        }

        /*  footer - contact pill button */
        .footer-contact-container .tab-content .contact-link span,
        .footer-contact-container .tab-content .detailpage-link span {
            font-size: 15px;
            font-size: 1.5rem;
        }
    }

    @media all and (max-width: 1128px), screen and (max-device-width: 1128px) and (orientation : portrait) {

        /*  footer */
        #container-x-inner {
            grid-column-gap: 30px;
        }

        /*  homepage - useful link */
        /*ul.resources-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

        ul.resources-list li:nth-child(9),
        ul.resources-list li:nth-child(8) {
            grid-row-start: 3;
        }

        ul.resources-list li:nth-child(7),
        ul.resources-list li:nth-child(6),
        ul.resources-list li:nth-child(5),
        ul.resources-list li:nth-child(4) {
            grid-row-start: 2;
        }

            ul.resources-list li:nth-child(8) .list-item-div,
            ul.resources-list li:nth-child(6) .list-item-div,
            ul.resources-list li:nth-child(4) .list-item-div,
            ul.resources-list li:nth-child(3) .list-item-div,
            ul.resources-list li:nth-child(1) .list-item-div {
                margin-top: 0;
            }

            ul.resources-list li:nth-child(9) .list-item-div,
            ul.resources-list li:nth-child(5) .list-item-div,
            ul.resources-list li:nth-child(2) .list-item-div {
                margin-top: -30px;
            }

            ul.resources-list li:nth-child(7) .list-item-div {
                margin-top: 30px;
            }

    .useful-resource-summary {
        width: 22%;
    }*/


        /*  division overview */
        .location-detail-container .location-content {
            grid-template-columns: 1fr 1fr;
            column-gap: 30px;
        }

            .location-detail-container .location-content .location-heading {
                grid-column-start: span 2;
            }

            .location-detail-container .location-content .store-detail-info {
                grid-row-start: 3;
                border-top: 1px solid #f3ecef;
                margin-top: 10px;
                padding-top: 10px;
                min-width: 250px;
            }

        .location-detail-container .store-contact-info {
            min-width: 250px;
        }

        .other-content .other-info {
            column-gap: 30px;
        }
        /* blog-detail - layout */
        #page-BLOG-DETAIL #container-wrapper-ef {
            -ms-grid-columns: 1fr minmax(255px,255px);
            grid-template-columns: 1fr minmax(255px,255px);
        }

        .contact-us-wrapper {
            padding: 25px 35px 35px;
        }


        /*  location list */
        .locationcontainer {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .location-list .map-envelope {
            height: 100%;
            min-height: 375px;
            position: relative;
        }

            .location-list .map-envelope map-links {
                right: 25px;
                left: auto;
                flex-direction: row;
                column-gap: 10px;
            }

        .location-list .location-content {
            min-height: auto;
        }

            .location-list .location-content .opening-detail .opening-list li {
                column-gap: 20px;
            }

        .location-list .loc-bromsgrove .map-envelope {
            background: url(../grfx/jpg/map-bromsgrove.jpg) no-repeat center center !important;
            background-image: url(../grfx/jpg/map-bromsgrove.jpg), none !important;
            background-size: cover !important;
        }

        .location-list .loc-evesham .map-envelope {
            background: url(../grfx/jpg/map-evesham.jpg) no-repeat center center !important;
            background-image: url(../grfx/jpg/map-evesham.jpg), none !important;
            background-size: cover !important;
        }

        .location-list .loc-pershore .map-envelope {
            background: url(../grfx/jpg/map-pershore.jpg) no-repeat center center !important;
            background-image: url(../grfx/jpg/map-pershore.jpg), none !important;
            background-size: cover !important;
        }

        /*  service pages - benefits */
        ul.benefits-list {
            -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-row-gap: 40px;
        }

            ul.benefits-list li {
                grid-column-start: span 2;
            }

                ul.benefits-list li:nth-child(4) {
                    border-left: none;
                    grid-column-start: 2;
                    grid-column-end: 4;
                }


        /*  staff - main image  */
        .image-bg.hero-main.single-image.staff-img {
            min-height: 540px;
        }

        /*  footer contact */
        .footer-contact-container .tab-content .location-heading .business-name2 {
            font-size: 35px !important;
            font-size: 3.5rem !important;
            line-height: 4.0px !important;
            line-height: 4.0rem !important;
        }

        .footer-contact-container .tab-content {
            padding-left: 35px;
            padding-right: 35px;
        }

        /*   testimonials */
        .home-review .review-container, #tlc-wrapper li .single-wrapping {
            padding: 40px 30px;
        }
    }

    @media all and (max-width: 1080px), screen and (max-device-width: 1080px) and (orientation : portrait) {
        /*  header - primary nav - hide about us */
        #primary-nav-wrapper > ul > li.vacancies {
            display: none;
        }


            #primary-nav-wrapper > ul > li.about-us li.vacancies {
                display: list-item;
            }
        /*  footer */
        #container-x-inner {
            -ms-grid-columns: auto 1fr;
            grid-template-columns: auto 1fr;
            grid-row-gap: 40px;
            grid-column-gap: 80px;
            display: grid;
            justify-items: start;
        }

        #gbl-google-maps-wrapper,
        #strapline-wrapper,
        #footer-side-nav-wrapper {
            grid-column-start: span 2;
        }

        ul#footer-side-nav {
            -ms-grid-columns: 3.3fr 1.8fr 1fr 1fr;
            grid-template-columns: 3.3fr 1.8fr 1fr 1fr;
            grid-template-columns: 3.3fr 1.8fr 1fr 1fr;
            display: grid;
            justify-content: space-between;
        }

        #social-media-footer-wrapper {
            margin-left: 0;
        }

        #container-y-inner {
            column-gap: 25px;
        }

        /*  footer maps */
        #gbl-google-maps-mapaddresscontainer {
            top: 35px !important;
            left: 36px !important;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer {
            min-width: 500px;
        }

            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content {
                padding: 20px 30px 27px;
                column-gap: 35px;
            }

        #gbl-google-maps-wrapper map-links {
            right: 35px;
            bottom: 35px;
        }

        /*  external links */
        ul.externallink li .name {
            background-size: auto 10vw !important;
            padding-top: 12vw;
        }

        ul.externallink li:before {
            top: 10vw;
        }

        /*  footer - faqs */
        #gbl-faq-list-wrapper {
            column-gap: 50px;
        }

        /*  about us page */
        .tabbed-content-locations .tab-locations {
            max-width: 450px !important;
        }

            .tabbed-content-locations .tab-locations ul.tabs li {
                padding: 0px 32px !important;
            }

        div.tabbed-content.tabbed-content-locations .inline-image-container {
            max-width: calc(100% - 50px - 450px );
        }

        /*  faqs page */
        #page-FAQ-QUESTIONS #faq-list-wrapper ul#faq-list {
            column-gap: 20px;
            row-gap: 20px;
        }

        /*  vacancy list */
        ul.vacancy-standard li:before {
            left: 350px;
        }

        ul.vacancy-standard li .location,
        ul.vacancy-standard li .salary,
        ul.vacancy-standard li .duration,
        ul.vacancy-standard li .hourssummary,
        ul.vacancy-standard li .jobtype,
        ul.vacancy-standard li .name {
            width: 300px;
        }

        ul.vacancy-standard li .summary {
            width: calc(100% - 410px);
            padding-right: 10px;
        }

        ul.vacancy-standard li a.more {
            left: 400px;
        }

        /*  services pages */
        ul.why-list {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 20px;
        }

            ul.why-list li .inner-div {
                max-width: 220px;
            }

            ul.why-list li:nth-child(2n+1) {
                border-left: none;
            }
        /*  service pages - faqs list*/
        #faq-list-wrapper {
            grid-template-columns: minmax(215px,0.75fr) 2fr;
        }


        /*  blog table - minimum wage */
        #blog-content-wrapper table.minimum-wage-table-one th,
        #blog-content-wrapper table.minimum-wage-table-one td {
            padding: 20px 3px;
        }

        #blog-content-wrapper table.minimum-wage-table-one tr th:first-child,
        #blog-content-wrapper table.minimum-wage-table-one tr td:first-child {
            padding-left: 6px;
            word-break: keep-all;
        }

        #blog-content-wrapper table.minimum-wage-table-one tr th:last-child,
        #blog-content-wrapper table.minimum-wage-table-one tr td:last-child {
            padding-right: 6px;
        }

        /*  footer contact */
        .footer-contact-container {
            grid-column-gap: 25px;
        }

            .footer-contact-container .tab-content {
                padding-left: 26px;
                padding-right: 26px;
                padding-top: 25px;
                padding-bottom: 35px;
                row-gap: 20px;
            }

                .footer-contact-container .tab-content .contact-item-email,
                .footer-contact-container .tab-content .contact-item-tel,
                .footer-contact-container .tab-content .store-address {
                    padding-left: 45px;
                }

                /*  footer - contact pill button */
                .footer-contact-container .tab-content .detailpage-link {
                    flex-direction: column;
                    padding-top: 8px;
                    padding-bottom: 8px;
                }
    }

    @media all and (max-width: 991px), screen and (max-device-width: 991px) and (orientation : portrait) {

        /* font size adjustment */
        .timeline_date-text,
        #blog-content-wrapper h2,
        #page-INT-RESET-PWD-C h3.standard-heading,
        #page-EXTRA-RESETPASS-C h3.standard-heading,
        #page-EXTRA-FORGOTPASS-C h3.standard-heading,
        #page-INT-FORGOTTEN-PWD-C h3.standard-heading,
        #page-ONLINE-ENQUIRY-C h3.standard-heading,
        .location-detail-container .location-heading .business-name2,
        .location-list .location-heading .business-name2,
        resourcecontent h1, h3 {
            font-size: 32px !important;
            font-size: 3.2rem !important;
            line-height: 38px !important;
            line-height: 3.8rem !important;
        }

        #blog-content-wrapper .blog-content-title,
        form > resourcecontent > h1 {
            font-size: 36px !important;
            font-size: 3.6rem !important;
        }

        resourcecontent h2,
        resourcecontent h3,
        #blog-content-wrapper h3,
        #introduction-wrapper h4,
        #summary-wrapper h4,
        #section-a-wrapper h4,
        #section-b-wrapper h4,
        #section-c-wrapper h4,
        #section-d-wrapper h4,
        #section-e-wrapper h4 {
            font-size: 28px !important;
            font-size: 2.8rem !important;
            line-height: 36px !important;
            line-height: 3.6rem !important;
        }

        /* General Layout */
        #container-d,
        #container-wrapper-efgh {
            width: auto;
            float: none;
        }

        #container-wrapper-efgh {
            width: auto;
        }

        #container-f {
            padding-bottom: 30px;
            padding-top: 20px;
        }

        #page-HOMEPAGE #container-f {
            padding: 0;
        }

        #page-DIVISION-OVERVIEW #container-f {
            padding-bottom: 10px;
            padding-top: 10px;
        }

        /*  general layout */
        #container-wrapper-defgh {
            grid-column-gap: 20px;
            -ms-grid-columns: minmax(210px,210px) 1fr;
            grid-template-columns: minmax(210px,210px) 1fr;
        }

        /*  services page layout */
        #page-SERVICE-ACCOUNTS #container-wrapper-defgh,
        #page-SERVICE-BOOKKEEPING #container-wrapper-defgh,
        #page-SERVICE-VAT-COMPLIANCE #container-wrapper-defgh,
        #page-SERVICE-COMPANY-FORMATIONS #container-wrapper-defgh,
        #page-SERVICE-CORPORATE-TAX #container-wrapper-defgh,
        #page-SERVICE-INDIVIDUALS #container-wrapper-defgh,
        #page-SERVICE-PAYROLL #container-wrapper-defgh,
        #page-SERVICE-TAX-PLANNING #container-wrapper-defgh {
            grid-template-columns: minmax(210px,210px) 1fr;
            grid-template-columns: minmax(210px,210px) 1fr;
        }
        /*#page-SERVICE-ACCOUNTS #container-wrapper-defgh,
#page-SERVICE-BOOKKEEPING #container-wrapper-defgh,
#page-SERVICE-CORPORATE-TAX #container-wrapper-defgh,
#page-SERVICE-INDIVIDUALS #container-wrapper-defgh,
#page-SERVICE-PAYROLL #container-wrapper-defgh,
#page-SERVICE-TAX-PLANNING #container-wrapper-defgh,
#container-wrapper-defgh {
grid-column-gap: 25px;
-ms-grid-columns: minmax(220px,220px) 1fr;
grid-template-columns: minmax(220px,220px) 1fr;
}*/

        #page-SERVICE-ACCOUNTS .col-2,
        #page-SERVICE-BOOKKEEPING .col-2,
        #page-SERVICE-VAT-COMPLIANCE .col-2,
        #page-SERVICE-COMPANY-FORMATIONS .col-2,
        #page-SERVICE-CORPORATE-TAX .col-2,
        #page-SERVICE-INDIVIDUALS .col-2,
        #page-SERVICE-PAYROLL .col-2,
        #page-SERVICE-TAX-PLANNING .col-2 {
            -ms-grid-columns: 1fr !important;
            grid-template-columns: 1fr !important;
            grid-row-gap: 40px;
        }

            #page-SERVICE-ACCOUNTS .col-2 .text-content,
            #page-SERVICE-BOOKKEEPING .col-2 .text-content,
            #page-SERVICE-VAT-COMPLIANCE .col-2 .text-content,
            #page-SERVICE-COMPANY-FORMATIONS .col-2 .text-content,
            #page-SERVICE-CORPORATE-TAX .col-2 .text-content,
            #page-SERVICE-INDIVIDUALS .col-2 .text-content,
            #page-SERVICE-PAYROLL .col-2 .text-content,
            #page-SERVICE-TAX-PLANNING .col-2 .text-content {
                grid-row-start: 2;
                max-width: 100% !important;
            }

        .col-2.botpad-50,
        .col-2.botpad-80 {
            padding-bottom: 40px;
        }

        .col-2.toppad-50,
        .col-2.toppad-80 {
            padding-top: 40px;
        }
        /*  content section */
        div.content-section .col-2.botpad-80 {
            padding-bottom: 20px;
        }

        div.content-section .col-2.toppad-80 {
            padding-top: 20px;
        }


        .grid-col-2 {
            column-gap: 30px;
        }

        .col-2.colgap-100 {
            grid-column-gap: 40px;
        }

        /* Forms */
        textarea, input[type="number"], input[type="text"], input[type="password"] {
            font-size: 16px;
        }

        form li {
            width: 100%;
        }
        /*  general content */
        .col-2 .col-left,
        .col-2 .col-right {
            padding-top: var(--padding-top-991);
            padding-bottom: var(--padding-bottom-991);
            max-width: 100% !important;
        }

        .col-2 .col-left {
            padding-right: calc(var(--padding-right-resp) / 2);
        }

        .col-2 .col-right {
            padding-left: calc(var(--padding-left-resp) / 2);
        }

            .col-2 .col-left h3,
            .col-2 .col-left h4,
            .col-2 .col-right h3,
            .col-2 .col-right h4 {
                max-width: 100% !important;
            }

        .max-width-container {
            margin-top: var(--padding-top-991);
            margin-bottom: var(--padding-bottom-991);
        }

        h1, h2, h3, h4,
        .general-summary p,
        p,
        #blog-content-wrapper p {
            margin-bottom: 20px;
        }

        .general-summary p,
        .general-summary {
            line-height: 30px;
            line-height: 3.0rem;
        }

        /*  legal pages */

        div.legal-content tr.heading-row .th-header {
            font-size: 14px;
            font-size: 1.4rem;
        }

        /*  hide primary nav */
        /*#primary-nav-wrapper {
display: none;
}*/
        #primary-nav-wrapper > ul > li.about-us {
            display: none;
        }

        #primary-nav-wrapper > ul > li.resources .dropdown-level-1 {
            column-gap: 40px;
            padding: 30px 35px 35px 30px;
        }

        #primary-nav-wrapper > ul > li.open.resources > .dropdown {
            right: calc(var(--padding-right-tablet) + 5px);
        }

        /*  website search */
        #website-search-wrapper {
            margin-right: 20px;
            width: 115px;
        }

            #website-search-wrapper:after {
                display: none;
            }

        /*  primary nav */
        #primary-nav-wrapper {
            margin-right: 15px;
        }

        /* burger menu */
        #container-a-inner {
            -ms-grid-columns: 215px 1fr auto auto auto auto auto;
            grid-template-columns: 215px 1fr auto auto auto auto auto;
        }
        /*#header-content-wrapper,*/
        #primary-footer-wrapper {
            display: block;
        }

            #primary-footer-wrapper > h3 {
                display: block;
            }

            #primary-footer-wrapper.active > .summary {
                display: block;
            }

        #misc-cnt-2-wrapper,
        #extranet-header-nav-wrapper,
        #intranetheader-wrapper,
        #intranet-login-window-wrapper {
            margin-right: 5px;
        }

        /*  header intranet login */
        /*ul#intranetheader {
right: -35px;
}*/
        /*  footer maps */
        #strapline-wrapper,
        #gbl-google-maps-wrapper {
            margin-top: 40px;
            margin-bottom: 20px;
        }

        /* footer */
        #container-x {
            padding-top: 20px;
            padding-bottom: 30px;
        }

        #container-x-inner {
            -ms-grid-columns: 1.2fr 1fr;
            grid-template-columns: 1.2fr 1fr;
            grid-column-gap: 50px;
        }

        ul#footer-side-nav {
            justify-items: center;
        }

        #accreditationlogo-wrapper {
            margin-left: auto;
        }

        #social-media-footer-wrapper {
            margin-right: auto;
        }

        #container-x-inner {
            justify-items: center;
        }

        #container-y-inner {
            display: flex;
            row-gap: 20px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        #company-number-summary p {
            text-align: center;
        }
        /*  footer link */
        ul#footer-nav {
            justify-content: center;
            row-gap: 5px;
        }

            ul#footer-nav li {
                justify-content: center;
                align-items: center;
            }


        /*  global faqs  */
        #gbl-faq-list-wrapper, #faq-list-wrapper {
            column-gap: 50px;
            margin: 70px auto;
            grid-template-columns: 1fr;
        }

        #faq-list-wrapper {
            margin-top: 50px;
        }

            #gbl-faq-list-wrapper ul,
            #faq-list-wrapper ul#faq-list {
                grid-column-start: auto;
                grid-row-start: 3;
            }

        .gbl-faq-list-summary {
            margin-bottom: 60px;
            margin-left: auto;
            margin-right: auto;
        }

        #gbl-faq-list-wrapper .gbl-faq-list-summary p,
        #faq-list-wrapper .faq-list-summary p {
            max-width: 100%;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        #gbl-faq-list-wrapper .view-all-envelope,
        #faq-list-wrapper .view-all-envelope {
            margin-top: 35px;
            justify-content: center;
        }

        h3.gbl-faq-list-heading {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        #faq-list-wrapper > h3 {
            margin-bottom: 40px;
            text-align: center;
        }
        /*  footer form */
        #online-enq-form-wrapper {
            padding-top: var(--padding-top-991);
            padding-bottom: var(--padding-bottom-991);
        }

        /*  global case study */
        #gbl-headline-case-studies-wrapper {
            padding: var(--padding-top-991) 0;
        }

        /*  global blog/news */
        #global-blog-list-wrapper {
            padding: var(--padding-top-991) 15px var(--padding-bottom-991) 15px;
        }

            #page-HOMEPAGE #tlc-wrapper .tlc-summary,
            #global-blog-list-wrapper .global-blog-list-summary {
                margin-top: 0;
                position: relative;
                float: none;
                max-width: 100%;
                text-align: center;
                margin-bottom: 30px;
            }

            #page-HOMEPAGE #tlc-wrapper .tlc-heading,
            #global-blog-list-wrapper .global-blog-list-heading {
                margin: 0 auto;
                max-width: none;
                width: auto;
            }

        #tlc-wrapper,
        #global-blog-list-column-1 {
            margin-left: 0;
            width: 100%;
        }

        #page-HOMEPAGE #tlc-wrapper .tlc-summary p,
        #global-blog-list-wrapper .global-blog-list-summary p {
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        #page-HOMEPAGE #tlc-wrapper .tlc-summary .read-more,
        #global-blog-list-wrapper .global-blog-list-summary .read-more {
            margin-top: 15px;
        }

        #page-HOMEPAGE #tlc-list-0,
        #global-blog-list-column-no-1 {
            position: relative;
        }

        #tlc-wrapper .slick-prev,
        #tlc-wrapper .slick-next,
        #global-blog-list-wrapper .slick-prev,
        #global-blog-list-wrapper .slick-next {
            top: 10px;
        }

        #tlc-wrapper .slick-next,
        #global-blog-list-wrapper .slick-next {
            /*right: 0px;*/
            right: auto;
            left: calc(50% - 0px);
        }

        #tlc-wrapper .slick-prev,
        #global-blog-list-wrapper .slick-prev {
            /*right: 40px;*/
            right: auto;
            left: calc(50% - 40px);
        }

        #page-HOMEPAGE #tlc-wrapper .slick-slide,
        #global-blog-list-wrapper .slick-slide {
            margin-left: 10px;
            margin-right: 10px;
        }

        #global-blog-list-wrapper ul.global-blog-list li {
            max-width: 450px;
        }

        /* footer contact  */
        .footer-contact-container {
            grid-column-gap: 16px;
        }

            .footer-contact-container .tab-content {
                padding-left: 25px;
                padding-right: 25px;
                padding-top: 20px;
                padding-bottom: 30px;
            }

                .footer-contact-container .tab-content .location-heading .business-name2 {
                    font-size: 32px !important;
                    font-size: 3.2rem !important;
                    line-height: 36px !important;
                    line-height: 3.6rem !important;
                    padding-bottom: 5px;
                }

                    .footer-contact-container .tab-content .location-heading .business-name2:after {
                        margin-top: 14px;
                    }

                .footer-contact-container .tab-content .item-detail {
                    font-size: 14px;
                    font-size: 1.4rem;
                }

                .footer-contact-container .tab-content .detailpage-link span {
                    font-size: 15px;
                    font-size: 1.5rem;
                    line-height: 1.9px;
                    line-height: 1.9rem;
                }
        /*  footer maps */
        /*#gbl-google-maps-mapaddresscontainer {
            top: 25px !important;
            left: 26px !important;
        }

        #gbl-google-maps-wrapper map-links {
            right: 25px;
            bottom: 25px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer {
            min-width: 0;
            width: 50vw;
            max-width: 410px;
        }

            #gbl-google-maps-wrapper .mapaddressinnercontainer div {
                grid-column-start: span 2;
            }

            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content,
            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .store-contact-info {
                row-gap: 15px;
            }

                #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .location-heading .business-name2 {
                    font-size: 40px !important;
                    font-size: 4.0rem !important;
                    line-height: 45px !important;
                    line-height: 4.5rem !important;
                    padding-bottom: 5px;
                }

            #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li {
                min-width: 65px;
                padding: 12px 20px;
            }*/
        /*  base  */
        body {
            -webkit-text-size-adjust: 100%;
            min-width: 320px;
            width: 100%;
            margin-left: 0 !important;
        }

        .body-fixed {
            overflow: hidden;
            position: fixed;
        }

            .body-fixed #container-a {
                position: absolute !important;
            }

        #container-a {
            min-width: 320px !important;
        }

        /* home hero  */
        .homepage-hero {
            grid-template-columns: 1fr 70px 1.4fr;
        }

            .homepage-hero .hero-section {
                padding-left: 0px;
            }

        .hero-section .hero-heading {
            font-size: 40px;
            font-size: 4.0rem;
            line-height: 45px;
            line-height: 4.5rem;
            margin-bottom: 20px;
        }

        .home-review .review-container {
            margin-right: 100px;
            margin-left: -50px;
        }

        .homepage-hero .hero-image {
            min-height: 440px;
            margin-bottom: 52px;
        }

        .hero-section p.hero-summary {
            margin-bottom: 35px;
        }

        /*  homepage - our team */
        .our-team-envelope {
            -ms-grid-columns: 1.2fr 1f;
            grid-template-columns: 1.2fr 1fr;
            -ms-grid-rows: auto;
            grid-template-rows: auto;
            justify-items: center;
            padding-left: 0;
        }

        .our-team-wrapper {
            margin-bottom: 20px;
            margin-top: 80px;
            background: url(../grfx/png/team-shape.png) no-repeat top 150px center !important;
            background-size: cover !important;
        }

        .our-team-envelope h3.standard-heading,
        .our-team-envelope .standard-summary,
        .our-team-envelope a.read-more,
        .our-team-envelope .standard-column-1 {
            grid-column-start: span 2;
            grid-column-end: auto;
            grid-row-start: auto;
            grid-row-end: auto;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            max-width: calc(100% - 200px);
        }

        .our-team-envelope .team-placeholder-2,
        .our-team-envelope .team-placeholder-1 {
            grid-row-start: 3;
            grid-row-end: 4;
            margin-left: 0;
        }

        .our-team-envelope .team-placeholder-1 {
            grid-column-start: 2;
            grid-column-end: 3;
            margin-right: auto;
            min-height: 440px;
            max-height: 440px;
        }

        .our-team-envelope .team-placeholder-2 {
            grid-column-start: 1;
            grid-column-end: 2;
            margin: auto -30px 30px auto;
            max-height: 370px;
            max-width: calc(100% + 30px);
            min-width: calc(100% + 30px);
        }

        .our-team-envelope .standard-column-1 {
            margin-top: 50px;
        }

        .our-team-envelope a.read-more {
            grid-row-start: 5;
            grid-row-end: 6;
        }

        ul.about-team-list li {
            align-items: center;
            align-content: center;
            margin-left: auto;
            margin-right: auto;
        }
        /* homepage - facts & figure */
        /*.facts-and-figures-container {
margin-top: var(--padding-top-991);
margin-bottom: var(--padding-bottom-991);
}

.facts-and-figures-envelope {
row-gap: 75px;
}

.counter-div .fact-figure {
font-size: 40px;
font-size: 4.0rem;
}

ul.counter-grid li:first-child .counter-div {
width: 92px;
max-width: 92px;
}

ul.counter-grid li:nth-child(2) .counter-div {
width: 110px;
max-width: 110px;
}

ul.counter-grid li:nth-child(3) .counter-div {
width: 85px;
max-width: 85px;
}

ul.counter-grid li:nth-child(4) .counter-div {
width: 95px;
max-width: 95px;
}

ul.counter-grid li:NOT(:first-child):before {
left: calc(-10vw + 48px);
}*/
        /*  useful resource */
        .useful-resource-container {
            margin-top: var(--padding-top-991);
            margin-bottom: var(--padding-bottom-991);
            padding-left: var(--padding-left-resp);
            padding-right: var(--padding-right-resp);
        }

        .useful-resource-envelope {
            margin: 0;
        }

        .useful-resource-summary {
            position: relative;
            top: 0;
            margin: 0 auto 50px;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
            flex-direction: column;
            width: auto;
            max-width: initial;
        }

        ul.resources-list {
            grid-template-columns: 1fr 1fr 1fr;
            /*max-width: 780px;*/
            margin: 0 auto;
            column-gap: 20px;
            row-gap: 20px;
        }

            ul.resources-list li {
                grid-row-start: span 1 !important;
            }

                ul.resources-list li .list-item-div {
                    margin-top: 0 !important;
                    min-height: 240px;
                }

            ul.resources-list .list-item-div .bg-div {
                min-height: 230px;
            }

            ul.resources-list .list-item-div .r-forms {
                min-height: 200px;
            }

            ul.resources-list li .list-item-div .group-name {
                padding: 14px 20px 16px 20px;
            }

            ul.resources-list li .list-item-div .icon-div {
                margin-left: 20px;
            }

            ul.resources-list li .list-item-div:hover .name,
            ul.resources-list li .list-item-div .name {
                background-size: 16px;
            }

            ul.resources-list li.forms .list-item-div:hover .group-name .groupname-link .name,
            ul.resources-list li.forms .list-item-div .group-name .groupname-link .name,
            ul.resources-list li.calculators .list-item-div .group-name .groupname-link .name {
                background-size: 11px;
            }

            ul.resources-list li.calculators .list-item-div:hover .group-name .groupname-link .name {
                background-size: 16px;
            }

        /*  homepage services */
        #page-HOMEPAGE #service-wrapper {
            max-width: 720px;
            padding-bottom: 150px;
        }

            #page-HOMEPAGE #service-wrapper .get-in-touch-envelope {
                bottom: 70px;
            }

            #page-HOMEPAGE #service-wrapper ul.service {
                -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
                grid-template-columns: 1fr 1fr 1fr 1fr !important;
                grid-column-gap: 0;
                grid-row-gap: 0;
            }

                #page-HOMEPAGE #service-wrapper ul.service li.bookkeeping-vat-compliance a .name {
                    max-width: 115px;
                }

                #page-HOMEPAGE #service-wrapper ul.service li a {
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding: 130px 25px 30px;
                    background-position: center top 60px !important;
                }

                    #page-HOMEPAGE #service-wrapper ul.service li a:hover {
                        margin-top: 0px;
                        margin-bottom: 0px;
                        padding-top: 140px;
                        padding-bottom: 40px;
                        background-position: center top 70px, center !important;
                    }
        /*  homepage - team and our team page */
        div#team,
        div#our-team {
            -ms-grid-columns: 1fr 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

        #team .team-item,
        #our-team .list-item {
            min-height: 30vw;
            text-align: left;
        }

        /* Zoom Window */
        .zoomContainer {
            display: none !important;
        }


        /* hide/show on mob only */
        .mobile-only {
            display: block;
        }

        .desktop-only {
            display: none !important;
        }

        /* legal pages */
        div.legal-header-content {
            /*margin-top: 40px;*/
            padding-top: 0 !important;
        }

        div.legal-content.last-content {
            margin-bottom: 20px;
        }

        div.legal .max-width-container {
            margin-top: 40px;
        }


        /*  layout */
        /* #container-wrapper-defgh {
padding-bottom: 50px;
}*/

        #blog-content-wrapper {
            margin-bottom: 25px;
        }

        /*  footer form */
        #online-enq-form-wrapper .contact-loc,
        #online-enq-form-wrapper .interested-details {
            width: calc(100% - 13px);
        }

        /* blog list  */
        div#resp-blglst-wrapper {
            margin-bottom: 0px;
        }

        #page-BLOG-DETAIL #container-wrapper-ef {
            grid-column-gap: 20px;
            margin-bottom: 45px;
        }

        #page-BLOG-DETAIL div#container-wrapper-efg,
        #page-BLOG div#container-wrapper-efg {
            margin-bottom: 0px;
        }

        /*  footer form - check box styling */
        #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1.5fr 1fr 2fr;
            grid-template-columns: 1.5fr 1fr 2fr;
        }

        /* services page */
        #service-wrapper ul.service li .name {
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 32px;
            line-height: 3.2rem;
        }

        div.step-wrapper {
            padding-top: 50px;
            padding-bottom: 50px;
            background-position: left top 58px !important;
        }

            div.step-wrapper .grid-col-2 {
                flex-direction: column;
                row-gap: 10px;
            }
        /*  all listing that need reduce teh gaps */
        ul.externallink,
        resourcecontent nav,
        ul.calculator-list,
        #service-wrapper ul.service,
        #resources-wrapper ul.resources {
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }

        ul.externallink {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }


        /*  about us page - location tab */
        div.tabbed-content.tabbed-content-locations .inline-image-container {
            max-width: calc(100% - 35px - 390px );
        }

        div.tabbed-content.tabbed-content-locations .tab-locations {
            max-width: 390px !important;
        }

            div.tabbed-content.tabbed-content-locations .tab-locations ul.tabs li {
                padding: 0px 22px !important;
            }

        /* location page  */
        .other-content .other-info {
            flex-direction: column;
        }

        /*  contact us */

        #page-CONTACT-US #container-wrapper-ef {
            grid-column-gap: 30px;
            -ms-grid-columns: 1fr minmax(200px,200px);
            grid-template-columns: 1fr minmax(200px,200px);
        }

        #page-CONTACT-US #online-enq-form-wrapper {
            padding-right: 40px;
        }

            #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
                -ms-grid-columns: 1fr 1.6fr;
                grid-template-columns: 1fr 1.6fr;
            }

            #page-CONTACT-US #online-enq-form-wrapper .contact-loc .level-3 {
                column-gap: 30px;
            }
        /*  blog */
        #resp-blglst-wrapper ul.blog-list {
            grid-row-gap: 1px;
            grid-column-gap: 20px;
        }

            #resp-blglst-wrapper ul.blog-list li {
                padding-bottom: 20px;
            }

                #resp-blglst-wrapper ul.blog-list li:first-child a {
                    padding: 35px 155px 40px 35px;
                }

                    #resp-blglst-wrapper ul.blog-list li:first-child a:after {
                        bottom: 50px;
                    }

        #resp-blglst-wrapper a.more-list-item {
            margin-top: 30px;
        }

        /* content search */
        #page-CONTENT-SEARCH #container-e {
            margin-bottom: var(--padding-bottom-991);
            padding-top: 5px;
        }

        #advanced-search-no-results {
            margin-bottom: -10px;
            margin-top: 30px;
        }

        #advanced-search-search-results {
            margin-top: 20px;
        }

        input#advanced-search-submit {
            min-width: 170px;
        }

        input#advanced-search-clear {
            right: 190px;
        }

        #advanced-search-keywords-box {
            width: calc(100% - 170px - 10px);
        }

        .pager-bottom, .pager-top {
            margin-top: 50px;
        }

        /*  faqs page */
        #page-FAQ-QUESTIONS #container-e {
            padding-bottom: 80px;
            padding-top: 20px;
        }

        #page-FAQ-QUESTIONS #faq-list-wrapper ul#faq-list {
            column-gap: 10px;
            row-gap: 10px;
        }

        /*  vacancy list */
        ul.vacancy-standard li:before {
            left: 330px;
        }

        ul.vacancy-standard li .location,
        ul.vacancy-standard li .salary,
        ul.vacancy-standard li .duration,
        ul.vacancy-standard li .hourssummary,
        ul.vacancy-standard li .jobtype,
        ul.vacancy-standard li .name {
            width: 300px;
            padding-right: 30px;
        }

        ul.vacancy-standard li .summary {
            padding-left: 30px;
            width: calc(100% - 370px);
            padding-right: 10px;
        }

        ul.vacancy-standard li a.more {
            left: 360px;
        }

        /*  vacancy detail */
        .vacancy-details.desktop-only {
            display: block !important;
        }

        .vacancy-details.responsive-only {
            display: none !important;
        }

        /* resources calculator  */
        #page-SAVINGS #savingscalculator1,
        .form-assets, .form-liabilities,
        .form-liabilities,
        div#fuel-cost-calc-part2,
        .form.form-horizontal,
        #output-area .results ul {
            column-gap: 10px;
            row-gap: 20px;
        }

        /*  external link */
        ul.externallink li a.link2,
        ul.externallink li a.more {
            grid-column-start: span 1 !important;
            width: auto;
        }

        ul.externallink li a.link2 {
            margin-bottom: 30px;
        }

        ul.externallink li.links-2 a.link2 {
            margin-right: 0 !important;
        }

        ul.externallink li.links-2 a.more {
            margin-left: 0 !important;
        }

        ul.externallink li.links-2 a.link2,
        ul.externallink li.links-2 a.more {
            margin-top: auto;
        }

        ul.externallink li .name {
            background-size: auto 16vw !important;
            padding-top: 18vw;
        }

        ul.externallink li:before {
            top: 16vw;
        }

        /*  services pages */
        div.services-provided-section {
            padding-bottom: 60px;
        }

        #our-service-wrapper ul.our-service {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            margin: 40px 0 30px !important;
        }
        /*  service page why choose us */
        div#why-choose-us-wrapper {
            padding-top: 60px;
        }

        ul.why-list li .inner-div {
            max-width: 220px;
            padding: 75px 25px 10px;
            background-position: center top 20px !important;
        }

        ul.why-list li:nth-child(2n+1) {
            border-left: none;
        }

        /* service pages - hero image - single  */
        .image-bg.hero-main.single-image {
            min-height: 360px;
        }

        /* service page - content images */
        .content-grid.left .image-bg.content-main {
            min-height: 280px;
        }

        .image-bg.content-main.single-image {
            min-height: 360px;
            max-height: 360px;
        }

            .image-bg.content-main.single-image.maxheight-360 {
                min-height: 360px;
                max-height: 360px;
            }

        /*  service page - logo list */
        ul.logo-list {
            margin-bottom: 30px !important;
            max-width: 100%;
        }

        /*  service page - benefit */
        div#benefits-wrapper,
        div#benefits-wrapper.toppad-0 {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        /*  service page - help list */
        #help-list-wrapper {
            margin-bottom: 20px;
        }

        ul#help-list li .question,
        ul#help-list li .answer p {
            padding-left: 60px;
            text-align: left;
        }

        /*  service page - benefit list */
        ul.benefits-list {
            grid-row-gap: 35px;
        }

            ul.benefits-list li .inner-div {
                padding-top: 65px;
                padding-bottom: 5px;
                background-position: center top 10px !important;
            }

        /*  about us */
        #page-ABOUT-US .col-2.botpad-80 {
            padding-bottom: 0px;
        }

        div.tabbed-content.tabbed-content-locations .tab-content {
            margin-top: 40px;
        }

        /*  location */
        .statement-content {
            padding: 5px 0 30px;
        }

        .other-content {
            padding-top: 30px;
        }
        /*  location */
        .location-detail-container .location-content > .opening-detail {
            margin-left: auto;
        }
        /*  location - service list */
        #page-DIVISION-OVERVIEW #service-wrapper {
            margin-top: 40px;
        }


        /*  resource - forms */
        #page-COMPANIES-HOUSE-FORMS dl dt a, #page-HMRC-FORMS dl dt a, #page-ACCOUNTING_LINKS dl dt a {
            font-size: 22px;
            font-size: 2.2rem;
        }

        #page-COMPANIES-HOUSE-FORMS dl dt, #page-HMRC-FORMS dl dt, #page-ACCOUNTING_LINKS dl dt,
        #page-COMPANIES-HOUSE-FORMS dl dd, #page-HMRC-FORMS dl dd, #page-ACCOUNTING_LINKS dl dd {
            padding-left: 40px;
        }

        /*  resource calulator */
        #output-area .results {
            padding-top: 0px;
        }

        /*  vacancy list */
        #page-VACANCIES #container-e {
            padding-bottom: 60px;
        }

        #page-VACANCIES #container-f {
            padding: 0;
        }

        /* about us  */
        #page-ABOUT-US .view-all-envelope.nopad {
            margin-bottom: 20px;
        }
        /*  staff - main image  */
        .image-bg.hero-main.single-image.staff-img {
            min-height: 460px;
        }

        #tlc-wrapper ul#tlc-list-0,
        #global-blog-list-column-1 ul.global-blog-list {
            max-width: 100%;
        }

        /* get in touch - v2 */
        #contactus-wrapper .contact-us-div.v2 {
            max-width: 100%;
        }

            #contactus-wrapper .contact-us-div.v2 .contact-us-content-container {
                grid-template-columns: 1.1fr 1fr 1fr;
                width: calc(100% - 70px);
                padding: 30px 35px 35px;
                grid-column-gap: 35px;
            }


        /*  home - team section - bg */

        #page-HOMEPAGE .team-section {
            background-image: none !important;
        }
        /*  homepage - hero */
        #page-HOMEPAGE #body-wrapper {
            background-size: 2300px auto !important;
            background-position: top -11vw left -280px !important;
        }


        /*  timeline */
        .timeline_item {
            grid-template-columns: 1fr 100px 1fr;
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .padding-vertical-xlarge {
            padding-top: var(--padding-top-991);
            padding-bottom: var(--padding-bottom-991);
        }

        .section-timeline-heading .padding-vertical-xlarge {
            padding-bottom: calc(var(--padding-bottom-991) / 2);
        }

        .timeline-footer .padding-vertical-xlarge {
            padding-top: calc(var(--padding-top-991) / 2);
            padding-bottom: var(--padding-bottom-991);
        }


        /* homepage -  testimonials */
        #page-HOMEPAGE #tlc-wrapper {
            padding-top: 50px;
            padding-bottom: 75px;
        }

            #page-HOMEPAGE #tlc-wrapper .slick-dots {
                width: calc(100% - 40px);
            }

        /*  testimonial */
        #page-TESTIMONIALS ul#tlc-list-0 {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media all and (max-width: 940px), screen and (max-device-width: 940px) and (orientation : portrait) {
        /*  footer contact */
        .footer-contact-container {
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
            max-width: 700px;
            width: calc(100% - 4px);
            margin-left: auto;
            margin-right: auto;
        }

            .footer-contact-container .tab-content {
                grid-template-columns: 1fr 1fr;
                padding-left: 50px;
                padding-right: 50px;
                padding-top: 27px;
                padding-bottom: 39px;
                column-gap: 80px;
            }

                .footer-contact-container .tab-content .extralinks,
                .footer-contact-container .tab-content .location-heading {
                    grid-column-start: span 2;
                }

                .footer-contact-container .tab-content .contact-item-email,
                .footer-contact-container .tab-content .contact-item-tel,
                .footer-contact-container .tab-content .store-address {
                    padding-left: 52px;
                }

                .footer-contact-container .tab-content .item-detail {
                    font-size: 15px;
                    font-size: 1.5rem;
                }

                .footer-contact-container .tab-content .extralinks span {
                    font-size: 16px;
                    font-size: 1.6rem;
                    line-height: 20px;
                    line-height: 2.0rem;
                }

                .footer-contact-container .tab-content .detailpage-link {
                    flex-direction: row;
                    padding-top: 12px;
                    padding-bottom: 12px;
                }

        /*  footer nav */
        #footer-side-nav-wrapper {
            max-width: 700px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        /* get in touch - v2 */
        #contactus-wrapper .contact-us-div.v2 .contact-us-content-container {
            width: calc(100% - 60px);
            padding: 25px 30px 35px;
            grid-column-gap: 30px;
        }

        #contactus-wrapper .contact-us-div.v2 .content-div .office-content > .opening-detail .opening-list,
        #contactus-wrapper .contact-us-div.v2 .store-detail-info .store-address,
        #contactus-wrapper .contact-us-div.v2 .store-contact-info > div {
            padding-left: 45px !important;
        }

        #contactus-wrapper .content-div a.detailpage-link {
            left: 45px;
        }


        /*  service page - logo list */
        /*  ul.logo-list {
        max-width: 380px;
    }

        ul.logo-list li:nth-last-child(3):after{
            display:none;
        }*/

    }

    @media all and (max-width: 900px), screen and (max-device-width: 900px) and (orientation : portrait) {
        #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr 2fr;
            grid-template-columns: 1fr 2fr;
        }

        /* resource list - bg */
        .useful-resource-bg,
        #tlc-wrapper {
            background-size: contain !important;
            background-position: bottom left -90px !important;
        }
    }

    @media all and (max-width: 868px), screen and (max-device-width: 868px) and (orientation : portrait) {

        /*  hide primary menu */
        #primary-nav-wrapper > ul > li.resources {
            display: none;
        }


        /*  tablet burger menu */
        #primary-footer {
            padding-right: 100px;
            column-gap: 7vw;
        }

            #primary-footer li.services li a {
                min-width: 30vw;
                white-space: initial;
                display: inline-block;
            }

        /*  footer form - check box styling */
        #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr 2fr;
            grid-template-columns: 1fr 2fr;
        }

        #online-enq-form-wrapper .interested-details li:last-child {
            grid-column-start: span 1;
        }

        #page-CONTACT-US #online-enq-form-wrapper .contact-loc .level-3 {
            column-gap: 20px;
        }


        /* locations page - location list */
        /* location page - location detail */
        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            grid-column-start: span 2;
            border-top: 1px solid #f3ecef;
            margin-top: 10px;
            padding-top: 10px;
            min-width: 178px;
            margin-left: 0;
        }

        .location-detail-container .location-content > .opening-detail {
            min-width: 198px;
        }

        .location-list .location-content > .opening-detail {
            margin-top: 10px;
            grid-row-start: 4;
        }

            .location-detail-container .location-content > .opening-detail:before,
            .location-list .location-content > .opening-detail:before {
                margin-top: 10px;
            }

        .location-list .location-content .services-available {
            margin-top: 20px;
        }

        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 30px;
        }

        .location-list .location-content a.detailpage-link {
            grid-column-start: span 2;
            margin-top: 30px;
        }

        .location-detail-container .map-envelope map-links,
        .location-list .map-envelope map-links {
            flex-direction: column;
            align-items: start;
            right: auto;
            left: 25px;
        }

        .location-detail-container .location-content {
            grid-template-columns: 1fr auto;
        }

        .location-list .location-content a.detailpage-link {
            grid-row-start: 5;
            grid-row-end: 5;
            margin-right: auto;
            margin-left: 52px;
        }

        /*  contact us */
        #page-CONTACT-US #container-wrapper-ef {
            grid-column-gap: 30px;
            -ms-grid-columns: 1fr minmax(160px,160px);
            grid-template-columns: 1fr minmax(160px,160px);
        }

        #page-CONTACT-US #online-enq-form-wrapper {
            padding-right: 30px;
        }

            #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
                -ms-grid-columns: 1fr 2.1fr;
                grid-template-columns: 1fr 2.1fr;
            }

        /*  blog detail */
        #page-BLOG-DETAIL #container-wrapper-ef {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            margin-bottom: 0px;
        }

        .contact-us-wrapper {
            margin-top: 5px;
            margin-bottom: 50px;
        }

        /*  external link */
        ul.externallink li a.link2,
        ul.externallink li a.more {
            min-width: 68px !important;
            max-width: none !important;
            grid-column-start: span 2 !important;
            width: calc(100% - 60px - 30px) !important;
        }

        ul.externallink li a.link2 {
            margin-bottom: 0 !important;
        }

        ul.externallink li.links-2 a.link2,
        ul.externallink li.links-2 a.more {
            margin-left: 30px !important;
            margin-right: 30px !important;
            margin-top: 0 !important;
        }

        ul.externallink li.links-2 a.link2 {
            margin-top: auto !important;
        }

        /* services pages - why list */
        ul.why-list-3 {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 20px;
        }

            ul.why-list-3 li:nth-child(3) {
                border-left: none;
                grid-column-start: span 2;
            }

            ul.why-list-3 li .inner-div {
                max-width: 220px;
                padding: 75px 25px 10px;
                background-position: center top 20px !important;
            }

        /*  location page */
        .location-detail-container .location-heading .business-name2,
        .location-list .location-heading .business-name2 {
            margin-bottom: 15px;
            padding-bottom: 0;
        }

        /* get in touch - v2 */

        #contactus-wrapper .contact-us-div.v2 .contact-us-content-container {
            grid-column-gap: 20px;
        }

        #contactus-wrapper .store-contact-info .item-detail {
            font-size: 14px;
            font-size: 1.4rem;
        }
    }

    @media all and (max-width: 815px), screen and (max-device-width: 815px) and (orientation : portrait) {

        #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        /* get in touch - v2 */
        #contactus-wrapper .contact-us-div.v2 .contact-us-content-container {
            grid-template-columns: 1fr;
            padding: 20px 30px 30px;
        }

        #contactus-wrapper .content-div {
            padding-bottom: 0;
            width: 100%;
        }

        #contactus-wrapper .contact-us-div.v2 .office-content {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            grid-template-rows: auto auto auto;
            column-gap: 40px;
        }

        #contactus-wrapper .content-div .office-content > .opening-detail {
            border-top: none;
            margin-top: 0;
            padding-top: 0;
        }

        #contactus-wrapper .content-div .store-office-info {
            grid-column-start: span 2;
        }

        #contactus-wrapper .content-div .office-content > .opening-detail {
            grid-row-start: 2;
            grid-row-end: 4;
        }

        #contactus-wrapper .content-div a.detailpage-link {
            right: 2px;
            left: auto;
        }

        #contactus-wrapper .store-contact-info .item-detail {
            font-size: 15px;
            font-size: 1.5rem;
        }


        /*  homepage - team and our team page */
        div#team,
        div#our-team {
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
        }

        #team .team-item,
        #our-team .list-item {
            min-height: 38vw;
            text-align: left;
        }
    }

    @media all and (max-width: 768px), screen and (max-device-width: 768px) and (orientation : portrait) {

        /*  hide primary nav */
        #primary-nav-wrapper {
            display: none;
        }

        /* tablet - header menu */
        #primary-footer-wrapper {
            margin-right: calc(var(--padding-left-tablet) - 5px);
        }

        #primary-footer {
            padding-right: 11vw;
            column-gap: 6.5vw;
        }

            #primary-footer li.services {
                min-width: 165px;
            }

                #primary-footer li.services li a {
                    min-width: 26vw;
                }

        /* header section  */
        /*#header-content-wrapper {
display: block;
margin-right: var(--padding-right-tablet);
}
*/
        /* intranet login / header */
        #misc-cnt-2-wrapper,
        #extranet-header-nav-wrapper,
        #intranetheader-wrapper,
        #intranet-login-window-wrapper {
            margin-right: 5px;
        }


        /* Font Size Adjust */
        #blog-content-wrapper h2,
        #page-INT-RESET-PWD-C h3.standard-heading,
        #page-EXTRA-RESETPASS-C h3.standard-heading,
        #page-EXTRA-FORGOTPASS-C h3.standard-heading,
        #page-INT-FORGOTTEN-PWD-C h3.standard-heading,
        #page-ONLINE-ENQUIRY-C h3.standard-heading,
        .location-detail-container .location-heading .business-name2,
        .location-list .location-heading .business-name2,
        resourcecontent h1,
        h2,
        h3,
        .global-blog-list-heading,
        #newsletter-subs-form-wrapper form > h3.heading,
        #online-enq-form-wrapper form > h3.heading {
            font-size: 30px !important;
            font-size: 3.0rem !important;
            line-height: 36px !important;
            line-height: 3.6rem !important;
        }

        form .btn,
        input[type="button"],
        input[type="submit"],
        .button-submit {
            padding: 20px 15px;
        }

        #page-header-wrapper h3,
        #blog-content-wrapper .blog-content-title,
        form > resourcecontent > h1 {
            font-size: 32px !important;
            font-size: 3.2rem !important;
        }

        resourcecontent h2,
        resourcecontent h3,
        #blog-content-wrapper h3,
        #introduction-wrapper h4,
        #summary-wrapper h4,
        #section-a-wrapper h4,
        #section-b-wrapper h4,
        #section-c-wrapper h4,
        #section-d-wrapper h4,
        #section-e-wrapper h4 {
            font-size: 28px !important;
            font-size: 2.8rem !important;
            line-height: 36px !important;
            line-height: 3.6rem !important;
        }

        .col-2 {
            -ms-grid-columns: 1fr !important;
            grid-template-columns: 1fr !important;
            grid-row-gap: 40px;
        }

            .col-2 .text-content {
                grid-row-start: 2;
            }

            .col-2.colgap-5 {
                grid-row-gap: 5px;
            }

            .col-2.colgap-10 {
                grid-row-gap: 10px;
            }

            .col-2.colgap-100,
            .col-2.colgap-80,
            .col-2.colgap-60,
            .col-2.colgap-50 {
                grid-row-gap: 40px;
            }

        .max-width-container.nopad .col-2 .col-right:not(.text-content) {
            padding-top: 20px;
            padding-bottom: 0;
        }

        .col-2 .col-left.text-content,
        .col-2 .col-right.text-content {
            margin-left: auto;
            margin-right: auto;
        }

        .view-all-envelope.leftmargin-0 {
            margin-left: auto;
        }

        #introduction-wrapper h3,
        #summary-wrapper h3,
        #section-a-wrapper h3,
        #section-b-wrapper h3,
        #section-c-wrapper h3,
        #section-d-wrapper h3,
        #section-e-wrapper h3 {
            max-width: 100% !important;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .location-heading .business-name2 {
            font-size: 35px !important;
            font-size: 3.5rem !important;
            line-height: 40px !important;
            line-height: 4.0rem !important;
        }


        ul.blog-list .blog-list-title,
        ul.global-blog-list .global-blog-list-title {
            font-size: 22px !important;
            font-size: 2.2rem !important;
            line-height: 30px !important;
            line-height: 3.0rem !important;
        }

        #resp-blglst-wrapper ul.blog-list {
            grid-column-gap: 20px;
        }

        #resp-blglst-wrapper a.more-list-item {
            margin-top: 20px;
        }

        #resp-blglst-wrapper ul.blog-list li:first-child a:after {
            display: none;
        }

        #page-BLOG #container-f {
            padding-bottom: 0;
            padding-top: 0px;
        }

        #page-BLOG-DETAIL #container-f {
            padding-bottom: 20px;
            padding-top: 10px;
        }

        /* padding */
        #page-CONTACT-US #container-wrapper-ef,
        div#container-b-inner,
        div#container-c,
        #container-wrapper-defgh,
        #container-x,
        #container-y,
        #container-z {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }

        #container-e {
            padding-top: 15px;
        }


        /* page header */
        /*#container-b {
            background-image: url(../grfx/jpg/inset-hero-tablet.jpg);
        }*/
        div#container-b-inner {
            padding-right: var(--padding-right-tablet) !important;
            padding-top: 140px !important;
            padding-bottom: 30px;
            justify-content: center;
            min-height: auto;
        }

        #container-b-inner:after {
            right: calc(50% - 40px);
            top: 35px;
        }

        #summary-wrapper, #page-header-wrapper {
            text-align: center;
        }

        #page-HOMEPAGE div#container-b-inner {
            padding: 0 !important;
        }
        /*  bct */
        #bct-wrapper {
            text-align: center;
        }

        /*   layout for general page */
        #container-d,
        #container-wrapper-efgh {
            grid-column-start: span 2;
            padding: 0;
        }

        #general-navigation-wrapper {
            display: none !important;
        }
        /*  global faqs */
        #gbl-faq-list-wrapper,
        #faq-list-wrapper {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
            justify-items: center;
            margin-top: 50px;
        }

            #gbl-faq-list-wrapper ul,
            #faq-list-wrapper ul#faq-list {
                grid-row-start: auto;
                grid-row-end: auto;
            }

            #faq-list-wrapper ul#faq-list {
                margin-top: 0px;
            }

            #gbl-faq-list-wrapper .gbl-faq-list-summary p,
            #faq-list-wrapper .faq-list-summary p {
                max-width: none;
            }

            #gbl-faq-list-wrapper .view-all-envelope,
            #faq-list-wrapper .view-all-envelope {
                margin-top: 30px;
                justify-content: center;
            }



        /* hero div */
        div.hero {
            min-height: 200px;
        }

        div.legal {
            min-height: 150px;
        }

        .tiny-heading {
            font-size: 14px;
            font-size: 1.4rem;
        }
        /*  blog */
        div.blog {
            min-height: 130px;
        }
        /*  search */
        div.search {
            min-height: 130px;
        }

        /*  footer  */
        ul#footer-side-nav {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 25px;
        }

        #footer-side-nav-wrapper > ul > li {
            text-align: center;
        }

        #footer-side-nav-wrapper ul#footer-side-nav > li:first-child {
            grid-row: initial;
        }

        #footer-side-nav-wrapper ul#footer-side-nav > li > a {
            margin-left: 28px;
            display: inline-block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-bottom: 0;
        }

        #footer-side-nav-wrapper ul.navigation-level-1 li a {
            margin-left: 28px;
        }

        #footer-side-nav-wrapper ul.navigation-level-1 {
            align-content: center;
            align-items: center;
            row-gap: 0px;
        }

            #footer-side-nav-wrapper ul.navigation-level-1 li a {
                padding-left: 28px;
                padding-top: 5px;
                padding-bottom: 5px;
                display: inline-block;
            }

                #footer-side-nav-wrapper ul.navigation-level-1 li a:hover {
                    background-position: right 1px center;
                }

        #accreditationlogo-wrapper {
            grid-column-start: span 2;
            margin-right: auto
        }

        #social-media-footer-wrapper {
            position: relative;
            top: 0;
            right: auto;
            text-align: center;
            margin-bottom: 80px;
            margin-left: auto;
            grid-column-start: span 2;
        }

            #social-media-footer-wrapper ul li.instagram a {
                margin-left: 0 !important;
            }

        #social-media-window-wrapper {
            padding-top: 50px;
        }

        /*  footer nav */
        #container-y-inner {
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        #company-number-wrapper, #vat-reg-wrapper {
            text-align: center;
            margin: auto;
        }

            #company-number-wrapper:before, #vat-reg-wrapper:before {
                display: none;
            }

            #company-number-wrapper:before, #vat-reg-wrapper:before {
                flex-direction: column;
                align-items: center;
            }

        #container-y,
        #container-z {
            padding: 20px 20px;
        }
        /*
        #container-z {
            padding-bottom: 100px;
        }*/

        ul#footer-nav {
            flex-direction: column;
            align-items: center;
            row-gap: 0px;
        }

            ul#footer-nav li {
                padding: 0;
            }

                ul#footer-nav li:before {
                    display: none;
                }

                ul#footer-nav li a {
                    padding: 5px 0;
                }

        /*  footer maps */
        #gbl-google-maps-wrapper .mapaddressinnercontainer {
            max-width: 100%;
            width: 100%;
        }

        #gbl-google-maps-mapcontainer {
            height: 650px;
        }

        #gbl-google-maps-mapaddresscontainer {
            width: calc(100% - 50px);
            left: 25px !important;
        }

        #gbl-google-maps-wrapper map-links {
            flex-direction: row;
            column-gap: 10px;
            right: calc(50% - 191px);
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer div {
            grid-column-start: span 1;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content {
            column-gap: 50px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li {
            padding: 12px 25px;
            min-width: 88px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content,
        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .store-contact-info {
            row-gap: 25px;
        }
        /*  content - 2 cols*/
        .max-width-container {
            margin: 50px auto;
        }

            .max-width-container.reduced-margin-nobottom {
                margin-top: 50px;
            }

        .col-2 {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: auto auto;
            grid-template-rows: auto auto;
        }

            .col-2 .col-left, .col-2 .col-right {
                padding: 25px 20px;
            }

                .col-2 .col-left.image-bg, .col-2 .col-right.image-bg {
                    background-position: top center;
                    min-height: 320px;
                    padding: 0;
                    grid-row-start: 1;
                }

        #newsletter-subs-form-wrapper,
        #online-enq-form-wrapper {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        /*  blog list */
        #page-BLOG-DETAIL #container-wrapper-ef,
        #page-BLOG #container-wrapper-ef {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
        }



        /* content */
        #introduction-wrapper,
        #summary-wrapper,
        #section-a-wrapper,
        #section-b-wrapper,
        #section-c-wrapper,
        #section-d-wrapper,
        #section-e-wrapper {
            text-align: center;
        }


        /*  make everything center*/
        .left-section,
        .right-section {
            margin-left: auto;
            margin-right: auto;
        }

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

        h3 > br {
            display: none;
        }

        /* instafeed */
        /*#instafeed {
height: 25vw;
}

#instafeed a {
    display: none !important;
}

    #instafeed a:nth-child(4),
    #instafeed a:nth-child(3),
    #instafeed a:nth-child(2),
    #instafeed a:nth-child(1) {
        display: block !important;
    }*/

        /* image gallery - placeholder image */
        .main-image-wrapper.placeholder {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr 2.1fr;
            grid-template-columns: 1fr 2.1fr;
        }

        #online-enq-form-wrapper .contact-loc .level-3 {
            column-gap: 25px;
        }
        /*  hompeage  */
        /* home hero */
        .homepage-hero {
            grid-template-columns: 1fr;
            row-gap: 50px;
            width: calc(100% - 50px);
        }

        .hero-image, .home-review {
            grid-row-start: 1;
            grid-column-start: 1;
            margin-left: auto;
            margin-right: auto;
        }

        .homepage-hero .hero-image {
            min-height: 380px;
        }

        .homepage-hero .hero-section {
            /*grid-row-start: 2;*/
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 10px;
        }

        .home-review .review-container .author,
        .home-review .review-container .author-company {
            margin-right: auto;
        }

        .home-review .review-container {
            margin-left: 50px;
            margin-right: 50px;
        }

        .hero-section p.hero-summary,
        .hero-section .hero-heading {
            text-align: center;
        }

        .hero-section .hero-heading {
            max-width: 350px;
        }

        /*  homepage - resource list */

        .useful-resource-container {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }

        ul.resources-list {
            column-gap: 20px;
            row-gap: 20px;
        }

        #page-INT-RESET-PWD-C .useful-resource-container,
        #page-EXTRA-RESETPASS-C .useful-resource-container,
        #page-EXTRA-FORGOTPASS-C .useful-resource-container,
        #page-INT-FORGOTTEN-PWD-C .useful-resource-container,
        #page-ONLINE-ENQUIRY-C .useful-resource-container {
            margin-top: 0 !important;
        }
        /*  homepage - our team section */
        /*#our-team .list-item .team-name {
justify-content: center;
}*/
        /*  homepage our team */
        .our-team-envelope .team-placeholder-1 {
            min-height: 55vw;
            max-height: 55vw;
        }

        .our-team-envelope .team-placeholder-2 {
            max-height: 46vw;
            background-position: top left;
        }

        .our-team-envelope h3.standard-heading,
        .our-team-envelope .standard-summary,
        .our-team-envelope a.read-more,
        .our-team-envelope .standard-column-1 {
            max-width: calc(100% - 10vw);
        }

        /* abput us page - location tab  */
        div.tabbed-content.tabbed-content-locations .tab-locations {
            max-width: 500px !important;
            margin-right: auto;
        }

            div.tabbed-content.tabbed-content-locations .tab-locations ul.tabs {
                justify-content: center;
            }

        div.tabbed-content.tabbed-content-locations .view-all-envelope {
            justify-content: center;
            margin-left: auto;
        }

        div.tabbed-content.tabbed-content-locations .maxwidth-450 {
            margin-left: auto;
            margin-right: auto;
        }

        div.tabbed-content.tabbed-content-locations .inline-image-container {
            position: relative;
            float: none;
            max-width: 100%;
            margin-bottom: 30px;
        }

            div.tabbed-content.tabbed-content-locations .inline-image-container img {
                min-height: 375px;
                min-width: 500px;
                min-width: auto;
                width: 100%;
                height: 100%;
            }

        /*  contact us */
        #page-CONTACT-US #container-wrapper-ef {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        #page-CONTACT-US #section-a-wrapper {
            max-width: 341px;
            margin: 0 auto 30px;
            display: flex;
            flex-direction: row;
            column-gap: 75px;
            text-align: left;
        }

            #page-CONTACT-US #section-a-wrapper h3.content-heading {
                text-align: center;
                margin-top: 20px;
            }

        #page-CONTACT-US #online-enq-form-wrapper .summary,
        #page-CONTACT-US #online-enq-form-wrapper form > h3.heading {
            text-align: center;
        }

        /*  inset - content image */
        .image-bg {
            min-height: 320px;
        }

        /* content search */
        input#advanced-search-submit {
            min-width: 150px;
        }

        input#advanced-search-clear {
            right: 170px;
        }

        #advanced-search-keywords-box {
            width: calc(100% - 150px - 10px);
        }

        #advanced-search-wrapper > h3 {
            text-align: center;
        }

        /*  faqs page - faqs list */
        #page-FAQ-QUESTIONS #faq-list-wrapper ul#faq-list {
            grid-template-columns: 1fr;
            margin-top: 0;
        }

        ul.faqgroup-list {
            margin-bottom: 40px !important;
        }

        #page-FAQ-QUESTIONS #container-e {
            padding-bottom: 65px;
        }

        /*  vacancy list */
        ul.vacancy-standard li:before {
            display: none;
        }

        ul.vacancy-standard li .location,
        ul.vacancy-standard li .salary,
        ul.vacancy-standard li .duration,
        ul.vacancy-standard li .hourssummary,
        ul.vacancy-standard li .jobtype,
        ul.vacancy-standard li .name {
            width: 100%;
            padding-right: 0px;
            float: none;
            text-align: center;
        }

        ul.vacancy-standard li .summary {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            float: none;
            text-align: center;
            padding-bottom: 5px;
        }

        ul.vacancy-standard li a.more {
            position: relative;
            left: 0;
            float: none;
            bottom: 0;
            margin-top: 30px;
            max-width: 120px;
            margin-left: auto;
            margin-right: auto;
        }

        /*#page-VACANCIES #container-e {
            padding-bottom: 60px;
        }*/

        #vacancy-standard-wrapper {
            margin-bottom: 0px;
            margin-top: 0px;
        }

        /*  vacancy detail */
        .vacancy-details.desktop-only {
            display: none !important;
        }

        .vacancy-details.responsive-only {
            display: block !important;
        }

        .vacancy-details ul {
            grid-template-columns: 1fr;
        }

        .vacancy-details .salary {
            margin-top: 0;
        }

        .vacancy-details ul li.salary,
        .vacancy-details ul li.referenceno,
        .vacancy-details ul li.posteddate,
        .vacancy-details ul li.closingdate {
            margin-left: 0;
            margin-top: -1px;
        }

        .vacancy-details .summarytitle,
        .vacancy-details .jobsummary,
        .vacancy-details .referenceno,
        .vacancy-details .closingdate,
        .vacancy-details .salary,
        .vacancy-details .duration,
        .vacancy-details .location,
        .vacancy-details .hours,
        .vacancy-details .posteddate {
            justify-content: center;
        }

        #page-VACANCY .view-all-envelope {
            justify-content: center;
        }

        /*  blog page */

        #page-BLOG-DETAIL #container-wrapper-defgh,
        #page-BLOG #container-wrapper-defgh {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        #page-BLOG-DETAIL #container-d,
        #page-BLOG #container-d {
            padding-top: 10px;
            padding-bottom: 15px;
            text-align: center;
        }

        #blog-content-wrapper {
            text-align: center;
            margin-top: 0;
        }

        #page-BLOG-DETAIL .view-all-envelope {
            justify-content: center;
        }

        .contact-us-wrapper > p {
            margin-left: auto;
            margin-right: auto;
        }

        .contact-us-envelope {
            flex-direction: column;
            align-items: center;
            row-gap: 20px;
            margin-top: 30px;
        }

        .contact-callus-wrapper .contact-callus-div {
            right: calc(50% - 139px);
        }


        /* contact us */

        .contact-callus-wrapper .contact-callus-div {
            max-width: 300px;
            right: auto;
            left: calc(50% - 150px - 30px);
            top: calc(100% - 20px);
            width: calc(100% - 60px);
            align-items: center;
            padding: 15px 30px;
            row-gap: 0px;
        }

        .contact-callus-div a.contact {
            padding: 15px 0;
            justify-content: center;
            width: calc(100% - 0px);
        }

            .contact-callus-div a.contact:not(:last-child) {
                border-bottom: 1px solid rgb(255,255,255,0.2);
            }

            .contact-callus-div a.contact.loc-bromsgrove:before {
                left: calc(50% - 103px);
            }

            .contact-callus-div a.contact.loc-evesham:before {
                left: calc(50% - 95px);
            }

            .contact-callus-div a.contact.loc-pershore:before {
                left: calc(50% - 95px);
            }

            .contact-callus-div a.contact span.contact-loc {
                padding-left: 50px;
            }


        /*ul.global-blog-list li .single-wrapping,*/
        #resp-blglst-wrapper ul.blog-list li .single-wrapping {
            align-items: center;
            text-align: center;
            padding: 30px 20px;
        }

        #resp-blglst-wrapper ul.blog-list li:first-child a {
            padding: 30px 30px 40px;
            text-align: center;
        }

        /*  blog left navigation */
        .blog-category-summary {
            background-position: top 24px left calc(50% + 75px) !important;
        }

        .blog-archive-summary {
            background-position: top 24px left calc(50% + 65px) !important;
        }

        /*  close state */
        div#blog-category-wrapper.close .blog-category-summary {
            background-position: top 21px left calc(50% + 75px) !important;
        }

        div#blog-archive-wrapper.close .blog-archive-summary {
            background-position: top 21px left calc(50% + 65px) !important;
        }

        div#blog-category-selector,
        div#blog-archive-selector {
            padding-left: 15px;
            padding-right: 15px;
        }

        #blog-category-wrapper ul {
            align-items: center;
            align-content: center;
            justify-content: center;
        }

        .month-level-blog-archive {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }

        #page-TAX-RATES-AND-ALLOWANCES resourcecontent.hint-panel .panel,
        #page-STATEMENT resourcecontent.hint-panel .panel,
        #page-BUDGET resourcecontent.hint-panel .panel,
        nav .panel,
        ul.calculator-list li a {
            padding: 25px 25px 30px;
            width: calc(100% - 50px);
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            #page-TAX-RATES-AND-ALLOWANCES resourcecontent.hint-panel .panel .panel-title,
            #page-STATEMENT resourcecontent.hint-panel .panel .panel-title,
            #page-BUDGET resourcecontent.hint-panel .panel .panel-title,
            nav .panel h3.panel-title a,
            ul.calculator-list li .name,
            #page-TAX-RATES-AND-ALLOWANCES resourcecontent.hint-panel .panel .panel-body,
            #page-STATEMENT resourcecontent.hint-panel .panel .panel-body,
            #page-BUDGET resourcecontent.hint-panel .panel .panel-body,
            nav .panel .panel-body, ul.calculator-list li .summary {
                text-align: center;
            }



        /*  external link */
        ul.externallink li a.link2,
        ul.externallink li a.more {
            grid-column-start: span 1;
        }

        ul.externallink li a.link2 {
            margin-bottom: 30px;
        }

        ul.externallink li.links-2 a.link2,
        ul.externallink li.links-2 a.more {
            margin-top: auto;
        }

        ul.externallink li .name {
            background-size: auto 20vw !important;
            padding-top: 22vw;
            text-align: center;
        }

        ul.externallink li:before {
            top: 20vw;
        }

        ul.externallink li .summary {
            text-align: center;
        }

        ul.externallink li {
            justify-items: center;
        }

        /*  services pages */
        #page-SERVICE-ACCOUNTS .col-2,
        #page-SERVICE-BOOKKEEPING .col-2,
        #page-SERVICE-VAT-COMPLIANCE .col-2,
        #page-SERVICE-COMPANY-FORMATIONS .col-2,
        #page-SERVICE-CORPORATE-TAX .col-2,
        #page-SERVICE-INDIVIDUALS .col-2,
        #page-SERVICE-PAYROLL .col-2,
        #page-SERVICE-TAX-PLANNING .col-2 {
            grid-row-gap: 30px;
        }

        #our-service-wrapper ul.our-service {
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
        }

        /*  service page - logo list */
        ul.logo-list {
            justify-content: center;
            max-width: 380px;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        /* service page - why list*/
        div#why-choose-us-wrapper {
            padding-top: 50px;
            padding-bottom: 40px;
        }

        /*  service page - step */
        div.step-wrapper {
            padding-left: 0;
            padding-top: 120px;
            padding-bottom: 35px;
            background-position: center top 45px !important;
        }

        div.step-section:before,
        div.why-choose-us-section:before {
            right: -25px;
        }

        /*  service - corporate tax  - faq */
        #page-SERVICE-CORPORATE-TAX #faq-list-wrapper {
            margin-top: 0px;
        }

        #faq-list-wrapper .answer p,
        #faq-list-wrapper .question {
            padding-left: 25px;
        }

        #faq-list-wrapper .answer:before {
            width: calc(100% - 50px);
            left: 25px;
        }
        /* services pages - why list */
        ul.why-list-3 {
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
        }

            ul.why-list-3 li:nth-child(3) {
                border-left: 1px solid #72294a;
                grid-column-start: span 1;
            }

        /*  our locations */
        .location-detail-container .map-envelope,
        .location-list .map-envelope {
            min-height: 320px;
        }

            .location-detail-container .map-envelope map-links,
            .location-list .map-envelope map-links {
                flex-direction: row;
                left: calc(50% - 192px);
            }

        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            grid-column-start: span 1;
        }

        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            grid-row-start: span 2;
            border-top: none;
            margin-top: 0px;
            padding-top: 0px;
            min-width: 135px;
        }

            .location-detail-container .location-content > .opening-detail:before,
            .location-list .location-content > .opening-detail:before {
                margin-top: 0px;
            }

        .location-list .location-content .services-available {
            grid-column-start: span 4;
            text-align: center;
            width: 100%;
        }

            .location-list .location-content .services-available ul {
                justify-content: center;
            }

        .location-list .location-content a.detailpage-link {
            grid-column-start: span 4;
            margin-left: auto;
            margin-right: auto;
        }

        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 10px;
        }

        .location-list .location-content > .store-detail-info {
            grid-column-start: span 3;
        }

        .location-list .location-content > .opening-detail {
            grid-row-start: 2;
            grid-row-end: 4;
            grid-column-start: 3;
        }

        .location-list .location-content a.detailpage-link {
            margin-right: 0;
            grid-column-start: 3;
            grid-row-start: 3;
            grid-row-end: 3;
            margin-top: auto;
        }

        /*  location - other detail */
        .other-content .other-info .detail {
            padding-top: 45px;
            padding-left: 0;
        }

            .other-content .other-info .detail:before {
                left: calc(50% - 16px);
            }

        /*  resource - forms */
        #page-COMPANIES-HOUSE-FORMS dl dt a,
        #page-HMRC-FORMS dl dt a, #page-ACCOUNTING_LINKS dl dt a {
            font-size: 20px;
            font-size: 2.0rem;
        }

        /*  contact us */
        #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr 2.1fr;
            grid-template-columns: 1fr 2.1fr;
        }

        /*  homepage services */
        #page-HOMEPAGE #service-wrapper {
            max-width: 680px;
        }

            #page-HOMEPAGE #service-wrapper ul.service {
                -ms-grid-columns: 1fr 1fr 1fr !important;
                grid-template-columns: 1fr 1fr 1fr !important;
            }


        /*  staff - main image  */
        .image-bg.hero-main.single-image.staff-img {
            min-height: 440px;
            max-width: 360px;
            margin-left: auto;
            margin-right: auto;
        }

        .office-contact-info > div {
            padding-left: 0;
        }

        .office-contact-info {
            margin-top: 5px;
        }

        .view-all-envelope.toppad-50 {
            margin-top: 35px;
        }
        /*  footer contact */
        .footer-contact-container .tab-content {
            padding-left: 40px;
            padding-right: 40px;
            column-gap: 10vw;
        }
        /*  homepage - hero */
        #page-HOMEPAGE #body-wrapper {
            background-size: 2300px auto !important;
            background-position: top -11vw left -280px !important;
        }


        /*  timeline */
        .timeline_item {
            width: 100%;
            grid-template-columns: 60px 1fr;
        }

        .timeline_left {
            text-align: left;
            grid-area: 1 / 2 / 2 / 3;
        }

        .timeline_date-text {
            margin-bottom: 25px;
        }

        .timeline_centre {
            justify-content: flex-start;
            grid-area: 1 / 1 / 3 / 2;
            margin-left: 10px;
        }

        .timeline_right {
            grid-area: span 1 / span 1 / span 1 / span 1;
        }

        .margin-bottom-xlarge {
            margin-bottom: 40px;
            text-align: left;
        }

        .timeline_text {
            font-size: 21px;
            font-size: 2.1rem;
            line-height: 28px;
            line-height: 2.8rem;
            text-align: left;
        }

        .timeline_progress {
            left: 16px;
        }

        .padding-vertical-xlarge {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .timeline_image-wrapper {
            margin-right: 6px;
        }

        .timeline-footer .padding-vertical-xlarge {
            padding-top: 30px;
            padding-bottom: 50px;
        }

        .timeline-footer .timeline_text {
            text-align: center;
        }

        .timeline_right, .timeline_left {
            text-align: left;
        }

        .timeline_image-wrapper.smaller-img {
            margin-left: 0;
        }

        /*  login */

        #page-PORTALS #iris-login-form-wrapper h3.heading {
            margin-bottom: 15px !important;
            font-size: 35px !important;
            font-size: 3.5rem !important;
            line-height: 35px !important;
            line-height: 3.5rem !important;
        }
            #page-PORTALS #iris-login-form-wrapper h3.heading .smaller {
                font-size: 25px !important;
                font-size: 2.5rem !important;
                line-height: 25px !important;
                line-height: 2.5rem !important;
            }

            #page-INTRANET-LOGIN form h3 {
                margin-bottom: 15px !important;
                font-size: 40px !important;
                font-size: 4.0rem !important;
                line-height: 40px !important;
                line-height: 4.0rem !important;
            }

        #page-PORTALS #iris-login-form-wrapper,
        #page-INTRANET-LOGIN #intranet-login-form-wrapper {
            padding: 25px 40px 45px;
        }

        #page-PORTALS div#container-e,
        #page-INTRANET-LOGIN div#container-e {
            padding: 30px 0;
        }

        #page-PORTALS div#container-wrapper-defgh,
        #page-INTRANET-LOGIN div#container-wrapper-defgh {
            background-position: center left calc(50% + 50px);
        }


        /* homepage -  testimonials */
        #page-HOMEPAGE #tlc-wrapper {
            padding-top: 30px;
            padding-bottom: 60px;
        }

        /*  testimonial  */
        #author-detail-wrapper {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 35px;
        }
        #author-detail-wrapper span.company,
        #author-detail-wrapper span.author {
            text-align: center;
        }
        #page-TESTIMONIAL .view-all-envelope {
            justify-content: center;
        }
    }

    @media all and (max-width: 740px), screen and (max-device-width: 740px) and (orientation : portrait) {

        /*  services pages */
        #our-service-wrapper ul.our-service {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        /*  service pages - why list */
        ul.why-list {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

        /* services pages - why list */
        ul.why-list-3 {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 20px;
        }

            ul.why-list-3 li:nth-child(3) {
                border-left: none;
                grid-column-start: span 2;
            }

            ul.why-list-3 li .inner-div {
                max-width: 220px;
                padding: 75px 25px 10px;
                background-position: center top 20px !important;
            }

        /*  footer contact */
        .footer-contact-container .tab-content {
            padding-left: 35px;
            padding-right: 35px;
            column-gap: 3vw;
        }

        /* resource list - bg */
        .useful-resource-bg,
        #tlc-wrapper {
            background-position: bottom left -70px !important;
        }
    }

    @media all and (max-width: 640px), screen and (max-device-width: 640px) and (orientation : portrait) {
        /*  footer sticky nav */

        #container-z {
            padding-bottom: 80px;
        }

        body.initialise .footer-sticky-nav {
            display: block;
            left: -110vw;
        }

        body.micro .footer-sticky-nav {
            display: block;
            left: 0;
        }

        /*  mobile - burger menu */
        #primary-footer-wrapper {
            display: none !important;
        }

        #header-content-wrapper {
            display: block;
            margin-right: var(--padding-right-tablet);
        }

        body,
        body-fixed,
        body.burger-menu {
            margin-left: 0 !important;
        }

        #page-SERVICES #container-a,
        #page-SERVICE-ACCOUNTS #container-a,
        #page-SERVICE-BOOKKEEPING #container-a,
        #page-SERVICE-VAT-COMPLIANCE #container-a,
        #page-SERVICE-COMPANY-FORMATIONS #container-a,
        #page-SERVICE-CORPORATE-TAX #container-a,
        #page-SERVICE-INDIVIDUALS #container-a,
        #page-SERVICE-PAYROLL #container-a,
        #page-SERVICE-TAX-PLANNING #container-a {
            /*top: -118px;*/
            top: 0;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
        }

        body.initialise #page-SERVICES #container-a,
        body.initialise #page-SERVICE-ACCOUNTS #container-a,
        body.initialise #page-SERVICE-BOOKKEEPING #container-a,
        body.initialise #page-SERVICE-VAT-COMPLIANCE #container-a,
        body.initialise #page-SERVICE-COMPANY-FORMATIONS #container-a,
        body.initialise #page-SERVICE-CORPORATE-TAX #container-a,
        body.initialise #page-SERVICE-INDIVIDUALS #container-a,
        body.initialise #page-SERVICE-PAYROLL #container-a,
        body.initialise #page-SERVICE-TAX-PLANNING #container-a {
            top: -118px;
        }

        body.micro #page-SERVICES #container-a,
        body.micro #page-SERVICE-ACCOUNTS #container-a,
        body.micro #page-SERVICE-BOOKKEEPING #container-a,
        body.micro #page-SERVICE-VAT-COMPLIANCE #container-a,
        body.micro #page-SERVICE-COMPANY-FORMATIONS #container-a,
        body.micro #page-SERVICE-CORPORATE-TAX #container-a,
        body.micro #page-SERVICE-INDIVIDUALS #container-a,
        body.micro #page-SERVICE-PAYROLL #container-a,
        body.micro #page-SERVICE-TAX-PLANNING #container-a {
            top: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #page-SERVICES #container-wrapper-defgh,
        #page-SERVICE-ACCOUNTSS #container-wrapper-defgh,
        #page-SERVICE-BOOKKEEPING #container-wrapper-defgh,
        #page-SERVICE-VAT-COMPLIANCE #container-wrapper-defgh,
        #page-SERVICE-COMPANY-FORMATIONS #container-wrapper-defgh,
        #page-SERVICE-CORPORATE-TAX #container-wrapper-defgh,
        #page-SERVICE-INDIVIDUALS #container-wrapper-defgh,
        #page-SERVICE-PAYROLL #container-wrapper-defgh,
        #page-SERVICE-TAX-PLANNING #container-wrapper-defgh,
        #page-SERVICES #container-wrapper-cdefgh,
        #page-SERVICE-ACCOUNTS #container-wrapper-cdefgh,
        #page-SERVICE-BOOKKEEPING #container-wrapper-cdefgh,
        #page-SERVICE-VAT-COMPLIANCE #container-wrapper-cdefgh,
        #page-SERVICE-COMPANY-FORMATIONS #container-wrapper-cdefgh,
        #page-SERVICE-CORPORATE-TAX #container-wrapper-cdefgh,
        #page-SERVICE-INDIVIDUALS #container-wrapper-cdefgh,
        #page-SERVICE-PAYROLL #container-wrapper-cdefgh,
        #page-SERVICE-TAX-PLANNING #container-wrapper-cdefgh,
        #page-SERVICES #body-wrapper,
        #page-SERVICE-ACCOUNTS #body-wrapper,
        #page-SERVICE-BOOKKEEPING #body-wrapper,
        #page-SERVICE-VAT-COMPLIANCE #body-wrapper,
        #page-SERVICE-COMPANY-FORMATIONS #body-wrapper,
        #page-SERVICE-CORPORATE-TAX #body-wrapper,
        #page-SERVICE-INDIVIDUALS #body-wrapper,
        #page-SERVICE-PAYROLL #body-wrapper,
        #page-SERVICE-TAX-PLANNING #body-wrapper,
        #page-SERVICES #site-wrapper,
        #page-SERVICE-ACCOUNTS #site-wrapper,
        #page-SERVICE-BOOKKEEPING #site-wrapper,
        #page-SERVICE-VAT-COMPLIANCE #site-wrapper,
        #page-SERVICE-COMPANY-FORMATIONS #site-wrapper,
        #page-SERVICE-CORPORATE-TAX #site-wrapper,
        #page-SERVICE-INDIVIDUALS #site-wrapper,
        #page-SERVICE-PAYROLL #site-wrapper,
        #page-SERVICE-TAX-PLANNING #site-wrapper {
            overflow: hidden;
        }

        body.initialise #container-a {
            /*display: none;*/
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            top: -118px;
        }

        body.micro #container-a {
            top: 0;
        }
        /*body.initialise #header-content-wrapper,
body.initialise #primary-footer-wrapper {
display: none;
}*/
        /*  header layout */
        #container-a-inner {
            -ms-grid-columns: auto auto;
            grid-template-columns: auto auto;
            grid-template-rows: auto auto;
            justify-content: space-between;
        }

            #container-a-inner:after,
            #container-a-inner:before {
                content: "";
                display: block;
                width: 100vw;
                height: 1px;
                background-color: #eaeaea;
                position: absolute;
                left: 0;
            }

            #container-a-inner:before {
                top: 44px;
                z-index: 99999;
            }

            #container-a-inner:after {
                bottom: 0;
            }

        #container-b {
            /*margin-top: 119px;*/
        }

            #container-b:before {
                height: 119px;
            }

        #page-HOMEPAGE #container-b {
            /*margin-top: 135px;*/
        }

            #page-HOMEPAGE #container-b:before {
                height: 118px;
            }


        #calltoaction-wrapper {
            display: none;
        }

        #header-content-wrapper,
        #website-search-wrapper {
            grid-row-start: 1;
        }

        #misc-cnt-2-wrapper,
        #extranet-header-nav-wrapper,
        #intranetheader-wrapper,
        #intranet-login-window-wrapper,
        #website-logo-wrapper {
            grid-row-start: 2;
        }

        #website-logo-wrapper,
        #website-search-wrapper {
            grid-column-start: 1;
            grid-column-end: 2;
            margin-right: auto;
            margin-left: calc(var(--padding-left-tablet) - 5px);
        }

        #misc-cnt-2-wrapper,
        #extranet-header-nav-wrapper,
        #intranetheader-wrapper,
        #intranet-login-window-wrapper,
        #header-content-wrapper {
            position: static;
            grid-column-start: 2;
            grid-column-end: 3;
            margin-left: auto;
            margin-right: calc(var(--padding-right-tablet) - 10px);
            padding-top: 1px;
            padding-bottom: 1px;
        }

        #extranet-header-nav-wrapper,
        #intranetheader-wrapper {
            width: 36px;
        }

            #intranetheader-wrapper .intranet-selector {
                margin: 0;
            }

        #header-content-wrapper {
            margin-right: calc(var(--padding-right-tablet) - 15px);
        }

        /*  website logo */
        #website-logo-wrapper {
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: calc(var(--padding-left-tablet) - 10px);
        }

            #website-logo-wrapper a {
                width: 159px;
                height: 60px;
            }
        /* header - search */
        #website-search-wrapper {
            justify-content: flex-start;
            grid-column-end: 3;
            width: calc(100vw - 80px);
            margin-right: 0;
            background-color: var(--text-white);
        }

            #website-search-wrapper input[type=text] {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                width: calc(100vw - 150px);
                background-position: center left !important;
                text-indent: 0;
                padding-left: 20px !important;
            }

                #website-search-wrapper input[type=text].loading {
                    background-position: center left, right 10px center !important;
                }


        .contentsearchresultenvelope:before {
            display: none;
        }

        #website-search-wrapper > form {
            position: static;
        }

        #website-search-wrapper.active {
            grid-column-end: 3;
            /*width: calc(100vw - 40px);*/
        }

            #website-search-wrapper.active .contentsearchresultenvelope {
                width: calc(100%) !important;
                top: 43px;
                left: 0;
                border-radius: 0;
                -webkit-box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
                -moz-box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
                box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
            }
            /*#website-search-wrapper input[type=text] {
            font-size: 16px;
            font-size: 1.6rem;
        }*/

            #website-search-wrapper.active input[type=text] {
                width: calc(100vw - 110px);
            }

            #website-search-wrapper.active .clear-button {
                display: block;
            }

        /*  search result padding */
        .contentsearchresultenvelope .search-result-heading {
            margin-left: 20px;
            margin-right: 20px;
        }

        .contentsearchresultenvelope .content-result-link {
            padding-left: 20px;
            padding-right: 20px;
            width: calc(100% - 40px);
        }
        /*  header burger menu  */
        #header-content-wrapper a.open {
            height: 40px;
            width: 40px;
            background-size: 22px;
        }
        /*  intranet login */
        h3.intranet-login-window-heading {
            width: 28px;
            height: 28px;
            background-size: 16px !important;
        }

        #extranet-header-nav-wrapper .user-icon img,
        #intranetheader-wrapper .user-image-thumbnail:NOT(.no-image) img,
        #extranet-header-nav-wrapper .user-icon,
        #intranetheader-wrapper .intranet-selector .user-image-thumbnail.no-image {
            width: 28px;
            height: 28px;
        }

        #intranetheader-wrapper .intranet-selector .user-image-thumbnail:NOT(.no-image) {
            width: 34px;
            margin-top: 3px;
        }

        #extranet-header-nav-wrapper.active .user-icon,
        #extranet-header-nav-wrapper .user-icon,
        #intranetheader-wrapper.active .intranet-selector .user-image-thumbnail.no-image,
        #intranetheader-wrapper .intranet-selector .user-image-thumbnail.no-image,
        #intranet-login-window-form-wrapper.active h3.intranet-login-window-heading {
            background-size: 16px !important;
        }

        /* header intranet login */
        #intranet-login-window-summary-wrapper {
            width: calc(100% - 30px);
            left: 0;
            right: 0;
            margin-top: 19px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            padding-left: var(--padding-left-mobile);
            padding-right: var(--padding-right-mobile);
        }

        #intranet-login-window-wrapper ul.int-ext-tabs {
            column-gap: 5px;
        }

        div.login-panel,
        .intranet-extranet-tabs-envelope {
            max-width: 248px;
            margin-left: auto;
            margin-right: auto;
        }

        /*  intranet header*/
        ul#extranet-header-nav-extranetnav,
        ul#intranetheader {
            top: 98px;
            width: calc(100% - 40px);
            left: 0;
            right: 0;
            margin-top: 19px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            padding-left: 20px;
            padding-right: 20px;
        }

        /*  extranet header - user image */
        #extranet-header-nav-wrapper .user-icon img {
            width: 28px;
            height: 28px;
            right: 15px;
            bottom: 22px;
            top: auto;
        }

        /*  footer maps */
        #gbl-google-maps-mapcontainer {
            height: 720px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content,
        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .store-contact-info {
            row-gap: 15px;
            column-gap: 35px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer div {
            grid-column-start: span 2;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li {
            min-width: 75px;
            padding: 12px 22px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .location-heading .business-name2 {
            font-size: 32px !important;
            font-size: 3.2rem !important;
            line-height: 37px !important;
            line-height: 3.7rem !important;
        }

        /*  external link */
        ul.externallink li a.link2,
        ul.externallink li a.more {
            min-width: 68px !important;
            max-width: none;
            grid-column-start: span 2;
        }

        ul.externallink li a.link2 {
            margin-bottom: 0;
        }

        ul.externallink li.links-2 a.link2,
        ul.externallink li.links-2 a.more {
            margin-left: 30px !important;
            margin-right: 30px !important;
            margin-top: 0;
        }

        ul.externallink li.links-2 a.link2 {
            margin-top: auto;
        }

        /*  inset - content image */
        .image-bg {
            min-height: 320px;
        }

            /*  services pages  - hero */
            .image-bg.hero-main {
                min-height: 280px;
            }
                /*  services pages  - hero - single image */
                .image-bg.hero-main.single-image {
                    min-height: 320px;
                }

            /*  service page - content images */
            .image-bg.content-main.single-image.maxheight-360,
            .image-bg.content-main.single-image {
                min-height: 320px;
                max-height: 320px;
            }

        /* OUR TEAM */
        /*div#team, div#our-team {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }*/

        #team .team-item,
        #our-team .list-item {
            min-height: 42vw;
        }

        /* #team .team-item:nth-child(1),
            #our-team .list-item:nth-child(1) {
                min-height: 100vw;
            }*/

        /*  resource list */
        ul.resources-list {
            grid-template-columns: 1fr 1fr;
        }

        /*  footer form - check box styling */
        #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        #page-CONTACT-US #online-enq-form-wrapper .contact-loc .level-3 {
            column-gap: 15px;
        }

        /*  contact us */
        #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        /*  footer contact */
        .footer-contact-container .tab-content {
            grid-template-columns: 1fr 1.2fr;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 22px;
            padding-bottom: 30px;
            column-gap: 3vw;
        }

            .footer-contact-container .tab-content .contact-item-email,
            .footer-contact-container .tab-content .contact-item-tel,
            .footer-contact-container .tab-content .store-address {
                padding-left: 45px;
            }

        /*  homepage - hero */
        #page-HOMEPAGE #body-wrapper {
            background: none !important;
            background-image: none !important;
        }

        #page-HOMEPAGE #container-a {
            background-color: var(--text-white);
        }

        /* resource list - bg */
        .our-team-wrapper,
        .useful-resource-bg,
        #tlc-wrapper {
            background: none !important;
            background-image: none !important;
        }

        /*  homepage testimonial */
        #page-HOMEPAGE #tlc-wrapper li .single-wrapping {
            min-height: 180px;
        }

        /*  testimonial */
        #page-TESTIMONIALS ul#tlc-list-0 {
            grid-template-columns: 1fr;
        }

        #page-TESTIMONIALS #tlc-wrapper li .single-wrapping {
            min-height: auto;
        }
    }

    @media all and (max-width: 568px), screen and (max-device-width: 568px) and (orientation : portrait) {

        /* Font Size Adjust */
        .timeline_date-text,
        #blog-content-wrapper h2,
        #page-INT-RESET-PWD-C h3.standard-heading,
        #page-EXTRA-RESETPASS-C h3.standard-heading,
        #page-EXTRA-FORGOTPASS-C h3.standard-heading,
        #page-INT-FORGOTTEN-PWD-C h3.standard-heading,
        #page-ONLINE-ENQUIRY-C h3.standard-heading,
        .location-detail-container .location-heading .business-name2,
        .location-list .location-heading .business-name2,
        h2,
        h3,
        .global-blog-list-heading,
        #newsletter-subs-form-wrapper form > h3.heading,
        #online-enq-form-wrapper form > h3.heading {
            font-size: 28px !important;
            font-size: 2.8rem !important;
            line-height: 34px !important;
            line-height: 3.4rem !important;
            margin-bottom: 20px !important;
            /*font-weight: 200 !important;*/
        }

        #page-header-wrapper h3,
        #blog-content-wrapper .blog-content-title,
        form > resourcecontent > h1 {
            font-size: 30px !important;
            font-size: 3.0rem !important;
        }

        resourcecontent h2,
        resourcecontent h3,
        #blog-content-wrapper h3,
        #introduction-wrapper h4,
        #summary-wrapper h4,
        #section-a-wrapper h4,
        #section-b-wrapper h4,
        #section-c-wrapper h4,
        #section-d-wrapper h4,
        #section-e-wrapper h4 {
            font-size: 26px !important;
            font-size: 2.6rem !important;
            line-height: 32px !important;
            line-height: 3.2rem !important;
        }

        resourcecontent h4, h5 {
            font-size: 22px !important;
            font-size: 2.2rem !important;
            line-height: 28px !important;
            line-height: 2.8rem !important;
        }

        .global-blog-list-heading {
            padding: 0 20px;
            text-align: center;
        }

        ul.blog-list .blog-list-title,
        ul.global-blog-list .global-blog-list-title {
            font-size: 22px !important;
            font-size: 2.2rem !important;
            line-height: 28px !important;
            line-height: 2.8rem !important;
        }

        .col-2.colgap-100, .col-2.colgap-80, .col-2.colgap-60, .col-2.colgap-50 {
            grid-row-gap: 35px;
        }

        /*#website-logo-wrapper a {
position: absolute;
top: 0;
left: 70px;
z-index: 1000;
margin: 0 !important;
background-size: contain;
width: 80px;
height: 60px;
}*/

        /*#container-wrapper-cd,
#container-wrapper-cdefgh {
padding-top: 60px;
}*/

        #container-f {
            padding-bottom: 20px;
            padding-top: 10px;
        }

        #page-DIVISION-OVERVIEW #container-f {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        /* legal pages  */
        div.legal-content ol ol.lower-alpha-list,
        div.legal-header-content ol ol.lower-alpha-list {
            margin-left: 0 !important;
        }

        div.legal-content ol li,
        div.legal-content ul li,
        div.legal-header-content ol li,
        div.legal-header-content ul li {
            margin-left: 20px !important;
            padding-left: 8px !important;
            text-align: left;
        }


        /* Footer */

        #social-network-footer-wrapper {
            margin-top: 0;
            text-align: center;
        }

        ul#footer-side-nav {
            flex-direction: column;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 10px;
        }

        #footer-side-nav-wrapper > ul > li {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        #footer-side-nav-wrapper ul#footer-side-nav > li > a {
            margin-left: 0;
            font-size: 15px;
            font-size: 1.5rem;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        #footer-side-nav-wrapper ul.navigation-level-1 li a {
            padding-left: 0;
            font-size: 15px;
            font-size: 1.5rem;
            padding-top: 7px;
            padding-bottom: 7px;
        }

        ul#footer-nav li a {
            font-size: 15px;
            font-size: 1.5rem;
            padding-top: 7px;
            padding-bottom: 7px;
        }


        #container-x {
            padding-left: var(--padding-left-mobile);
            padding-right: var(--padding-right-mobile);
        }

        #container-x-inner {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 10px;
            grid-column-gap: 0px;
        }

        #container-y {
            text-align: center;
        }

        /* page header */
        div#container-b-inner {
            padding-top: 130px !important;
            padding-bottom: 25px;
        }

        #container-b-inner:after {
            top: 30px;
        }

        /* bct title */
        #container-c {
            padding: 0;
        }

        #bct-wrapper {
            display: none;
        }

        #container-wrapper-defgh {
            padding-top: 15px;
        }
        /*  footer section */
        #social-media-footer-wrapper {
            margin-top: 40px;
        }

        #accreditationlogo-wrapper {
            margin-top: 40px;
        }

        #container-z {
            text-align: center;
        }

        /* Default Table */

        table td,
        table th {
            padding: 5px;
            /*font-size: 10px;
font-size: 1.0rem;*/
        }

        div.legal-content table td,
        div.legal-content table th {
            padding: 8px 10px;
            font-size: 13px;
            font-size: 1.3rem;
        }

        div.legal-content table .heading-row th {
            padding: 12px 10px;
        }

        div.legal-content td.th-header {
            font-size: 12px;
            font-size: 1.2rem;
        }

            div.legal-content td.th-header.longtext {
                word-break: break-all;
            }

        div.legal-content td.content p,
        div.legal-content tr.heading-row .th-header {
            font-size: 13px !important;
            font-size: 1.3rem !important;
        }

        /* Form */
        input[type="button"],
        input[type="submit"],
        .button-submit {
            padding: 0 10px 0 10px;
            height: 60px;
        }

        /*form li {
padding-bottom: 15px;
}*/

        /*  blog  */
        /*#page-BLOG-DETAIL #container-wrapper-efg,
#page-BLOG #container-wrapper-efg {
margin: 30px auto 0;
}*/

        /* #page-BLOG-DETAIL #container-e {
display: none !important;
}
*/
        #blog-content-wrapper {
            margin-bottom: 0px;
            text-align: center;
        }

        #page-BLOG-DETAIL #container-wrapper-defgh {
            padding-bottom: 10px;
        }

        #page-BLOG-DETAIL #container-f {
            padding-bottom: 0px;
            padding-top: 0px;
        }

        /*ul.blog-list li a .thumbnail,
ul.global-blog-list li a .homepage,
ul.global-blog-list li a .thumbnail {
padding-bottom: 20px;
}*/
        /*ul.blog-list li,*/
        ul.global-blog-list li {
            margin-top: 10px;
        }

        ul.blog-list li,
        ul.blog-list li:first-child {
            grid-column: 1;
            text-align: center;
            padding-bottom: 22px;
        }

        ul.blog-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

            ul.blog-list li .more {
                margin-left: 0 !important;
            }

            ul.blog-list .blog-list-title {
                margin-top: 5px;
                margin-bottom: 10px !important;
            }

        #resp-blglst-wrapper ul.blog-list li:first-child a {
            padding: 30px 20px;
        }

        ul.blog-list li:first-child a .more {
            padding: 0px 25px;
            height: 45px;
            line-height: 45px;
        }
        /* blog category */
        #blog-category-wrapper {
            text-align: center;
        }

        #blog-archive-wrapper .item-month a {
            padding-left: 17px;
            padding-right: 17px;
        }

        .blog-category-heading, .blog-archive-heading {
            margin-bottom: 0 !important;
        }


        /* Catalogue Range */
        #view-selection {
            right: 10px;
        }

        /* Groups */

        ul.headline-news-standard li,
        ul.headline-news-archive li {
            width: 100%;
            margin-right: 0;
        }

        /* Pager */

        .pager-bottom .paginginfo {
            display: block;
        }

        .pager-top .paginginfo {
            display: block;
        }

        .pager-top {
            display: block;
            text-align: left;
            /*margin: 12px 20px 0 20px;*/
            margin-top: 12px;
            height: 30px;
            width: calc(100% - 120px);
        }

        .pager a,
        .pager span {
            display: none;
        }

        .page-first,
        .page-last,
        .page-previous,
        .page-next {
            display: block !important;
        }


        #author-wrapper {
            float: none;
            text-align: center;
            margin-top: 20px;
        }

        /*  homepage - logo list */
        ul.general-list.logo-text-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        /*  homepage - ecorider */
        ul.general-list.ecorider-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        ul.general-list li:not(:first-child) {
            border-top: 1px solid #e0e1e0;
        }

        /*  content - 2 cols*/
        .max-width-container {
            margin: 35px auto;
            padding-left: var(--padding-left-mobile);
            padding-right: var(--padding-right-mobile);
        }

            .max-width-container.reduced-margin-nobottom {
                margin-top: 30px;
            }

        #faq-list-wrapper > ul {
            margin-top: 30px;
        }

        .col-2 .col-left, .col-2 .col-right {
            padding: 30px 20px;
        }

            .col-2 .col-left.image-bg, .col-2 .col-right.image-bg {
                min-height: 240px;
            }

        a.read-more {
            padding: 15px 30px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: normal;
            height: auto;
        }

        #newsletter-subs-form-wrapper,
        #online-enq-form-wrapper {
            padding-top: 40px;
            /*padding-bottom: 30px;*/
        }

        /* footer blog */

        #global-blog-list-column-1 .slick-dotted.slick-slider {
            margin: auto 0;
        }

        ul.blog-list li .blog-category,
        ul.blog-list .blog-list-title,
        ul.blog-list li span.posteddate,
        ul.blog-list p,
        ul.global-blog-list li .blog-category,
        ul.global-blog-list .global-blog-list-title,
        ul.global-blog-list li span.posted,
        ul.global-blog-list p {
            /*padding-left: 0;
padding-right: 0;*/
            text-align: center;
        }

        ul.global-blog-list li .single-wrapping {
            align-items: center;
        }

        ul.global-blog-list li .more {
            padding-left: 0;
            /*padding-right: 0;*/
            text-align: center;
        }


        #global-blog-list-wrapper {
            padding-top: 30px;
            padding-bottom: 50px;
        }

            #global-blog-list-wrapper ul.global-blog-list li {
                max-width: 100%;
            }

            #page-HOMEPAGE #tlc-wrapper .tlc-summary,
            #global-blog-list-wrapper .global-blog-list-summary {
                margin-bottom: 0;
            }

        #page-HOMEPAGE #tlc-wrapper .tlc-heading {
            padding-bottom: 0;
            margin-bottom: 25px !important;
        }

        #page-HOMEPAGE #tlc-wrapper li {
            margin-top: 10px;
        }
        /*  blog intro */
        div.blog .max-width-container {
            margin-top: 30px;
        }

        /*  search intro */
        div.search .max-width-container {
            margin-top: 30px;
        }

        /* legal pages */
        div.legal-header-content {
            /*margin-top: 20px;*/
        }

        div.legal-content.last-content {
            margin-bottom: 0px;
        }

        div.legal .max-width-container {
            margin-top: 30px;
        }

        .tiny-heading {
            font-size: 12px;
            font-size: 1.2rem;
        }

            .tiny-heading.text-left.bottom-pad-20px {
                margin-bottom: 10px;
            }


        /* instafeed */
        /* #instafeed {
height: 50vw;
}

#instafeed a {
    display: none !important;
}

    #instafeed a:nth-child(2),
    #instafeed a:nth-child(1) {
        display: block !important;
        width: calc((50%) - 10px) !important;
        height: calc(50vw - 10px) !important;
    }*/

        /* blog */
        #page-BLOG #container-wrapper-defgh {
            padding-bottom: 30px;
        }

        #page-BLOG-DETAIL #container-d,
        #page-BLOG #container-d {
            padding-top: 30px;
        }
        /*  footer maps */
        #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li {
            min-width: 65px;
            padding: 12px 20px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content {
            padding-left: 20px;
            padding-right: 20px;
        }

            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .contact-item-email,
            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .contact-item-tel,
            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .store-address {
                padding-left: 45px;
            }
        /*  footer form */
        /* #online-enq-form-wrapper .interested-details .checkbox-options {
-ms-grid-columns: 1fr 1.8fr;
grid-template-columns: 1fr 1.8fr;
}*/
        form li.contact-name,
        form li.contact-tel,
        form li.contact-email,
        form li.contact-mobile,
        form li.business-number,
        form li.business-no {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
        }

        /*  homepage */
        /*  homepage - hero */
        .homepage-hero .hero-image {
            min-height: 320px;
            background-image: url(../grfx/homepage/hero-mob.jpg)
        }

        .home-review .review-container {
            margin-left: 25px;
            margin-right: 25px;
            padding: 25px;
        }

        /*  homepage - resource list */
        ul.resources-list {
            grid-template-columns: 1fr 1fr;
        }
        /* homepage service list */
        #page-HOMEPAGE #service-wrapper ul.service {
            -ms-grid-columns: 1fr 1fr !important;
            grid-template-columns: 1fr 1fr !important;
        }

        #page-HOMEPAGE #service-wrapper {
            max-width: 420px;
            padding-bottom: 130px;
        }

            #page-HOMEPAGE #service-wrapper .get-in-touch-envelope {
                bottom: 50px;
            }

            #page-HOMEPAGE #service-wrapper ul.service li a {
                padding: 120px 20px 25px;
                background-position: center top 50px !important;
            }

                #page-HOMEPAGE #service-wrapper ul.service li a:hover {
                    padding-top: 130px;
                    padding-bottom: 35px;
                    background-position: center top 60px, center !important;
                }
        /*  homepage our team */
        div#team, div#our-team {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

        #team .team-item,
        #our-team .list-item {
            min-height: 55vw;
            min-width: 132px;
        }


        /*  footer form */

        #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        #online-enq-form-wrapper .contact-loc .level-3 {
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 10px;
            justify-items: start;
            align-content: flex-start;
            align-items: center;
        }

        /*  contact us page */
        #page-CONTACT-US #online-enq-form-wrapper .interested-details .checkbox-options {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        /*  content search */

        #advanced-search-wrapper form {
            flex-direction: column;
            row-gap: 10px;
        }

        #advanced-search-keywords-box {
            width: 100%;
        }

        input#advanced-search-submit {
            min-width: 100%;
            margin-left: 0;
        }

        input#advanced-search-clear {
            right: 8px;
        }

        /* resource pages */
        #page-TAX-RATES-AND-ALLOWANCES resourcecontent.hint-panel .panel,
        #page-STATEMENT resourcecontent.hint-panel .panel,
        #page-BUDGET resourcecontent.hint-panel .panel,
        nav .panel,
        ul.calculator-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            row-gap: 10px;
        }

        #page-FUEL-COST #output-area .results ul,
        #page-STAMP-DUTY #output-area .results ul,
        #page-SAVINGS #output-area .results ul,
        #page-MORTGAGE-REPAYMENTS #output-area .results ul,
        #page-APR #output-area .results ul,
        #page-STARTUP #output-area .results ul,
        #page-MORE-PROFIT #output-area .results ul,
        resourcecontent.hint-panel nav,
        #service-wrapper ul.service,
        #resources-wrapper ul.resources,
        #page-SAVINGS #savingscalculator1,
        .form-assets,
        .form-liabilities,
        .form-liabilities,
        div#fuel-cost-calc-part2,
        .form.form-horizontal,
        #output-area .results ul {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .form-group .help-block {
            margin-left: auto;
            margin-right: auto;
        }

        #page-STARTUP p.calculator-disclaimer,
        div#errorMessage,
        .form-group-wrap.form-actions {
            grid-column-start: span 1;
        }

        #output-area .results ul {
            row-gap: 10px;
        }

        div#errorMessage,
        .form-group-wrap.form-actions {
            grid-column-start: span 1;
        }

        .form-group {
            text-align: center;
            justify-content: center;
            align-items: center;
        }

        .form-actions {
            margin-top: 5px;
        }

        #output-area {
            margin-top: 30px;
        }

        div#divSecondHome {
            grid-column-start: span 1;
            grid-row-start: span 1;
        }

        #page-PAYSLIP .form-group .checkbox,
        #page-STAMP-DUTY .form-group .checkbox {
            position: relative;
            width: 100%;
            top: 0;
        }

        input#chkStudentLoan {
            left: calc(50% - 85px);
            margin-top: -30px;
        }

        input#chkSecondHome {
            left: calc(50% - 120px);
            margin-top: -30px;
        }

        input#chkFirstTimeBuyer {
            left: calc(50% - 93px);
            margin-top: -30px;
        }

        .form-actions .calculator-disclaimer,
        .form-group .help-block, .form-group .help-inline {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        #page-COMPANY-CAR-AND-FUEL-BENEFIT-IN-KIND input#privatefuel {
            left: calc(50% - 76px);
            margin-top: -30px;
        }

        .form-assets > h2,
        .form-liabilities > h2,
        div#fuel-cost-calc-part2 {
            grid-column-start: span 1;
        }

        #page-FUEL-COST input#privatefuel {
            left: calc(50% - 103px);
            margin-top: -30px;
        }


        /*  external link */
        ul.externallink li .name {
            background-size: auto 22vw !important;
            padding-top: 24vw;
            padding-left: 20px;
            padding-right: 20px;
            width: calc(100% - 40px);
        }

        ul.externallink li:before {
            top: 22vw;
        }

        ul.externallink li .summary {
            max-width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        ul.externallink li a.link2,
        ul.externallink li a.more {
            width: calc(100% - 40px - 30px) !important;
        }

        /*  inset - content image */
        .image-bg {
            min-height: 280px;
        }

        /*  services pages - hero image */
        .hero-grid {
            grid-template-columns: 1fr;
            grid-template-rows: auto;
        }

        .image-bg.hero-main:not(.single-image) {
            min-height: 240px;
            grid-row-start: span 1;
            grid-row-end: span 1;
            grid-column-start: span 1;
            grid-column-end: span 1;
            margin-left: 80px;
            width: calc(100% - 80px);
        }

        .image-bg.hero-small {
            min-height: 160px;
            grid-row-start: span 1;
            grid-row-end: span 1;
            grid-column-start: span 1;
            grid-column-end: span 1;
            margin-top: -80px;
            margin-left: 0;
            margin-right: auto;
            width: calc(100% - 60px);
            max-width: 200px;
        }

        /*  services pages - hero image - single  */
        .image-bg.hero-main.single-image {
            min-height: 280px;
        }

        /*  service page - content images */
        .image-bg.content-main.single-image.maxheight-360,
        .image-bg.content-main.single-image {
            min-height: 280px;
            max-height: 280px;
        }

        /*  service - help list */
        ul#help-list li .question,
        ul#help-list li .answer p {
            padding-left: 55px;
        }


        /* services pages - why list */
        div#why-choose-us-wrapper {
            padding-top: 45px;
            padding-bottom: 35px;
        }

            div#why-choose-us-wrapper > p {
                max-width: 100%;
            }

        ul.why-list-3 {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

            ul.why-list-3 li:nth-child(3) {
                grid-column-start: span 1;
            }

            ul.why-list-3 li {
                border-left: none !important;
                max-width: 100%;
            }

                ul.why-list-3 li .inner-div {
                    max-width: 100%;
                }

        /*  service list - benefit list */
        ul.benefits-list {
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 30px;
        }

            ul.benefits-list li {
                grid-column-start: span 1;
            }

                ul.benefits-list li:nth-child(4) {
                    border-left: 1px solid #e5d9de;
                    grid-column-start: span 1;
                    grid-column-end: auto;
                }

                ul.benefits-list li:nth-child(2n+1) {
                    border-left: none;
                    grid-column-start: span 2;
                }

                ul.benefits-list li:last-child {
                    border-left: none;
                    grid-column-start: span 2;
                }

        /*  about us */
        div.tabbed-content.tabbed-content-locations .tab-locations {
            margin-top: 10px;
        }

        /*  vacancy */

        #page-VACANCIES #container-e {
            padding-bottom: 45px;
        }


        /*  our locations */
        .location-detail-container .map-envelope,
        .location-list .map-envelope {
            min-height: 380px;
        }

            .location-detail-container .map-envelope map-links,
            .location-list .map-envelope map-links {
                flex-direction: column;
                left: calc(50% - 96px);
                bottom: 20px;
                row-gap: 8px;
                align-items: center;
            }

        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            grid-column-start: span 2;
            grid-row-start: 3;
            grid-row-end: 3;
        }

        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            grid-column-start: span 2;
            border-top: 1px solid #f3ecef;
            margin-top: 10px;
            padding-top: 10px;
            min-width: 193px;
            grid-row-start: 4;
            grid-row-end: 4;
            grid-column-start: span 3;
            grid-column-end: 3;
        }

            .location-detail-container .location-content > .opening-detail:before,
            .location-list .location-content > .opening-detail:before {
                margin-top: 10px;
            }

        .location-list .location-content .services-available,
        .location-list .location-content a.detailpage-link {
            grid-column-start: span 4;
            margin-right: auto;
            grid-row-start: 5;
            grid-row-end: 5;
            margin-top: 15px;
        }

        .location-detail-container .location-content .opening-detail .opening-list li,
        .location-list .location-content .opening-detail .opening-list li {
            column-gap: 10px;
        }

        .location-detail-container .location-content,
        .location-list .location-content {
            column-gap: 0;
            justify-items: center;
            padding-left: calc(var(--padding-left-tablet) - 10px);
            padding-right: calc(var(--padding-right-tablet) - 10px);
        }

        .location-detail-container .location-heading .business-name2,
        .location-list .location-heading .business-name2 {
            margin-bottom: 12px !important;
        }

        .location-list .location-content > .store-detail-info,
        .location-list .location-content > .store-contact-info {
            grid-column-start: span 4;
        }

        .location-detail-container .location-content > .opening-detail {
            min-width: 198px;
            margin-top: 10px;
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 5;
            grid-row-end: 5;
            /*margin-top: 20px;*/
            /*margin-right: auto;
            margin-left: 0;*/
        }

        /*  location image */
        .location-list .loc-bromsgrove .map-envelope,
        .location-detail-container.bromsgrove .map-envelope {
            background-image: url(../grfx/jpg/mob-map-bromsgrove.jpg) !important;
        }

        .location-list .loc-evesham .map-envelope,
        .location-detail-container.evesham .map-envelope {
            background-image: url(../grfx/jpg/mob-map-evesham.jpg) !important;
        }

        .location-list .loc-pershore .map-envelope,
        .location-detail-container.pershore .map-envelope {
            background-image: url(../grfx/jpg/mob-map-pershore.jpg) !important;
        }
        /*  footer form */
        #newsletter-subs-form-wrapper > form,
        #online-enq-form-wrapper > form {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }
        /*  contact form */
        #page-CONTACT-US #section-a-wrapper {
            margin-bottom: 20px;
        }

            #page-CONTACT-US #section-a-wrapper h3.content-heading {
                margin-top: 10px;
            }


        /* glpobal faqs */
        .gbl-faq-list-summary {
            margin-bottom: 40px;
        }

        #gbl-faq-list-wrapper .question, #faq-list-wrapper .question {
            padding-left: var(--padding-left-tablet);
        }

        #gbl-faq-list-wrapper .toggleclick .plus-icon, #faq-list-wrapper .toggleclick .plus-icon {
            margin-right: var(--padding-right-tablet);
        }

        #gbl-faq-list-wrapper .answer:before, #faq-list-wrapper .answer:before {
            width: calc(100% - 50px);
            left: 25px;
        }

        #gbl-faq-list-wrapper .answer p, #faq-list-wrapper .answer p {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }

        #gbl-faq-list-wrapper {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }

        #gbl-faq-list-wrapper,
        #faq-list-wrapper {
            margin-bottom: 50px;
            margin-top: 35px;
        }

        /*  faqs group list */

        #page-FAQ-QUESTIONS #container-e {
            padding-top: 30px;
        }

        /* resource - forms */
        #page-COMPANIES-HOUSE-FORMS dl dt a,
        #page-HMRC-FORMS dl dt a,
        #page-ACCOUNTING_LINKS dl dt a {
            font-size: 18px;
            font-size: 1.8rem;
        }

        #page-ACCOUNTING_LINKS dl dt:before,
        #page-COMPANIES-HOUSE-FORMS dl dt:before,
        #page-HMRC-FORMS dl dt:before {
            width: 24px;
            height: 34px;
            background-size: 24px 34px !important;
        }

        #page-COMPANIES-HOUSE-FORMS dl dd,
        #page-HMRC-FORMS dl dd,
        #page-ACCOUNTING_LINKS dl dd,
        #page-COMPANIES-HOUSE-FORMS dl dt,
        #page-HMRC-FORMS dl dt,
        #page-ACCOUNTING_LINKS dl dt, {
            padding-right: 95px;
        }

            #page-COMPANIES-HOUSE-FORMS dl dt a:after,
            #page-HMRC-FORMS dl dt a:after {
                padding: 0px 12px;
            }


        /*   content search */
        #advanced-search-search-results li .result-name a {
            font-size: 22px;
            font-size: 2.2rem;
        }

        #advanced-search-search-results li .result-summary h1,
        #advanced-search-search-results li .result-summary h2,
        #advanced-search-search-results li .result-summary h3 {
            font-size: 20px !important;
            font-size: 1.8rem !important;
            line-height: 24px !important;
            line-height: 2.2rem !important;
        }

        #advanced-search-search-results li {
            padding-left: 0;
        }

        /*  blog - call us */
        .contact-callus-wrapper .contact-callus-div {
            left: 0;
            max-width: 100%;
        }

        /*  blog -detail - table */
        /*  resource pages - table styling */
        resourcecontent table td,
        resourcecontent table th,
        #blog-content-wrapper table td,
        #blog-content-wrapper table th {
            padding: 10px 5px;
        }

        resourcecontent table tr td:first-child,
        resourcecontent table tr th:first-child,
        #blog-content-wrapper table tr td:first-child,
        #blog-content-wrapper table tr th:first-child {
            padding-left: 10px;
        }

        resourcecontentr table tr td:last-child,
        resourcecontent table tr th:last-child,
        #blog-content-wrapper table tr td:last-child,
        #blog-content-wrapper table tr th:last-child {
            padding-right: 10px;
        }

        /*  blog table - minimum wage */
        #blog-content-wrapper table.minimum-wage-table-one th,
        #blog-content-wrapper table.minimum-wage-table-one td {
            padding: 10px 2.5px;
        }

        #blog-content-wrapper table.minimum-wage-table-one tr th:first-child,
        #blog-content-wrapper table.minimum-wage-table-one tr td:first-child {
            padding-left: 5px;
        }

        #blog-content-wrapper table.minimum-wage-table-one tr th:last-child,
        #blog-content-wrapper table.minimum-wage-table-one tr td:last-child {
            padding-right: 5px;
        }

        /*  cookies */
        #website-cookies {
            background-size: 45px;
        }

        #website-cookies-prompt {
            padding-left: 78px;
        }

        /* footer contact */
        .footer-contact-container .tab-content {
            grid-template-columns: 1fr;
            padding-left: 15px;
            padding-right: 15px;
        }

            .footer-contact-container .tab-content .extralinks,
            .footer-contact-container .tab-content .location-heading {
                grid-column-start: span 1;
                width: calc(260px);
                margin-left: auto;
                margin-right: auto;
            }

            .footer-contact-container .tab-content .contact-item-email,
            .footer-contact-container .tab-content .contact-item-tel,
            .footer-contact-container .tab-content .store-address {
                padding-left: 45px;
                width: calc(250px - 45px);
                margin-left: auto;
                margin-right: auto;
            }

            .footer-contact-container .tab-content .location-heading .business-name2 {
                align-items: center;
            }
        /*  service list */
        #page-SERVICES #service-wrapper ul.service li a {
            min-height: 280px;
        }


        /*  staff - main image  */
        .image-bg.hero-main.single-image.staff-img {
            min-height: 400px;
            max-width: 320px;
        }

        .office-contact-info .contact-item-email:before,
        .office-contact-info .contact-item-tel:before {
            left: calc(50% - 16px);
        }

        .office-contact-info > div {
            padding-top: 45px;
        }

            .office-contact-info > div:not(:first-child) {
                padding-top: 55px;
            }

        /*  footer contact */
        .footer-contact-container {
            width: calc(100% - 20px);
        }


        /* resource list - bg */
        .useful-resource-bg,
        #tlc-wrapper {
            background: none !important;
            background-image: none !important;
        }

        /*  timeline */
        .timeline_text {
            font-size: 18px;
            font-size: 1.8rem;
        }

        .margin-bottom-medium {
            margin-bottom: 25px;
        }

        .timeline_item {
            grid-template-columns: 50px 1fr;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        /*  homepage */
        .our-team-envelope .team-placeholder-2 {
            max-height: 44vw;
        }

        /*  login */

        #page-PORTALS #iris-login-form-wrapper h3.heading {
            margin-bottom: 10px !important;
            font-size: 30px !important;
            font-size: 3.0rem !important;
            line-height: 30px !important;
            line-height: 3.0rem !important;
        }
            #page-PORTALS #iris-login-form-wrapper h3.heading .smaller {
                font-size: 22px !important;
                font-size: 2.2rem !important;
                line-height: 22px !important;
                line-height: 2.2rem !important;
            }

            #page-INTRANET-LOGIN form h3 {
                margin-bottom: 10px !important;
                font-size: 35px !important;
                font-size: 3.5rem !important;
                line-height: 35px !important;
                line-height: 3.5rem !important;
            }

        #page-PORTALS #iris-login-form-wrapper,
        #page-INTRANET-LOGIN #intranet-login-form-wrapper {
            padding: 20px 35px 40px;
        }

        #page-PORTALS div#container-wrapper-defgh,
        #page-INTRANET-LOGIN div#container-wrapper-defgh {
            background-position: center left calc(50% + 20px);
        }

        /*  testimonial */
        #page-TESTIMONIAL #introduction-wrapper p {
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 32px;
            line-height: 3.2rem;
        }
    }

    @media all and (max-width: 480px), screen and (max-device-width: 480px) and (orientation : portrait) {
        /*  header */
        /* #intranetheader-wrapper, 
#intranet-login-window-wrapper, 
#header-content-wrapper {
margin-right: calc(var(--padding-right-tablet) - 10px);
}
#header-content-wrapper {
margin-right: calc(var(--padding-right-tablet) - 15px);
}*/

        /* homepage service list */
        #page-HOMEPAGE #service-wrapper ul.service {
            -ms-grid-columns: 1fr 1fr !important;
            grid-template-columns: 1fr 1fr !important;
        }

        #page-HOMEPAGE #service-wrapper {
            max-width: 420px;
            padding-left: 20px;
            padding-right: 20px;
        }

        /*  hero inset */

        #container-b {
            background-image: url(../grfx/jpg/inset-hero-mobile.jpg);
        }

        /*  contact us page */

        #page-CONTACT-US #section-a-wrapper {
            flex-direction: column;
            max-width: 160px;
        }


        /*  footer maps */
        #gbl-google-maps-mapaddresscontainer {
            width: calc(100% - 30px);
            left: 15px !important;
            top: 15px !important;
        }

        #gbl-google-maps-mapcontainer {
            height: 780px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs {
            flex-direction: column;
            row-gap: 2px;
            align-items: stretch;
            -webkit-border-radius: var(--radius-box) var(--radius-box) 0 0;
            -moz-border-radius: var(--radius-box) var(--radius-box) 0 0;
            border-radius: var(--radius-box) var(--radius-box) 0 0;
        }

            #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li {
                padding: 10px 5px;
            }

                #gbl-google-maps-wrapper .mapaddressinnercontainer ul.location-tabs li:last-child {
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    padding: 10px 5px;
                }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content {
            -webkit-border-radius: 0 0 var(--radius-box) var(--radius-box);
            -moz-border-radius: 0 0 var(--radius-box) var(--radius-box);
            border-radius: 0 0 var(--radius-box) var(--radius-box);
            margin-top: 5px;
        }

            #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .location-heading .business-name2 {
                font-size: 25px !important;
                font-size: 2.5rem !important;
                line-height: 30px !important;
                line-height: 3.0rem !important;
            }

                #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .location-heading .business-name2:after {
                    margin-top: 14px;
                }

        #gbl-google-maps-wrapper map-links {
            flex-direction: column;
            width: auto;
            align-items: center;
            right: 15px;
            left: 15px;
            bottom: 15px;
        }

        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .detailpage-link span {
            font-size: 15px;
            font-size: 1.5rem;
        }

        /*  vacancy detail */
        .vacancy-details .summarytitle,
        .vacancy-details .jobsummary,
        .vacancy-details .referenceno,
        .vacancy-details .closingdate,
        .vacancy-details .salary,
        .vacancy-details .duration,
        .vacancy-details .location,
        .vacancy-details .hours,
        .vacancy-details .posteddate {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* blog category */

        #blog-archive-wrapper .item-month a {
            padding-left: 16px;
            padding-right: 16px;
        }

        /*  external link */
        ul.externallink {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

            ul.externallink li .name {
                background-size: auto 36vw !important;
                padding-top: 40vw;
            }

            ul.externallink li:before {
                top: 37vw;
            }

        /*  inset - content image */
        .image-bg {
            min-height: 240px;
        }

        /*  service pages - why list */
        ul.why-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

            ul.why-list li .inner-div {
                border-left: none !important;
                max-width: 100%;
            }

        /*  service pages - hero */

        .image-bg.hero-main:not(.single-image) {
            /*min-height: 260px;*/
            margin-left: 50px;
            width: calc(100% - 50px);
        }

        .image-bg.hero-small {
            /*min-height: 200px;*/
            margin-top: -50px;
            width: calc(100% - 50px);
            /*max-width: 200px;*/
        }

        .image-bg.hero-main.single-image {
            min-height: 240px;
        }


        /*  service page - content images */
        .image-bg.content-main.single-image.maxheight-360,
        .image-bg.content-main.single-image {
            min-height: 240px;
            max-height: 240px;
        }

        /*  service page - benefit list */

        /*  service list - benefit list */
        ul.benefits-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
        }

            ul.benefits-list li {
                grid-column-start: span 1;
                border-left: none !important;
                max-width: 100%;
            }

                ul.benefits-list li:last-child {
                    grid-column-start: span 1;
                }

                ul.benefits-list li .inner-div {
                    max-width: 100%;
                }

            ul.benefits-list.list-2 li:last-child {
                grid-column-start: span 2;
            }

            ul.benefits-list.list-2 li .inner-div {
                max-width: 220px;
            }

        /*   service - logo list */
        ul.logo-list {
            max-width: 200px;
        }

            ul.logo-list li:after,
            ul.logo-list li:nth-last-child(3):after,
            ul.logo-list li:nth-last-child(2):after {
                display: none !important;
            }
        /*  about us */
        div.tabbed-content.tabbed-content-locations .tab-locations ul.tabs {
            flex-direction: column;
            row-gap: 5px;
        }

        div.tabbed-content.tabbed-content-locations .tab-content {
            margin-top: 30px;
            margin-bottom: 20px;
        }

        /*  faq list */
        ul.faqgroup-list {
            flex-direction: column;
            align-content: center;
            align-items: center;
            row-gap: 5px;
        }

            ul.faqgroup-list li {
                width: 100%;
            }


                ul.faqgroup-list li a {
                    display: block;
                    padding: 13px 22px !important;
                }

        /*  footer form */
        form p .mandatoryset-text, form p .mandatory-text {
            margin-right: 0;
            margin-left: 13px;
        }

        form p.form-indicator {
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center;
        }

            form p.form-indicator .pink-text {
                position: absolute;
                left: calc(50% - 112px);
                top: 15px;
            }

                form p.form-indicator .pink-text:first-child {
                    left: calc(50% - 76px);
                    top: 0px;
                }

        /* contact us */

        #page-CONTACT-US #section-a-wrapper .visit-us-panel h3.content-heading {
            margin-top: 30px;
        }


        /*  our team */
        div#team, div#our-team {
            row-gap: 8px;
            column-gap: 8px;
        }

        #our-team .list-item .team-info,
        #team .team-item .team-info {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 18px;
            line-height: 1.8rem;
            padding: 20px 15px;
        }

        #team .team-item,
        #our-team .list-item {
            min-height: 58vw;
        }

        /*  homepage - userful resource */
        ul.resources-list {
            column-gap: 15px;
            row-gap: 15px;
        }

            ul.resources-list li .list-item-div .group-name {
                padding: 12px 15px 16px 15px;
            }

            ul.resources-list li .list-item-div .icon-div {
                margin-left: 15px;
            }



        /* about team list  */
        .our-team-envelope .team-placeholder-2 {
            margin-top: 30px;
            margin-bottom: 30px;
            max-width: calc(100% + 20px);
            min-width: calc(100% + 20px);
            margin-right: -20px;
            max-height: calc(100% - 60px);
        }

        /*  homepage */
        .our-team-envelope .team-placeholder-2 {
            max-height: 44vw;
        }

        .our-team-envelope .team-placeholder-1 {
            min-height: 60vw;
            max-height: 100%;
        }

        ul.about-team-list li {
            padding-left: var(--padding-left-tablet);
            padding-right: var(--padding-right-tablet);
        }

        .our-team-envelope h3.standard-heading,
        .our-team-envelope .standard-summary,
        .our-team-envelope a.read-more,
        .our-team-envelope .standard-column-1 {
            max-width: 100%;
        }

        .our-team-envelope .standard-column-1 {
            margin-top: 40px;
        }

        /*  homepage - review */
        .home-review .review-container {
            grid-template-columns: 0.7fr 1fr;
        }
        /* business card and email signature listing */
        .listing a {
            padding: 0px 13px;
        }


        /*  blog -detail - table */
        /*  resource pages - table styling */
        resourcecontent table td,
        resourcecontent table th,
        #blog-content-wrapper table td,
        #blog-content-wrapper table th {
            padding: 10px 4px;
        }

        resourcecontent table tr td:first-child,
        resourcecontent table tr th:first-child,
        #blog-content-wrapper table tr td:first-child,
        #blog-content-wrapper table tr th:first-child {
            padding-left: 8px;
        }

        resourcecontentr table tr td:last-child,
        resourcecontent table tr th:last-child,
        #blog-content-wrapper table tr td:last-child,
        #blog-content-wrapper table tr th:last-child {
            padding-right: 8px;
        }

        /*  footer contact */
        .footer-contact-container .tab-content .contact-item-email,
        .footer-contact-container .tab-content .contact-item-tel,
        .footer-contact-container .tab-content .store-address {
            padding-left: 0;
            padding-top: 45px;
            text-align: center;
        }

            .footer-contact-container .tab-content .store-address:before,
            .footer-contact-container .tab-content .contact-item-email:before,
            .footer-contact-container .tab-content .contact-item-tel:before {
                left: calc(50% - 16px);
            }

        .footer-contact-container .tab-content .contact-link,
        .footer-contact-container .tab-content .detailpage-link {
            justify-content: center;
        }

        .footer-contact-container .tab-content .location-heading .business-name2 {
            padding-bottom: 0px;
        }


        /* resource list - bg */
        .useful-resource-bg,
        #tlc-wrapper {
            background: none !important;
            background-image: none !important;
        }

        /*  footer contact  */
        .footer-contact-container .tab-content .extralinks,
        .footer-contact-container .tab-content .location-heading {
            width: 100%;
        }

        /*  timeline */
        .timeline_item {
            grid-template-columns: 40px 1fr;
        }

        .timeline_progress {
            left: 11px;
        }

        .timeline_centre {
            margin-left: 5px;
        }

        .margin-bottom-xlarge {
            margin-bottom: 35px;
        }

        /* intranet login */

        #page-PORTALS div#container-wrapper-defgh,
        #page-INTRANET-LOGIN div#container-wrapper-defgh {
            background-position: center left calc(50% + 10px);
        }

        #page-PORTALS #iris-login-form-wrapper,
        #page-INTRANET-LOGIN #intranet-login-form-wrapper {
            padding: 20px 30px 40px;
            width: 100%;
            max-width: calc(100% - 120px);
        }

        #page-PORTALS select,
        #page-PORTALS textarea,
        #page-PORTALS input,
        #page-INTRANET-LOGIN select,
        #page-INTRANET-LOGIN textarea,
        #page-INTRANET-LOGIN input {
            width: 100%;
        }

        /* contact us */
        #page-CONTACT-US #container-wrapper-ef {
            padding-right: 15px;
        }
    }

    @media all and (max-width: 385px), screen and (max-device-width: 385px) and (orientation : portrait) {

        /*  header - intranet login */
        #intranet-login-window-summary-wrapper {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }
        /*  homepage - our team */
        #team .team-item .team-info,
        #our-team .list-item .team-info {
            padding: 15px 15px;
        }

        /*  homepage - review */
        .home-review .review-container {
            grid-template-columns: 0.6fr 1fr;
            column-gap: 10px;
        }

        /* blog category */

        #blog-archive-wrapper .item-month a {
            padding-left: 12px;
            padding-right: 12px;
        }

        /*  footer maps */
        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .contact-item-email,
        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .contact-item-tel,
        #gbl-google-maps-wrapper .mapaddressinnercontainer .tab-content .store-address {
            padding-left: 45px;
        }

        /* our location pages  */
        /*.location-list .map-envelope {
            background-position: center bottom 10% !important;
        }*/
        .location-detail-container .location-content > .opening-detail,
        .location-detail-container .store-detail-info .store-address,
        .location-detail-container .store-contact-info > div,
        .location-list .location-content > .opening-detail,
        .location-list .store-detail-info .store-address,
        .location-list .store-contact-info > div {
            padding-left: 45px;
        }

        .location-detail-container .store-contact-info,
        .location-detail-container .location-content .store-detail-info,
        .location-list .location-content > .store-detail-info,
        .location-list .location-content > .store-contact-info {
            min-width: 240px;
        }

        .location-detail-container .location-content > .opening-detail,
        .location-list .location-content > .opening-detail {
            min-width: 195px;
        }

        /*  footer form  */
        #online-enq-form-wrapper .interested-details {
            width: calc(100% - 28px);
            padding-right: 15px;
        }

        /*  resource list */
        ul.resources-list {
            grid-template-columns: 1fr;
        }


        /*  home - service liust */
        #page-HOMEPAGE #service-wrapper ul.service li a {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        /*  intranet login */
        #page-PORTALS #iris-login-form-wrapper,
        #page-INTRANET-LOGIN #intranet-login-form-wrapper {
            padding-left: 25px;
            padding-right: 25px;
            max-width: calc(100% - 100px);
        }
    }

    @media all and (max-width: 370px), screen and (max-device-width: 370px) and (orientation : portrait) {
        .footer-contact-container .tab-content .contact-link,
        .footer-contact-container .tab-content .detailpage-link {
            flex-direction: column;
        }

        .footer-contact-container .tab-content .detailpage-link {
            padding-top: 8px;
            padding-bottom: 8px;
        }
    }

    @media only screen and (max-device-width : 320px) and (orientation : portrait) {
    }