@charset "UTF-8";
/* CSS Document */

/*make buttons effra - move to rdg_stylesheet if possible*/
.find-course-temp a {
    font-family: "Effra W01", "Effra", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}


/* 1200px - Body, and stuck tabs // Footer panorama, and course items 33.3% width */
@media screen and (max-width:1200px) {
    body {
        background: #ccc;
    }

    .no-touch .tabs-holder.tabs-stuck {
        width: 100%;
    }

    .course-item-padding {
        width: 33.33%;
    }

    .course-filter {
        width: 300px;
    }
}


/*special bit to overrule naughty Robbie's rdg_accommodation thing*/
@media screen and (min-width:951px) {
    .body-with_home .find-course-temp {
        width: 62% !important;
        float: left;
    }

        .body-with_home .find-course-temp a {
            width: calc(32% - 10px) !important;
            float: left; /*margin-top:4%; margin-top:calc(10px + 10px);*/
        }
}


/* 1100px */
@media screen and (max-width:1100px) {
    .pullout-box .connect-list {
        max-width: 190px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 1030px - Submenus fix, and course-filter shrink */
@media screen and (max-width:1030px) {
    .find-course {
        right: 1.5%;
    }

    .content-body .find-course {
        right: auto;
    }

    .navigation-submenus-item, .navigation-secondary {
        position: inherit;
    }

    .navigation-submenus-sub-list {
        right: 1.5%;
        left: 1.5%;
        width: auto;
    }

    /* BUTTONS */
    #home-pro .button-right {
        width: auto;
        max-width: none;
    }
}

/* 1000px - Course items 50% width */
@media screen and (max-width:1000px) {
    .course-item-padding {
        width: 50%;
    }

    /* FIND COURSE - 1000px */
    .find-course-input:focus {
        width: 350px;
    }
}

/* 950px - Tablet fixes */
@media screen and (max-width:950px) {
    .navigation-main-link {
        padding: 0 7px;
        font-size: 0.85em;
    }

    .main-hero-overlay:before {
        width: 450px;
    }

    .main-hero-slide .content-header, .main-hero-slide .content-subheader {
        max-width: 300px;
        padding-left: 0;
    }

    /* NAVIGATION - 950px */
    .arrow-list .navigation-sub-section {
        width: 33.3%;
    }

        .arrow-list .navigation-sub-section:nth-of-type(4) {
            clear: left;
        }

    .navigation-main li a {
        padding: 0 7px;
    }

    .navigation-submenus-label {
        padding-left: 9px;
    }

    .navigation-submenus-icon {
        margin: 0 5px;
    }

    /* CONTENT HEADERS - 950px */
    .content-body h1, #divModDesc h2, .main-hero-slide h2, #home-pro h2, #home-rec h2, .page-header {
        font-size: 2em;
    }

    .content-subheader, .content-third-header, .main-hero-slide h3, #home-pro h3, #home-rec h3 {
        font-size: 1.4em;
    }

    .page-header {
        margin-left: 33.3%;
        width: 66.6%;
    }

    /* CONTENT - 950px */
    .cl-main_l, .cl-main_r {
        width: 66.6%;
    }

    .cl-side_l, .cl-side_r, .cl-side_2l {
        width: 33.3%;
    }

    /* ADJUSTABLE LAYOUT - 950px */
    .no-menu_right .cl-side_2r, .menu_no-right .cl-side_2l {
        width: 33.3%;
    }

    .no-menu_right .cl-main_2, .menu_no-right .cl-main_2 {
        width: 66.6%;
    }

    .menu_right .cl-side_2r {
        float: left;
        clear: left;
        width: 33.3%;
    }

    .menu_right .cl-main_2 {
        float: right;
        width: 66.6%;
    }

    /* .no-menu_right .cl-side_2l, .menu_no-right .cl-side_2r, .no-menu_no-right .cl-side_2l, .no-menu_no-right .cl-side_2r { display:none; }
  .no-menu_right .cl-main_2, .menu_no-right .cl-main_2 { width:75%; }
  .no-menu_no-right .cl-main_2 { width:100%; } */

    .content-w-col2 {
        padding: 0 10px;
    }

    .content-w-col {
        width: 100%;
        padding: 0;
    }

    .content-w-col2 .button-left {
        margin-left: 0;
    }

    .content-w-col2 .button-right {
        margin-right: 0;
    }

    .content-w-col2 .content-third-header {
        padding: 0;
    }

    /* FOOTER */
    .footer-column {
        width: 33.3%;
    }

    .events-home li {
        width: 50%;
    }

    .course-selection-container {
        padding: 0 10px 0 260px;
    }

    /* COURSE SELECTION – 950px */
    .course-selection {
        padding: 8px 10px 15px 0px;
    }

    .course-selection-left {
        width: 250px;
        left: 10px;
    }

    .no-js .course-selection-left {
        width: 33.3%;
    }

    .no-js .course-selection-right {
        width: 66.6%;
    }

    .course-filter {
        position: relative;
        width: 100%;
        right: inherit;
    }

    .course-filter-select {
        padding: 0 0 0 10px;
    }

    .course-anchor-hold {
        width: 245px;
        padding: 5px;
    }

    /* HENLEY MALAYIA - 950px */
    .henley-malaysia-container .cl-33 {
        width: 100%;
        padding-left: 140px;
        min-height: 60px;
    }

    .henley-device, .malaysia-device, .moocs-device {
        position: absolute;
        left: 10px;
    }

    .related-courses-more {
        width: 66.6%;
    }

        .related-courses-more + .column-33, .related-courses-more + .column-33 + .column-33 {
            width: 33.3%;
        }

        .colour-band-container .cl-33, .related-courses-more + .cl-33, .related-courses-more + .cl-33 + .cl-33 {
            width: 100%;
        }

    .colour-band-textinput, .colour-band-padding, .colour-band-container .dselect,
    .colour-band-container .content-paragraph, .colour-band-container .arrow-list {
        width: 50%;
        float: left;
    }

        .colour-band-container .dselect + .content-paragraph,
        .colour-band-container .colour-band-textinput + .content-paragraph,
        .colour-band-container .colour-band-padding + .content-paragraph,
        .colour-band-container .colour-band-search + .content-paragraph,
        .colour-band-container .content-paragraph + .arrow-list {
            padding-left: 20px;
        }

        .colour-band-padding .colour-band-textinput {
            width: 100%;
        }

    .course-quickinfo-item {
        width: 50%;
        height: 60px;
    }

    .course-quickinfo-entry {
        height: 120px;
    }

    .arrow-list-col, .course-selection-col-2, #home-rec ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        -ms-columns: 1;
        -o-columns: 1;
    }

    /* PULLOUT BOX - 950px */
    .pullout-box .content-fourth-header, .pullout-box .content-paragraph, .pullout-box .arrow-list {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pullout-box .content-third-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pullout-image {
        display: none;
    }

    .pullout-box-notrounded {
        border-radius: 3px 3px 10px 10px;
    }

    /* DISCUSS LIST & CONNECT LIST – 950px */
    .discuss-list, .connect-list {
        padding: 5px 4px;
    }

    .pullout-box .connect-list {
        max-width: 226px;
    }

    .discuss-list li {
        width: 100%;
    }

        .discuss-list li a.discuss-copy .link, .discuss-copy-success {
            left: 0;
            padding-left: 7px;
            padding-right: 7px;
        }

        .discuss-list li a.discuss-copy .discuss-copy-icon {
            display: none;
        }

    /* TESTIMONIAL */
    .course-testimonial {
        padding-left: 15px;
        padding-right: 15px;
    }

    .course-testimonial-spacer {
        top: 3px;
        left: 2px;
    }

    /* IDENTITY LIST */
    .identity-container {
        padding-top: 15px;
    }

    .identity-center {
        padding-bottom: 15px;
    }

    .identity-device {
        margin-top: 10px;
    }

    /* FIND COURSE - 950px; */
    .main-hero {
        height: auto;
    }

    .find-course {
        position: relative;
        width: 100%;
        top: -1px;
        right: 0;
        border-radius: 0;
        box-shadow: inset #555 0 1px 0;
        border-top: #222 1px solid;
        background: #333;
        padding: 12px 1.5% 12px 1.5%;
        overflow: hidden;
    }

        .find-course h3 {
            width: 33%;
            float: left;
            line-height: 32px;
            margin-right: 10px;
            margin-bottom: 0;
            padding-left: 10px;
        }

    .find-course-form {
        width: 50%;
        float: left;
        padding-right: 54px;
    }

    .find-course-submit {
        right: 20px;
    }

    .find-course-input, .find-course-input:focus {
        width: 100%;
    }

    .body-with_home .find-course-temp {
        width: 100%;
        float: right;
    }

        .body-with_home .find-course-temp a {
            width: 100%;
            width: calc(100% - 10px);
            margin-top: 4%;
            margin-top: 10px;
            float: left;
        }

            .body-with_home .find-course-temp a:first-child {
                margin-left: 0;
            }

    .content-body .find-course {
        box-shadow: none;
        border-radius: 3px;
        border: 1px solid #bbb;
    }

    .content-body .find-course-form {
        padding-right: 34px;
        width: 100%;
    }

    .content-body .find-course-input {
    }

    .content-body .find-course-submit {
        right: 0;
    }
}

