@media print {
    .width-full, .width-4-fifths, .width-3-quarters, .width-1-quarter, .width-2-thirds, .width-2-thirds-small, .width-1-third, .width-half, .width-global-search {
        width: auto;
    }
}

@media screen and (max-width: 1200px) {
    header .search-box {
        float: left;
        margin-left: 50px;
    }
}

@media screen and (max-width: 600px) {
    .flex-control-nav {
        display: none;
    }

    .flexslider .carousel-image {
        background-size: auto 400px;
    }
}

@media screen and (max-width: 550px) {
    .flex-viewport {
        max-height: 200px !important;
    }
}

@media screen and (max-width: 900px) {
    .navFLD li div.sign-up-login {
        display: inline-block;
        text-align: right;
        float: none;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .width-full, .width-4-fifths, .width-3-quarters, .width-1-quarter, .width-2-thirds, .width-2-thirds-small, .width-1-third, .width-half, .width-global-search {
        width: 100%;
    }

    .home-category-box {
        width: 90%;
    }


    header .header-section div.float-left, header .header-section div.float-right {
        float: none;
    }

    header .logo-right {
        display: none;
    }

    header .main-logo {
        max-width: 320px;
    }

    header .header-title {
        font-size: 100%;
        width: 40%;
        margin-left: 40px;
    }

        header .header-title img {
            width: 20%;
        }

    header .search-box {
        float: left;
        margin-left: 0;
    }

    .menu.navFLD {
        display: none;
    }

    .hidden-menu {
        display: block;
    }

    .navFLD {
        display: inline-block;
    }

        .navFLD.padding-medium-top {
            padding-top: 0;
        }

        .navFLD ul.active {
            display: none;
        }

        .navFLD ul {
            width: 100%;
            padding: 10px 0;
            border-width: 5px;
            background: #fff;
            float: none;
        }

        .navFLD li {
            margin: 5px 0px 5px 18px;
            float: none;
            display: block;
        }

            .navFLD li div.sign-up-login {
                display: inline-block;
                text-align: right;
            }

            .navFLD li.border-bottom-x-large {
                border-bottom: 0;
            }

        .navFLD div .padding-medium-top {
            padding-top: 30px;
        }

    .menu-selected {
        padding-bottom: 0;
    }

    .contact-details {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

        .contact-details .float-left, .contact-details .float-right {
            float: none;
        }

    .contact-details-right-panel {
        float: none;
    }

        .contact-details-right-panel .margin-small-left {
            margin-left: 0;
        }

    #event-panel .margin-small-left {
        margin-left: 0;
    }

    #global-search .margin-large-left {
        margin-left: 0;
    }


    .toggle-navFLD {
        float: left;
        display: inline-block;
        border-radius: 3px;
        background: #fff;
        font-size: 40px;
        transition: color linear 0.15s;
    }

    #home-page-panel-placeholder > div {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    #about-us-page-panel-placeholder {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .about-us-content .float-left {
        float: none;
    }

    .contact-details > div {
        margin-left: 0;
    }

    #SignUpForm input, #EnquiryForm input {
        width: 80%;
    }

    #SignUpForm .control-container-inline, #EnquiryForm .control-container-inline {
        margin-bottom: 10px;
    }

    #SignUpForm .padding-large-bottom, #EnquiryForm .padding-large-bottom {
        padding-bottom: 5px;
    }

    .field-validation-error {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }

    .filter {
        float: none;
        width: 100%;
    }

        .filter .margin-medium-top {
            margin-top: 20px;
        }

    .training-main-page-info {
        float: none;
        margin-bottom: 10px;
    }

    .training-event-page-info {
        float: none;
        margin-bottom: 20px;
    }

    .training-main-page-small-calendar {
        float: none;
    }

    .training-event-page-right-side {
        float: none;
    }

    .small-calendar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .small-calendar li {
        width: 14%;
    }

        .small-calendar li:last-child {
            border-right: 0;
        }

        .small-calendar li.days-of-month .colour, small-calendar li a.colour {
            color: #fff;
        }

    .large-calendar-header li, .large-calendar li {
        width: 12%;
    }

    #large-calendar-placeholder section div.padding-medium-top {
        padding: 0 0 10px 0;
    }

    .search-results {
        float: none;
    }

    .display-row {
        display: block;
    }

    .communication-article {
        float: none;
        margin-bottom: 20px;
    }

    .communication-article-extra-info {
        float: none;
    }

    .contact-services-info, .contact-services-details, .contact-site-info, .contact-site-details {
        float: none;
    }

    .contact-services-info, .contact-site-info {
        margin-bottom: 20px;
    }

    .contact-services-details, .contact-site-details {
        margin-left: 0;
    }

        .contact-services-details a, .contact-site-details a {
            display: block;
        }

    .contact-services-results, .contact-site-results {
        float: none;
    }

    .enquiry-form-info, .enquiry-form-right-panel, .enquiry-form-info-box {
        float: none;
    }

    .enquiry-form-right-panel {
        margin-left: 0;
        padding: 0;
    }

    .enquiry-form-info-box {
        width: 100%;
    }

        .enquiry-form-info-box .left-panel, .enquiry-form-info-box .right-panel {
            float: none;
        }

    .enquiry-form {
        float: none;
    }

        .enquiry-form #EnquiryForm div {
            float: none;
        }

    .sign-up-form-info, .sign-up-form-right-panel, .sign-up-form-info-box {
        float: none;
    }

    .sign-up-form-right-panel {
        margin-left: 0;
        padding: 0;
    }

    .sign-up-form-info-box {
        width: 100%;
    }

        .sign-up-form-info-box .left-panel, .sign-up-form-info-box .right-panel {
            float: none;
        }

    .sign-up-form {
        float: none;
    }

        .sign-up-form #SignUpForm div {
            float: none;
        }

    .global-search-tabs {
        height: 150px;
    }

        .global-search-tabs .width-fifth {
            width: 100%;
        }

    #training, #communication, #contacts, .control-container-global-search {
        float: none;
        padding: 10px 0;
    }

    .control-container-global-search {
        width: 96%;
    }

    #search-term, #search-box {
        width: 90%;
    }

    .carousel-container {
        height: 200px;
    }

        .carousel-container .carousel-image {
            display: none;
        }

    .carousel .slick-dots {
        left: 0;
    }

    /* Big Carousel */
    .flexslider .flex-control-nav {
        position: absolute;
        right: 1%;
        bottom: 2%;
        text-align: center;
    }

    #tabshow .float-left {
        float: none;
    }

    #tabshow .float-right {
        float: none;
    }

    #tabshow .padding-medium-left {
        padding-left: 0;
    }

    .contact-main-panel-2cols {
        width: 100%;
    }

    .home-links {
        float: none;
        margin-bottom: 10px;
    }

        .home-links .float-left, .home-links .float-right {
            float: none;
        }

    .footer section {
        float: none;
        width: 100%;
    }

    .CookieBanner div.float-left, .CookieBanner div.float-right {
        float: none;
    }

    
    .cookie-banner-container {
        height: auto;
        padding-bottom: 15px;
    }

    .cookie-banner-close {
        padding-left: 13px;
    }

    .cookie-footer-links .float-left {
        float: left;
        width: auto;
    }

    .cookie-footer-links .float-right {
        float: right;
        width: auto;
    }

    .cookie-footer-links .LayoutLinkDecorationHoverUnderline:hover {
        text-decoration: underline;
        cursor: pointer;
    }
}