/* #Media Queries
================================================== */

/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/* Large Desktops */
@media only screen and (min-width: 1230px) {
    .topmenu ul li a {
        font-size: 15px;
    }

    #mainNav {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    #mainNav > li > a {
        font-size: 16px;
    }

    #mainNav li a {
        padding: 5px 15px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1023px) {
    .home_content_text {
        width: auto;
    }

    .homegirl {
        float: none;
        position: static;
        text-align: center;
        margin-bottom: -31px;
    }

    .half_width_video {
        float: none;
        width: 100%;
        margin: 15px 0px 10px 0px;
    }

    #footer_partners .partners {
        flex-wrap: wrap;
    }

    #footer_partners .partners .image_wrap {
        width: 33.333%;
    }

    #footer .row {
        flex-direction: column;
    }

    #footer .footer_logo {
        margin-left: 0;
        margin-top: 40px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

    #copy .padding {
        padding: 40px 40px 30px 40px;
    }

    /* Widgets */
    .widget_form_row label {
        width: 100%;
        display: block;
    }

    .widget_form_input {
        width: 100%;
    }
    .widget_title h2 {
        font-size: 15px;
        line-height: 20px;
    }
    .widget_date {
        margin: 4px 12px 10px 0px;
    }
    .home_page .widget_content {
        min-height: 211px;
    }
    /* General Styles */

    /* Header & Banner & Nav */
    .topmenu ul li a {
        font-size: 12px;
    }
    /* Logged in Styles - Header Bar */
    .loggedin .header_search_bar .joint_box input.search {
        width: 127px;
        min-width: 0;
    }
    .loggedin .header_search_bar .custom_select {
        width: 169px;
    }
    /* -- banner */
    #mainNav li a {
        font-size: 12px;
        padding: 15px 5px 14px;
    }
    #mainNav > li.first a {
        padding-right: 11px;
        padding-left: 13px;
    }

    /* list styles special */
    .list_style ul li {
        padding: 2px 0!important;
        margin-left: 16px!important;
        text-indent: -18px!important;
    }
    #copy ul li:before, .list_style ul li:before {
        margin-right: 9px;
    }

    /* Our Partners Banner */
    .ourpartners_widget .flex-control-paging li a {
        width: 15px;
        height: 15px;
    }
    #copy .flex-container ol.flex-control-nav li {margin-left: 6px;}
    .ourpartners_widget .title h2 {
        font-size: 17px;
        width: 47%;
    }
    .ourpartners_widget .flex-container {
        width: 34%;
        padding: 13px 5% 13px 0;
    }
    #ourpartners .img_width {max-width: 108px;}
    .ourpartners_widget .content {
        padding: 29px 10px 36px;
    }


    /* Inner Template Styles */
    .copy_bg_wrapper {
        background-position: -180px;
    }
    /* --- sidebar */
    .widget_title {
        padding: 12px 15px 12px 16px;
    }

    /* Resource Page Styles */
    .shadowWrapper {
        width: 20px;
        padding-left: 0;
        margin-left: -3px;
    }
    .resourcesListingContainer.resourcesListingContainerWImage {
        width: 61%;
    }
    .pagnav_bar_cotainer .left, .pagnav_bar_cotainer .right, .pagnav_bar_cotainer .nextprevcurrentpage, .pagnav_bar_cotainer .nextprevlink, .pagnav_bar_cotainer .nextprevdisabled {
        padding: 10px 9px;
    }
    .displaying_box {
        width: 33%;
    }

    /* Resource Listing Box Styles - Added small class for this - works everywhere */
    .small_style .resourcesListingContainer.resourcesListingContainerWImage, .small_style .resourcesListingContainer.resourcesListingContainerWImage {
        width: 50%;
    }
    .small_style .resourcesListingThumb, .small_style .learningsListingThumb {
        width: 97px;
    }
    .small_style .resourcesListingThumb .arrow_overlay, .small_style .learningsListingThumb .arrow_overlay {
        position: relative;
        width: 89px;
        height: 89px;
        background-size: 100% auto;
        overflow: hidden;
    }
    .small_style, .learningsListingContainer h2, .small_style .resourcesListingContainer h2 {
        margin-top: 0;
    }


    /* Resource View Styles */
    .favourites {
        width: 75%;
    }
    .published_box .content {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }
    .published_box .tablet_v {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    /*Survey box */
    .survey_box .padding_ {
        padding: 10px;
    }
    .published_box .button.purple,
    .survey_box .button {
        padding: 9px 9px!important;
        font-size: 11px;
    }

    /* Members Styles  */
    a .members_button {
        padding: 10px;
        min-height: 197px;
    }
    .members_button h3 {
        font-size: 15px;
    }
    .members_table tr td:last-child {
        padding-right: 5px;
    }
    .members_table a {
        float: left;
        width: 80%;
        display: block;
        margin-bottom: 3px;
        font-size: 13px;
    }
    .members_table a.one{
        float: none;
        width: auto;
        display: inline;
    }

    .members_table .options {
        min-width: 135px;
    }
    /* Exam Results Page */
    .exam_results_container .center {
        width: 60%;
    }
    .question_answers .blackout div {
        width: 93%;
    }

    .textinput.Turing {
        float: left!important;
    }


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* General Styles */
    input[type="submit"], button, .button {
        padding: 10px 20px;
        font-size: 12px;
    }

    html, body {
        font-size: 14px;
        line-height: 20px;
    }

    #copy .padding {
        padding: 20px;
    }

    .mobile_line {
        height: 2px;
    }

    #homePage #menu_mobile {
        display : none;
    }

    .form_label {
        width   : auto;
        padding : 0;
    }


    .form_required {
        width   : 5%;
        padding : 5px 0 0 10px;
    }

    .form_field {
        width      : 100%;
        float      : none;
        margin-top : 0;
    }

    #header {
        padding: 10px 0;
    }
    /* header Bar */
    .member_text {
        padding-left: 0;
        font-size: 12px;
        padding: 3px 0px 0 0px;
    }
    .header_search_bar {
        width: 58%;
        float: left;
        padding-right: 0!important;
        border: none;
    }
    .joint_box input[type=text] {
        min-width: 80px;
        width: 100%;
    }
    .joint_box select {
        height: 26px;
        width: 100%;
        min-width: 80px;
    }
    .bar_padding {
        padding: 13px 5px 21px 0px;
        margin-top: 15px;
    }

    /* banner */

    .home_banner_section .container_24 {
        flex-wrap: wrap;
        width: 100%;
    }

    #homeBannerText .slides .banner_text {
        margin-left: 5%;
    }

    .banner_text h2 {
        font-size: 30px;
    }

    .home_banner_section .target_side .blue_box {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blue_box h2 {
        font-size: 18px;
    }

    /* Content */

    #content {
        background-color: #ffffff;
    }

    #content .padding {
        padding-left: 0;
        padding-right: 0;
    }

    body.full-width .header_banner.bg_image {
        margin-top: 35px;
        margin-bottom: 15px;
    }

    body:not(.full-width) .header_banner.bg_image {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    /* Home Content */

    .home_content_section .row {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .home_content_section .row > * {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .home_content_section .widget_side {
        order: -1;
    }

    /* Widgets */

    .home_page .widget_content {
        min-height: 0px;
    }
    .widget_date.last {
        margin-bottom: 4px;
    }


    /* Footer */

    #footer_partners,
    #footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #footer_partners h2 {
        margin-bottom: 20px;
    }

    #footer .footer_list ul {
        flex-direction: column;
    }

    #footer .footer_list ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #footer .footer_logo {
        margin-top: 20px;
    }

    #footer_credit {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer_credit img {
        margin-top: 10px;
    }

    /* inner Template */
    h1.inner_temp_h1 {
        font-size: 24px;
    }

    /* Resource Page Styles */
    .shadowWrapper {
        display: none;
    }
    .topic_box, .topic_box.last {
        width: 48%;
        margin-right: 2%;
    }
    .topic_box.topmargin {
        margin-top: 0;
    }
    .topic_box.mobiletop {
        margin-top: 5px;
    }
    .widget.resc {
        margin-bottom: 25px;
    }
    .pagnav_bar_cotainer .left, .pagnav_bar_cotainer .right, .pagnav_bar_cotainer .nextprevcurrentpage, .pagnav_bar_cotainer .nextprevlink, .pagnav_bar_cotainer .nextprevdisabled {
        padding: 8px 10px;
    }
    .displaying_box {
        width: 100%;
        font-size: 14px;
        padding-top: 0;
        margin-bottom: 12px;
    }
    #copy p.nextprevnav {
        float: left
    }

    /* Resource View Styles */
    .published_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .published_box .button.purple,
    .survey_box .button {
        padding: 9px 11px!important;
    }

    /*Survey box */
    .survey_box {
        width: 100%;
    }
    /* Media Box */
    #media_box {
        width: 100%;
    }
    #resource_video {
        width: 88%!important;
        height: 295px!important;
    }

    /* You may also be interested in... section */
    .viewall {
        float: none;
        margin-top: 0;
        padding: 0px 0 5px;
        width: 100px;
    }

    /*Members login form styles */
    .pass_styles {
        margin-left: 0%;
        padding-top: 11px;
        display: block;
    }

    /* Learning Module */
    .learning_steps_container {
        display: none;
    }
    .section_output .published_box {
        width: 100%;
        margin-left: 0;
        float: left;
    }

    /* Members Area Styles */
    .member_Welcome {
        margin-bottom: 20px;
    }
    .member_button_container {
        margin-bottom: 20px;
    }
    a .members_button i {
        font-size: 42px;
    }
    a .members_button {
        padding: 10px;
        min-height: 160px;
        margin-top: 11px;
    }
    .members_button h3 {
        line-height: 19px;
        font-size: 16px;
    }
    .members_button .icon_container {
        margin-top: 10px;
    }



    .members_table i {
        display: none;
    }

    .members_table a {
        display: block;
        float: left;
        min-height: 35px;
        width: 21%;
        margin-bottom: 0px;
        margin-right: 3%;
        padding: 5px 10px;
        text-align: center;
        color: #C0C0C0;
        background: #FDFDFD;
        line-height: 15px;
    }
    .members_table a:hover{
        background: #52426D;
        color: #fff;
    }
    .members_table i {
        display: inline-block;
        font-size: 20px;
        padding-top: 8px;
        margin-right: 0;
        width: auto;
    }
    .members_table span {
        display: none;
    }
    .members_table .star i {
        display: inline;
    }
    .members_table .star a{
        background: none;
        display: inline;
        min-height: 0px;
        float: none;
        max-width: 0;
    }
    .members_table a.one {
        width: 80%;
        margin-left: 0;
    }
    .textinput.Turing {
        float: left!important;
        width: 100%;
    }

    /* Exam Module Styles */
    .question_content {
        width: 88%;
        float: left;
    }
    .question_number {
        min-width: 32px;
    }
    .answer .txt {
        width: 90%;
    }


    /* Exam Results Page */
    .exam_results_container .center {
        width: 100%;
    }
    .question_answers .blackout div {
        width: 87%;
    }
    #exam_results .exam_results_container {
        margin: 0;
    }
    .exam_results_container .result h2 {
        font-size: 22px;
    }
    .exam_results_container .result span {
        font-size: 28px;
    }
    #exam_results_answers .question_group_box_inner {
        padding-left: 0;
        padding-right: 0;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .members_table .options {
        min-width: 83px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    table {
        width: 100%;
        box-sizing: border-box;
    }
    table tr td {
        padding: 9px 8px;
    }
    .pageimageright,.pageimageleft {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        margin: 15px 0 15px;
    }

    blockquote, blockquote p {
        font-size: 15px;
        line-height: 22px;
    }
    /* Header Bar */
    .header_search_bar {
        width: 100%;
    }
    .bar_padding {
        padding: 6px 0px 5px 0px;
        margin-top: 0px;
    }
    .bar_mobile_version {
        padding-bottom: 10px;
    }

    /* banner */

    .banner_text h2 {
        font-size: 18px;
    }

    .banner_text .button {
        margin-top: 20px;
    }

    /* blue box */

    .blue_box li {
        width: 100%;
        float: none;
    }

    /* inner Template */
    h1.inner_temp_h1 {
        font-size: 18px;
    }

    /* Footer */
    #footer_partners .partners .image_wrap {
        width: 50%;
    }

    /* Resource Page Styles */
    .topic_box, .topic_box.last {
        width: 48%;
        margin-right: 1.2%;
        margin-top: 5px;
    }
    .rsc_hide {
        display: none!important;
    }

    .resourcesListingThumb,
    .learningsListingThumb,
    .resourcesListingThumb .arrow_overlay,
    .learningsListingThumb .arrow_overlay,
    .resourcesListingThumb img,
    .learningsListingThumb img {
        width: 100%;
        overflow: hidden;
    }
    .resourcesListingThumb img.arrow,
    .learningsListingThumb img.arrow {
        width: 22px;
        height: auto;
    }
    .resourcesListingThumb .arrow_overlay,
    .learningsListingThumb .arrow_overlay {
        height: 100px;
    }
    .learningsListingContainer.learningsListingContainerWImage,
    .resourcesListingContainer.resourcesListingContainerWImage {
        width: 100%;
        margin-top: 10px;
    }
    .displaying_box {
        width: 100%;
        padding-top: 0;
    }
    .nextprevnav {
        float: left;
        margin-top: 15px;
        margin-right: 04%;
    }

    .pagnav_bar_cotainer .left, .pagnav_bar_cotainer .right, .pagnav_bar_cotainer .nextprevcurrentpage, .pagnav_bar_cotainer .nextprevlink, .pagnav_bar_cotainer .nextprevdisabled {
        padding: 8px 8px;
    }


    /* Resource View Styles */
    .published_box .content {
        width: 100%;
        box-sizing: border-box;
    }
    .published_box .tablet_v {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    /* Survey Box */

    .published_box .button.purple,
    .survey_box .button {
        padding: 9px 10px!important;
        font-size: 11px;
    }

    /* Media Video Box */
    #resource_video {
        width: 88%!important;
        height: 150px!important;
    }

    /* Learning Module */
    .section_output .published_box {
        text-align: center;
    }

    .section_output .published_box h3 {
        width: 100%;
        margin-bottom: 15px;
        float: none;
    }
    .section_output .published_box .button.purple,
    .survey_box .button {
        float: none;
    }



    /* Members Area Styles */
    a .members_button {
        width: 48%;
        margin-top: 10px;
    }

    a .members_button.centre {
        margin-right: 0;
        margin-left: 0;
    }

    a .members_button.second {
             margin-left: 4%;
    }


    .members_table tr td {
        display: block;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .members_table thead{
        display: none;
        float: none;
        width: auto;
    }
    .members_table tr {
        float: left;
        margin-bottom: 19px;
    }
    .members_table span {
        display: block;
    }

    .members_table a, .members_table a.one {
        float: left;
        width: 36%;
        min-height: 67px;
    }
    .members_table .star a {
        display: none;
    }
    .members_table i {
            padding-top: 4px;
            font-size: 28px;
    }
    .members_table tr td:first-child, .members_table tr td, .members_table tr td:last-child {
        border: none;
    }
    .members_table .tdtitle {
        color: #41BDF2;
        font-weight: bold;
        font-size: 17px;
    }


    .textinput.Turing {
        float: left!important;
    }


    /* Exam Module Styles */
    .question_content {
        width: 84%;
    }
    .question_group_box_inner {
        padding-left: 0;
    }
    .answer .txt {
        width: 89%;
    }


    /* Exam Results Page */

    .exam_results_container .result h2, .exam_results_container .result span {
        width: 100%;
        line-height: 30px;
        text-align: center;
    }
    .exam_results_container .result {
        margin-bottom: 18px;
    }
    #exam_results .exam_results_container {
        padding: 15px 0 3px;
    }
    .question_answers .blackout div {
        width: auto;
    }
    .topic_box_clear {
        display: block;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 326px) {
    .topic_box_clear {
        display: none;
    }
    .topic_box, .topic_box.last, .topic_box.mobiletop {
        width: 100%!important;
        margin-right: 0%;
        margin-top: 10px;
    }
    .topic_box .overlay_bg {
        background-position: 89px 0px;;
    }
}