/* 800px - PULLOUT BOX TWEAK */
@media screen and (max-width:800px) {
    /* PULLOUT BOX - 800px */
    .pullout-box .connect-list {
        max-width: 190px;
    }
}


@media screen and (max-width:950px) {
    body {
        background: #333;
    }

    /* HEADER - 768px */
    .header-center {
        padding: 5px 0 3px;
        -webkit-transition: margin-top 300ms;
    }

    .header-logo {
        margin: 5px 5px 5px 10px;
        height: 40px;
    }

    .header-device {
        width: 120px;
        height: 40px;
    }

    .svg .header-device {
        background-position: 0 -280px;
        background-size: 400px 400px;
    }

    .no-svg .header-device {
        background-position: -350px -120px;
    }

    .header-search-open.header-center {
        margin-top: 50px;
    }

    .header-search-container {
        padding: 8px 5px;
        display: block;
        display: none;
        position: absolute;
        top: -50px;
        height: 50px;
        left: 0;
        background: #e4e4e4;
        width: 100%;
        margin: 0;
    }

    .header-search, .header-search-box, .header-search-submit {
        margin-top: 0;
    }

    .header-search {
        width: 100%;
    }

    .header-search-box {
        width: 80%;
    }

    .header-search-submit {
        width: 20%;
        background: #bf0071;
        text-indent: 0;
        color: #f9f9f9;
        font-size: 1em;
        padding: 5px;
    }

    .no-touch .header-search-submit:hover {
        background: #8a0052;
    }

    /* NAVIGATION - 768px */
    .navigation-center {
        border-left: #222 1px solid;
        border-right: #444 1px solid;
        box-shadow: inset #444 1px 0 0, inset #222 -1px 0 0;
        overflow: hidden;
    }

    .navigation-main-hold {
        position: fixed;
        top: 0;
        left: -90%;
        bottom: -100px;
        width: 90%;
        background: #333;
        z-index: 9999;
        min-height: 100%;
        overflow: auto;
        -webkit-transition: 500ms;
        transition: 500ms;
        -webkit-backface-visibility: hidden;
        border-bottom: #333 solid 100px;
        display: none;
    }

    .navigation-open {
        left: 0%;
        -webkit-overflow-scrolling: touch;
    }

    .nav-overlay {
        position: absolute;
        left: 100%;
        width: 500px;
        top: 0;
        bottom: 0;
        display: block;
        height: 100%;
        cursor: pointer;
        z-index: 9002;
        opacity: 0;
        -webkit-transition: opacity 150ms 0;
        transition: opacity 150ms 0;
    }

    .nav-overlay-open {
        left: 300px;
        opacity: 1;
        -webkit-transition: opacity 500ms 500ms;
        transition: opacity 500ms 500ms;
    }

    .nav-overlay:before {
        content: '\00d7';
        font-size: 23px;
        position: absolute;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        opacity: 0;
        background: #333;
        line-height: 36px;
        text-align: center;
        color: #fff;
        text-shadow: rgba(0,0,0,0.1) 0 1px 2px;
        -webkit-transition: 300ms;
        transition: 300ms;
    }

    .hover .nav-overlay:hover:before {
        background: #222;
    }

    .nav-overlay-open:before {
        opacity: 1;
    }

    .wrapper {
        height: auto;
        display: block;
        background: none;
        padding-bottom: 0;
        width: 100%;
        overflow-x: unset;
        min-height: 320px;
    }

    .inside-wrapper {
        position: relative;
        z-index: 2001;
        background: #fff;
        /*-webkit-transform-style: preserve-3d;*/
        width: 100%;
        transition: 500ms;
        -webkit-transition: 500ms;
        /*transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);*/
        padding-bottom: 0;
        box-shadow: none;
    }

    .nav-wrapper-open {
        transform: translate(300px,0);
        -ms-transform: translate(300px,0);
        -webkit-transform: translate(300px,0);
    }

    .navigation-secondary {
        position: relative;
    }

    .navigation-main li {
        width: 100%;
    }

        .navigation-main li a.nav-sel {
            background: #222 !important;
            border-left: #777 3px solid;
            padding-left: 7px;
        }

    .hover .navigation-main li a:hover, .hover .navigation-main li a.nav-sel:hover {
        background: #555 !important;
    }

    .mobile-search {
        padding: 0 40px 10px 10px;
        position: relative;
        border-bottom: #555 1px solid;
        box-shadow: #222 0px 1px 0 !important;
    }

        .mobile-search input, .mobile-search button {
            -webkit-appearance: none;
            border: none;
            outline: none;
            border-radius: 3px 0 0 3px;
            padding: 5px 5px 5px 8px;
            line-height: 20px;
            width: 100%;
            font-size: 1em;
        }

        .mobile-search button {
            border-radius: 0 3px 3px 0;
            background: #555;
            color: #fff;
            text-indent: -9999px;
            position: absolute;
            right: 10px;
            top: 0;
            width: 30px;
            height: 30px;
            padding: 0;
        }

            .mobile-search button:after {
                background: #fff999;
                width: 20px;
                height: 20px;
                top: 5px;
                right: 5px;
                display: block;
            }

    .mobile-navigation-main {
        position: fixed;
        top: 0;
        z-index: 2501;
        display: block;
        width: 300px;
        background: #333;
        bottom: -200px;
        padding: 10px 0;
        text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
        color: #fff;
        border-bottom: #333 200px solid;
    }

        .mobile-navigation-main li a {
            padding: 10px;
            color: #fff;
            display: block;
            cursor: pointer;
        }

    .hover .mobile-navigation-main li a:hover {
        background: #444;
    }

    .navigation-submenus {
        border-left: none;
        box-shadow: none;
        width: 100%;
        box-shadow: inset 0 -1px #444;
        border-bottom: solid 1px #222;
    }

        .navigation-submenus > li {
            height: auto;
            width: 100%;
        }

    .navigation-submenus-link {
        width: 100%;
        background: none !important;
    }

    .navigation-submenus-sub-list {
        position: relative;
        display: none !important;
        left: 0;
        right: 0;
        background: none !important;
    }

    .navigation-submenus-toggle {
        width: 100%;
        background: none !important;
    }

    .nav-sub-toggle-open {
        display: block !important;
    }

    .navigation-sub-section {
        width: 100%;
    }

    .navigation-submenus-label {
        padding-left: 10px;
    }

    .navigation-container {
        overflow: visible;
        z-index: 202;
    }

    .navigation-main {
        border-bottom: 1px solid #222;
        border-left: none;
        box-shadow: inset 0px -1px #444;
        width: 100%;
        overflow: hidden;
    }

    .navigation-main-link {
        background: none !important;
    }

        .navigation-main-link:hover {
            background: #444 !important;
            color: #fff !important;
        }

    .navigation-secondary {
        width: 100%;
    }

    .mobile-menu-buttons {
        display: block;
    }

    .navigation-menu, .page-menu, .search-menu {
        float: left;
        font-size: 1em;
        cursor: pointer;
        color: #fff;
        position: relative;
        padding: 8px 10px 8px 6px;
        text-shadow: rgba(0,0,0,0.2) 0 1px 1px; /* CE */
        display: block;
    }

    .navigation-menu, .menu_no-right .page-menu, .menu_right .page-menu, .search-menu {
        display: block;
    }

    .hover .navigation-menu:hover, .hover .page-menu:hover, .hover .search-menu:hover {
        background: #222;
    }

    .search-menu {
        float: right;
        border-left: 1px solid #444;
        box-shadow: #222 -1px 0;
        padding-right: 13px;
    }

    .mobile-menu-label {
        float: left;
        line-height: 20px;
        display: block;
    }

    .navigation-menu-icon, .search-menu-icon, .page-menu-icon {
        height: 20px;
        width: 20px;
        float: left;
        position: relative;
        margin-right: 1px;
    }

    .no-svg .navigation-menu-icon {
        background: url(../clientimages/rdg_spritesheet-png.png) -230px -40px;
    }

    .no-svg .search-menu-icon {
        background: url(../clientimages/rdg_spritesheet-png.png) -210px -40px;
    }

    .no-svg .page-menu-icon {
        background: url(../clientimages/rdg_spritesheet-png.png) -210px -60px;
    }

    .svg .navigation-menu-icon {
        background: url(../clientimages/rdg_spritesheet-svg.svg) -4px -2px;
        background-size: 250px 250px;
    }

    .svg .search-menu-icon {
        background: url(../clientimages/rdg_spritesheet-svg.svg) -4px -52px;
        background-size: 250px 250px;
    }

    .svg .page-menu-icon {
        background: url(../clientimages/rdg_spritesheet-svg.svg) -4px -27px;
        background-size: 250px 250px;
    }

    .nav-soc {
        width: 100%;
        border: none;
        box-shadow: inset 0 -1px #444;
        border-bottom: solid 1px #222;
        float: left;
        margin: 0;
    }

        .nav-soc li {
            padding: 0;
            width: 33.3%;
        }

            .nav-soc li a {
                width: 100%;
                text-align: left;
                text-indent: 20px;
                height: 40px;
            }

                .nav-soc li a:after {
                    content: '';
                    color: #fff;
                    font-size: 1.5em;
                    text-shadow: rgba(0,0,0,0.2) 0 1px 1px;
                }

    .nav-mob-hide, .nav-mob-home {
        display: block;
    }

    .nav-mob-hide {
        position: relative;
        width: 100%;
        height: 55px;
        border-bottom: #222 1px solid;
        box-shadow: inset #444 0 -1px 0;
    }

    .nav-mob-close {
        top: 12px;
        right: 12px;
        border-radius: 3px;
        background: #222;
        height: 30px;
        width: auto;
        display: block;
        overflow: hidden;
        text-align: center;
        line-height: 30px;
        z-index: 200;
        cursor: pointer;
        position: absolute;
        padding: 0 15px 2px 10px;
        color: #fff;
        text-shadow: rgba(0,0,0,0.2) 0 1px 1px;
    }

        .nav-mob-close span {
            text-transform: uppercase;
            font-size: 0.8em;
            position: relative;
            bottom: 0;
        }

    .hover .nav-mob-close:hover {
        background: #444;
    }

    .nav-mob-hide .identity-device-hold {
        height: 50px;
        position: relative;
        width: 100%;
    }

    .nav-mob-hide .identity-device {
        top: 12px;
        margin-top: 0;
    }

    /* MAIN HERO - 768px */
    .main-hero {
        margin-top: 0;
        background: #aaa;
        max-height: none;
    }

        .main-hero .slides {
            height: 250px;
        }

        .main-hero + .content-center {
            margin-top: 10px;
        }

    .main-hero-mobile-homepage {
        margin-bottom: 0;
    }

    .main-hero-overlay {
        top: 0;
        left: 0 !important;
        padding: 0 20px 0 !important;
        height: 100%;
    }

    .breadcrumbs-container + .main-hero .main-hero-overlay {
        padding-top: 17px !important;
    }

    .main-hero-overlay:before {
        display: none;
    }

    .main-hero-overlay, .main-hero-slide {
        background-image: none !important;
    }

    .main-hero-center {
        width: 100%;
        padding: 0;
    }

    .main-hero-slide .content-header, .main-hero-slide .content-subheader {
        width: 100%;
        max-width: none;
    }

    .flex-control-nav {
        width: 80%;
        left: 10%;
        bottom: 8px;
    }

    .main-hero .flex-control-nav {
        left: 10%;
    }

        .main-hero .flex-control-nav li {
            line-height: 35px;
        }

    .flex-control-nav li {
        background: none;
    }

    .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
        opacity: 1;
        z-index: 200;
    }

    .flex-direction-nav .flex-next {
        left: auto;
        right: 0;
    }

    .findout-box-center {
        width: 95%;
    }

    .findout-box-header {
        padding: 0 5px;
        font-size: 1.75em;
    }

    .findout-box-mobile {
        display: block;
        padding: 20px 10px 20px 10px;
        box-shadow: rgba(0,0,0,0.3) 0 0 20px;
        overflow: hidden;
    }

    .findout-box-mobile-item {
        width: 50%;
        float: left;
        padding: 5px;
    }

    .findout-box-mobile-link {
        display: block;
        padding: 15px 10px;
        border-radius: 3px;
        color: #fff;
        text-shadow: rgba(0,0,0,0.1) 0 1px 2px;
        text-align: center;
    }

    /*FIND COURSE - 768px */

    .body-with_home .find-course-temp a {
        float: left;
    }

    /* COLUMNS - 768px */
    .cl-main_r, .cl-side_r, .cl-main_l, .cl-side_l, .course-page .cl-main_r, .course-page .cl-side_r, .cl-50, .cl-main_2, .cl-side_2l, .cl-side_2r {
        float: left;
        width: 100%;
    }

    /* ADJUSTABLE CONTENT - 768px */
    .menu_no-right .cl-main_2, .menu_no-right .cl-side_2l, .menu_right .cl-main_2, .menu_right .cl-side_2l, .menu_right .cl-side_2r, .no-menu_right .cl-main_2, .no-menu_right .cl-side_2r {
        width: 100%;
    }


    .content-left .arrow-list {
        padding-left: 0;
    }

    .arrow-list-col, #home-rec ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        -ms-columns: 2;
        -o-columns: 2;
    }

    .content-w-col {
        margin-bottom: 10px;
    }

    .tabs-holder {
        display: none;
    }

    /* PAGE MENU */
    #page-menu-hold {
        height: 0;
        overflow: hidden;
        padding: 0 10px;
    }

        #page-menu-hold.page-menu-open {
            height: auto;
        }

    .left-menu-list {
        -webkit-backface-visibility: visible;
    }

    /* TABS SECTION - 768px */
    .tabs-holder.tabs-stuck + .tabs-clear, .tabs-clear {
        display: none !important;
    }

    .no-touch .tabs-holder.tabs-stuck {
        position: inherit;
        top: inherit;
    }

    .tabs-section > div:first-child {
        padding-top: 30px;
    }

    .tabs-section-modules > div:first-child {
        padding-top: 0;
    }

    .tabs-section, .tabs-section-open {
        display: block;
        overflow: hidden;
        height: 0;
    }

    /* TABS ACCORDIAN – 768px */
    .tabs-accordian {
        display: block;
    }

    .tabs-accordian-open {
        height: auto;
    }

    /* PULLOUT BOX - 768px */
    .pullout-box .connect-list {
        max-width: none;
    }


    /* BLOCKQUOTE - 788px */
    .content-body blockquote {
        width: 100%;
        max-width: none;
        border-top: 0;
        border-left: 3px solid #999;
        padding-left: 10px;
    }

        .content-body blockquote p {
            padding-top: 0;
            padding-left: 0;
            font-size: 1.25em;
        }

    /* KIS WIDGET */
    .kis-center {
        display: none;
    }

    /* CONTENT HEADERS - 768px */
    .content-body h1, #divModDesc h2, .main-hero-slide h2, #home-pro h2, #home-rec h2, .page-header {
        font-size: 1.75em;
    }

    .content-subheader, .content-third-header, .main-hero-slide h3, #home-pro h3, #home-rec h3 {
        font-size: 1.3em;
    }

    #home-pro h2 {
        margin-bottom: 10px;
    }

    .page-header {
        margin-left: 0;
        width: 100%;
    }

    /* CONTENT LEFT/RIGHT – 768px */
    .content-image-right, .content-image-left, .content-image, .image-caption {
        display: none;
    }

    .content-right, .content-left {
        padding: 5px 10px;
    }

        .content-left .content-header,
        .content-right .content-header,
        .content-left .content-subheader,
        .content-right .content-subheader,
        .content-left .content-paragraph,
        .content-right .content-paragraph {
            padding-left: 0;
            padding-right: 0;
        }

    .no-js .course-selection-container, .course-selection-container {
        padding: 0;
        width: 100%;
    }

    .course-selection-left, .course-selection-right, .no-js .course-selection-left, .no-js .course-selection-right {
        width: 100%;
        position: relative;
        min-height: 0 !important;
    }

    .course-selection-left {
        left: 0;
        margin-bottom: 0;
        border: none;
    }

    .course-selection-right {
        padding-right: 10px;
        width: 95%;
        margin: 0 auto 30px;
    }

    .course-anchor-hold {
        display: none !important;
        visibility: hidden;
        opacity: 0 !important;
    }

    .course-list-section .course-item-padding:nth-of-type(2n-1) {
        clear: both;
    }

    .course-item {
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-color: #ccc;
        padding: 0;
        background: none;
    }

        .course-item img {
            display: none;
        }

    .course-title-title, .course-item-info {
        padding-left: 0;
    }

    .hover .course-item:hover, .hover .course-item:hover .course-title {
        background: none;
        color: #111;
        text-shadow: none;
        border-bottom: none;
    }

        .hover .course-item:hover .course-item-info {
            border-bottom: none;
        }

    .hover .course-item:hover {
        padding: 0;
    }

    .course-title {
        position: relative;
        padding: 5px 10px 15px 0;
        background: none;
    }

    /* COURSE SELECTION – 768px */
    .course-selection {
        padding: 0;
        background: #f1f1f1;
    }

        .course-selection .content-third-header {
            margin-bottom: 0;
            background: #aaa;
            border-bottom: #999 1px solid;
            box-shadow: inset #ccc 0 -1px;
            z-index: 200;
            position: relative;
        }

            .course-selection .content-third-header a {
                cursor: pointer;
                line-height: 50px;
                display: block;
                width: 95%;
                margin: 0 auto;
                padding: 3px 10px 6px;
                color: #fff;
                text-shadow: rgba(0,0,0,0.1) 0 1px 2px;
                position: relative;
            }

                .course-selection .content-third-header a:after {
                    position: absolute;
                    right: 5px;
                    top: 15px;
                    display: block;
                    height: 25px;
                    width: 25px;
                    content: "";
                    -webkit-transition: 300ms;
                    transition: 300ms;
                }

                .course-selection .content-third-header a.course-sel-title:after {
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    -ms-transform: rotate(-180deg);
                    -o-transform: rotate(-180deg);
                    -moz-transform: rotate(-180deg);
                }

    .svg .course-selection .content-third-header a:after {
        background: url(../clientimages/rdg_spritesheet-svg.svg) -150px -100px no-repeat;
        background-size: 250px 250px;
    }

    .no-svg .course-selection .content-third-header a:after {
        background: url(../clientimages/rdg_spritesheet-png.png) -470px 0 no-repeat;
    }


    .course-selection .button {
        max-width: 400px;
        margin: 10px auto 30px auto;
    }

    .course-selection .button-advanced {
        margin: 20px auto 0 auto;
    }

    .entry-requirements-box .content-third-header {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .course-selection-carousel {
        height: 0;
        overflow: hidden;
        width: 95%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .no-js .course-selection-carousel {
        height: auto;
    }

    .course-selection-carousel-open {
        height: auto;
    }

        .course-selection-carousel-open:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            background: #ddd;
            border-top: #fff 1px solid;
            bottom: 0;
            left: 0;
        }

    .course-selection-header-link.course-selection-title-open {
        background-position: right top;
    }

    .course-image {
        display: none;
    }

    .course-selection-col-2 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        -ms-columns: 3;
        -o-columns: 3;
    }

    .course-filter {
        position: relative;
        top: 0;
        width: 100%;
    }

    .course-filter-list {
        position: absolute;
        left: 5px;
        right: 5px;
    }


    .highlight-box .cl-33 {
        width: 100%;
        float: left;
        padding: 0 5px;
    }

    /* MODULE TABS – 768px */
    .tabs-section-modules {
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        .tabs-section-modules .cl-50, .tabs-section-modules .arrow-list {
            margin-bottom: 0;
        }

    .tabs-modules-header {
        display: block;
    }

    /* BUTTONS - 768px */
    /*.button-right { width:100%; max-width:250px; float:none; margin:0 auto; text-align: center; }*/
    .button-right, .button-left {
        max-width: 33.3%;
    }

    .news-home + .button-right, .events-home + .button-right {
        width: 90%;
        max-width: 250px;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .button-kicker {
        width: 49%;
        float: left;
    }

    .button-prospectus {
        margin-left: 2%;
    }

    .entry-requirements-col {
        width: 48%;
        float: left;
        margin-right: 2%;
    }

    .entry-requirements-seefull {
        clear: both;
        display: block;
        width: 100%;
    }

    .secondary-hero-header {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .related-courses-more + .column-33,
    .related-courses-more + .column-33 + .column-33 {
        width: 100%;
    }

    .mobile-entry-requirements {
        display: block;
        float: left;
        width: 100%;
        padding: 12px 10px 0;
        box-shadow: inset #555 0 1px;
        border-top: 1px solid #888;
        background: #aaa;
        margin-bottom: 0;
        overflow: hidden;
    }

        .mobile-entry-requirements .button-kicker {
            width: 46.5%;
            margin: 0 2.5% 10px;
        }

        .mobile-entry-requirements .button-openday {
            margin: 0 1% 10px 2.5%;
        }

        .mobile-entry-requirements .button-prospectus {
            margin: 0 2.5% 10px 1%;
        }

    .lightbox-hold {
        right: inherit;
        left: 100%;
        opacity: 1;
    }

        .lightbox-hold.lb-open {
            left: 0;
        }

    .lightbox-box {
        width: 100%;
        top: 0;
        height: 100%;
    }

    .lightbox-scroll {
        border: none;
        border-radius: 0;
        padding: 20px 1%;
    }

    #divModDesc, .lb-content {
        padding: 0 10px;
    }

    .lightbox-scroll .lb-module-main-item {
        padding-left: 0;
    }

    .lightbox-module-info,
    .lightbox-module-main,
    #divModDesc div div,
    #divModDesc div div#MODCAT-HED {
        width: 100%;
        padding-right: 0;
    }

        #divModDesc div div#MODCAT-HED,
        .lightbox-module-info {
            overflow: hidden;
        }

    .lb-module-info-item {
        display: inline-block;
        width: 100%;
    }

    .lightbox-close {
        top: 10px;
        right: 10px;
        width: 40px !important;
        height: 40px;
        line-height: 40px;
        outline: #eee 5px solid;
        position: fixed;
        z-index: 5000;
    }

        .lightbox-close span {
            width: 40px;
            font-size: 25px;
            line-height: 36px;
        }

    .module-table-body th.module-table-first {
        width: 33%;
    }

    /* BREADCRUMBS - 768px */
    .breadcrumbs-container + .content-center {
        margin-top: 10px !important;
        padding-top: 40px;
    }

    .breadcrumbs-container + .course-selection-container {
        margin-top: 0;
    }

    .breadcrumbs-container + .main-hero {
        margin-top: 0;
        padding-top: 0;
    }

    .breadcrumbs-toplevel {
        display: block;
    }


    /* COURSE QUICK INFO – 768px */
    .course-quickinfo-center .content-fourth-header {
        font-size: 1.1em;
        padding-left: 10px;
    }

    .course-quickinfo-center {
        width: 100%;
    }

    .course-quickinfo-entry, .course-quickinfo-list {
        width: 100%;
        float: left;
        border: none;
        box-shadow: none;
        padding: 0 2.5%;
    }

    .course-quickinfo-list {
        padding-bottom: 10px;
    }

    .course-quickinfo-entry {
        box-shadow: inset #444 0 -1px;
        border-bottom: 1px solid #666;
        height: auto;
        padding: 10px 2.5%;
    }

        .course-quickinfo-entry .content-paragraph {
            margin-bottom: 0;
            display: inline-block;
            width: auto;
            margin-right: 5px;
            padding-left: 10px;
        }

            .course-quickinfo-entry .content-paragraph + .content-paragraph {
                padding-left: 0;
            }

    .course-year-container {
        display: none;
    }

    /* FOOTER - 768px */
    .footer-panorama {
        display: none;
    }

    .footer-center {
        padding-top: 20px;
    }

    .footer-column {
        width: 33.33%;
    }

        .footer-column:nth-of-type(3n-2) {
            clear: both;
        }

    /* NEWS - 768px */
    .news-home li, .events-home li {
        width: 100%;
    }

        .news-home li a {
            position: relative;
            padding-left: 60px;
        }

            .news-home li a div {
                display: none;
            }

    .news-home .events-date {
        left: 10px;
        top: 0;
    }

    #home-pro .cl-100 {
        padding-bottom: 45px;
        margin-bottom: 40px;
    }

        #home-pro .cl-100 + .cl-100 {
            margin-bottom: 10px;
        }

    #home-pro .button {
        top: auto;
        right: auto;
        left: 10px;
        bottom: 0;
        z-index: 20;
    }

    /* FORMS - 768px */
    .content-body form input.inputText10 {
        width: 20%;
    }

    .content-body form input.inputText20 {
        width: 40%;
    }



    /* COLOUR BAND – 768px */
    .content-tabs-opacity + .colour-band-container {
        margin-top: 0;
    }

    .colour-band-textinput, .colour-band-padding, .colour-band-container .dselect {
        width: 100%;
    }

    .colour-band-container .content-paragraph, .colour-band-container .content-paragraph + .arrow-list {
        width: 100%;
        padding-left: 0 !important;
    }

    /* IDENTITY CONTAINER - 768px */
    .identity-container {
        padding-top: 10px;
        position: relative;
        height: auto;
    }

    .identity-device-hold {
        position: absolute;
        bottom: 0;
    }

    .identity-device {
        bottom: 15px;
    }

    .identity-list {
        padding: 5px 0 45px 0;
    }

    .colour-band-show_Yes + .nojs-footer + .footer-container + .nojs-information + .ie6-information + .identity-container {
        margin-top: 0;
    }

    /* TESTIMONIAL – 768px */
    .course-testimonial-alumnus {
        font-size: 1em;
    }


    /* FIND COURSE - 768px */
    .find-course h3 {
        margin-right: 0;
        width: 33%;
    }

    .find-course-form {
        width: 66%;
        float: right;
        padding-right: 44px;
    }

    .find-course-submit {
        right: 10px;
    }

    .body-with_home .find-course h3 {
        width: 100%;
    }

    .body-with_home .find-course-temp {
        width: 100%;
        margin-top: 5px;
    }

    /* MALAYSIA HENLEY - 768px */
    .henley-malaysia-container {
        margin-top: 25px;
    }
}

@media screen and (max-width:500px) {
    .navigation-main-item {
        width: 100%;
    }
    /* NAVIGATION - 500px */
    .menu_no-right .search-menu, .menu_right .search-menu {
        padding: 8px 5px 8px 8px;
    }

        .menu_no-right .search-menu .mobile-menu-label, .menu_right .search-menu .mobile-menu-label {
            display: none;
        }

    /* MAIN HERO - 500px */
    .main-hero .slides {
        height: 300px;
    }

    .header-search-box {
        width: 70%;
    }

    .header-search-submit {
        width: 30%;
        padding: 5px;
    }
    /* FOOTER - 500px */
    .footer-column {
        width: 50%;
    }

        .footer-column:nth-of-type(3n-2) {
            clear: none;
        }

        .footer-column:nth-of-type(2n-1) {
            clear: both;
        }

    .content-header-mobile-hide {
        display: none;
    }

    .findout-box-mobile-item {
        width: 100%;
    }

    /* CONTENT - 500px */
    .arrow-list-col, .course-selection-col-2, #home-rec ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        -ms-columns: 1;
        -o-columns: 1;
    }

    .content-body img {
        margin: 5px auto 10px;
        float: none;
        display: block;
    }

        .content-body img.image-right, .content-body img.image-left {
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }

    /* HENLEY MALAYSIA - 500px; */
    .henley-malaysia-container .cl-33 {
        padding: 0 10px;
        margin-bottom: 35px;
    }

    .malaysia-device, .henley-device, .moocs-device {
        display: block;
        position: relative;
        left: 0;
        margin-bottom: 15px;
    }

    /* FORMS - 500px */
    .content-body form {
        padding-left: 8px;
        padding-right: 8px;
    }

        .content-body form input.inputText10,
        .content-body form input.inputText20 {
            width: 31.3%;
        }

        .content-body form textarea {
            min-height:;
        }

    /* COURSE ITEM – 500px */
    .course-item-padding {
        width: 100%;
    }

    .research-centre {
        width: 100%;
    }

    .button-kicker {
        width: 100%;
    }

    .mobile-entry-requirements .button-kicker {
        width: 95%;
        margin: 0 auto 10px;
        float: none;
    }

    .button-prospectus {
        margin-left: 0;
    }

    .related-courses-more .colour-band-links-item {
        width: 100%;
        margin-right: 0;
    }

    .entry-requirements-col {
        width: 100%;
        margin: 0;
    }

    #divModDesc div div#MODCAT-HED,
    .lightbox-module-info {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        -ms-columns: 1;
        -o-columns: 1;
    }

    .course-quickinfo-item {
        width: 100%;
    }

    .course-selection-col-2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        -ms-columns: 2;
        -o-columns: 2;
    }
    /* RELATED COURSES – 500px */
    .related-courses-more .arrow-list li {
        width: 100%;
        padding-right: 0;
    }

    /* FIND COURSE - 500px */
    .find-course {
        padding: 12px 0 15px;
    }

        .find-course h3 {
            width: 97%;
            padding: 0 10px;
            margin: 0 auto 5px;
            line-height: 1.4em;
            float: none;
        }

    .find-course-form {
        width: 100%;
        padding-right: 44px;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding-left: 10px;
    }

    .find-course-submit {
        right: 10px;
    }


    /* COOKIES NOTICE */
    .cookie-notice-button a span, .cookie-notice h3 span, .cookie-mobile {
        display: none;
    }
}

@media screen and (max-width:350px) {
    /* 100% WIDTH */
    .course-selection-right, .course-selection .content-third-header a, .breadcrumbs-center, .header-center, .mobile-entry-requirements .button-kicker, .content-center, .colour-band-center, .identity-center, .navigation-center {
        width: 100%;
    }

    .course-selection-right {
        padding: 0 10px;
    }

        .course-selection-right .content-header, .course-selection-right .content-subheader {
            padding-left: 0;
        }

    .course-quickinfo-entry, .course-quickinfo-list {
        padding: 10px 0;
    }

    /* CONTENT HEADER - 350px */
    .content-body h1, #divModDesc h2, .main-hero-slide h2, #home-pro h2, #home-rec h2 {
        font-size: 1.5em;
    }

    .content-subheader, .content-third-header, .tabs-accordian, .main-hero-slide h3, #home-pro h3, #home-rec h3 {
        font-size: 1.2em;
    }

    .content-body img {
        max-width: none;
        width: 100%;
    }

    /* NAVIGATION - 350px */
    .navigation-center, .mobile-menu-buttons {
        border-left: none;
        border-right: none;
        box-shadow: none;
    }

    .menu_no-right .mobile-menu-label, .menu_right .mobile-menu-label {
        display: none;
    }

    .menu_no-right .navigation-menu, .menu_right .navigation-menu, .menu_no-right .page-menu, .menu_right .page-menu {
        border-right: 1px solid #222;
        box-shadow: #444 1px 0;
        padding: 8px 5px 8px 8px;
    }

    .nav-wrapper-open {
        transform: translate(calc(100% - 50px),0);
        -ms-transform: translate(calc(100% - 50px),0);
        -webkit-transform: translate(calc(100% - 50px),0);
    }

    .nav-overlay-open {
        right: 0;
        left: auto;
        width: 50px;
    }

    .mobile-navigation-main {
        width: 90%;
    }

    .mobile-search {
        padding-right: 90px;
    }

        .mobile-search button {
            right: 60px;
        }

    /* MAIN-HERO - 350px */
    .main-hero .slides {
        height: 250px;
    }

    .main-hero-overlay {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .main-hero-table {
        padding-bottom: 35px;
    }

    .main-hero-headers {
        padding-top: 5px;
    }

    .flex-control-nav {
        bottom: 5px;
    }

        .flex-control-nav li {
            padding: 3px;
        }

    .flex-control-paging li a {
        width: 8px;
        height: 8px;
    }

    .flex-direction-nav a {
        width: 25px;
        height: 25px;
        bottom: 5px;
    }

    .svg .flex-direction-nav .flex-prev {
        background-position: -100px -75px;
        background-size: 250px 250px;
        left: 5px;
    }

    .svg .flex-direction-nav .flex-next {
        background-position: -125px -75px;
        background-size: 250px 250px;
        right: 5px;
    }

    /* COURSE SELECTION – 350px */
    .course-selection-col-2 {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        -ms-columns: 1;
        -o-columns: 1;
    }

    .course-list-alphabet, .course-list-alphabet-none {
        margin-left: 0;
    }

    /* COURSE FILTER – 350px */
    .course-filter-select {
        width: 100%;
        padding-left: 0;
    }

    /* COURSE ITEM – 350px */
    .course-item-padding {
        padding: 0;
    }

    /* TABS SECTION – 350px */
    .tabs-section-modules {
        padding-right: 0;
        padding-left: 0;
    }

        .tabs-section-modules .cl-100, .tabs-section-modules .cl-50, .pullout-box .content-paragraph, .course-page .pullout-box .content-fourth-header {
            padding-left: 8px;
            padding-right: 8px;
        }

    /* FOOTER - 350px */
    .footer-column {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .footer-center {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* BUTTONS – 350px */
    .button-right, .button-left {
        width: 100%;
        max-width: none;
        margin-bottom: 10px;
    }

    /* CONNECT LIST – 350px */
    .pullout-box .connect-list {
        padding: 0 3px;
    }

    /* COURSE TESTIMONIAL – 350px */
    .course-testimonial {
        padding: 15px 8px 8px;
    }

    .course-testimonial-spacer + .course-testimonial-paragraph {
        text-indent: 40px;
    }

    .course-testimonial-headshot {
        display: none;
    }

    /* FIND COURSE - 350px */
    .find-course {
        padding-left: 10px;
        padding-right: 10px;
    }

        .find-course h3 {
            width: 100%;
            padding: 0;
        }

    .find-course-form {
        width: 100%;
        padding-left: 0;
        padding-right: 34px;
        float: left;
    }

    .find-course-submit {
        right: 0;
    }

    .body-with_home .find-course-temp a {
        margin-left: 0;
    }

    /* mod by luke for DR */
    /*.body-with_home .find-course-temp a:nth-child(3) {margin-top:10px}
  .body-with_home .find-course-temp a#prospect-pgr {margin-top:10px}*/

}

@media screen and (max-width:275px) {
    /* MAIN HERO - 275px */
    .main-hero .slides {
        height: 245px;
    }

    .main-hero-overlay {
        padding-top: 5px !important;
    }

    .breadcrumbs-container + .main-hero .main-hero-overlay {
        padding-top: 42px !important;
    }

    .main-hero-headers {
        display: block;
    }

    /* NAVIGATION - 275px */
    .search-menu {
        padding: 8px 5px 8px 8px;
    }

        .search-menu .mobile-menu-label {
            display: none;
        }

    /* BUTTON KICKER */
    .button-kicker {
        padding: 8px;
    }

        .button-kicker .icon-openday, .button-kicker .icon-prospectus {
            display: none;
        }

    /* TESTIMONIAL */
    .course-testimonial {
        padding: 8px;
    }

    .course-testimonial-spacer, .course-testimonial-headshot {
        display: none;
    }

        .course-testimonial-spacer + .course-testimonial-paragraph {
            text-indent: 0;
        }
}

@media screen and (max-width:233px) {
    /* MAIN HERO - 233px */
    .main-hero .slides {
        height: 280px;
    }

    /* NAVIGATION */
    .nav-mob-close {
        padding-right: 10px;
        top: 17px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        padding: 0;
    }

        .nav-mob-close span {
            display: none;
        }
}

@media screen and (max-width:200px) {
    /* MAIN HERO - 200px */
    .main-hero .slides {
        height: auto;
        min-height: 300px;
    }

    .main-hero-overlay {
        min-height: 300px;
    }

    .flex-control-nav {
        bottom: inherit;
        top: 278px;
    }

    .flex-direction-nav .flex-next:after, .flex-direction-nav .flex-prev:after {
        top: 273px;
    }

    .body-with_home .main-hero .slides {
        height: 337px;
    }

    .body-with_home .flex-control-nav {
        bottom: inherit;
        top: 315px;
    }

    /* NAVIGATION 200px */
    .navigation-menu {
        padding: 8px 5px 8px 8px;
        border-right: #444 1px solid;
        box-shadow: inset #222 -1px 0 0;
    }

        .navigation-menu .mobile-menu-label {
            display: none;
        }
}