﻿/*Under 1400*/
@media only screen and (max-width: 1399px) {
    #footer .footer-contact {
        padding-left: 40px;
    }
    .header-buttons, #mainNav {
        margin-right: 15px;
    }
    .panel_nav > ul > li a {
        padding: 10px 10px 15px 10px;
    }
    .panel_nav .top_level > li.page_join a {
        margin-right: 0;
    }
    .standard.col-sm-9 {
        padding: 60px 5% 100px 5%;
    }
    #homeWrapper .membership .col-xs-12 {
        padding: 50px 15px 0 15px;
    }
    #homeWrapper .membership .benefits,
    #homeWrapper .col-sm-6.news .col-sm-8,
    #homeWrapper .col-sm-6.events .col-sm-8,
    .content_block.publications,
    .content_block.accreditation,
    .content_block[class*='callout'],
    .second_level_nav a {
        padding-left: 15px;
    }
    .content_block.publications ul li {
        margin-right: 15px;
    }
    #homeWrapper .home-quote {
        padding: 30px 20px 80px 235px;
    }
    #homeWrapper .home-quote p {
    }
    #homeWrapper .home-quote:before {
        left: 130px;
    }
    #membershipWrapper .member-join {
        background-position: 55% center;
    }
    #membershipWrapper .member-join .col-sm-4 {
        padding: 53px 0 42px 30px;
    }
    #membershipWrapper .member-join .col-sm-5 {
        padding-left: 40px;
    }
    #membershipWrapper .member-criteria p {
        width: 28%;
    }
}

@media only screen and (max-width: 1250px) {
    .header-search {
        float: right;
        clear: both;
    }
    .header-search .input-wrapper {
        margin-right: 0;
    }
    .standard.col-sm-9 {
        padding: 60px 3.5% 0 3.5%;
    }
    #homeWrapper .home-boxes .col-sm-4 .button-nor {
        position: static;
        margin-top: 10px;
    }
    .content_block.publications ul {
        float: left;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 1200px) {
    #homeWrapper .home-boxes .col-sm-4 .button-nor {
        float: left !important;
    }
    #homeWrapper .home-boxes .col-sm-4.vacancy .button-nor {
        margin-top: 10px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .header-logo {
        padding-left: 10px;
    }
    .header-logo img {
        max-width: 100%;
    }
    .header-search .input-wrapper {
        width: 140px;
        margin-right: 0;
    }
    .header-buttons {
        margin-right: 5px;
    }
    .header-search {
        float: left;
        clear: both !important;
        margin-top: 5px;
    }
    .header-buttons .button {
        width: 138px;
        margin-left: 0;
        margin-right: 5px;
    }
    .header-buttons .social {
        margin-top: 10px;
        float: left;
    }

    
    .header-buttons .contact {
        clear: both;
    }
    .header-buttons, #mainNav {
        margin-right: 5px;
    }
    #mainNav {
        margin-top: 10px;
    }
    .panel_nav > ul > li a {
        padding: 10px 14px;
    }
    .standard.col-sm-9 {
        padding: 30px 2% 0 2%;
    }
    .standard-header h1 {
        display: inline-block;
        min-width: 50%;
        width: auto;
        padding: 30px 30px 35px 15px;
    }
    #homeWrapper .col-sm-6.news .col-sm-8,
    #homeWrapper .col-sm-6.events .col-sm-8 {
        padding-top: 20px;
    }
    #homeWrapper .home-quote {
        padding: 60px 25px;
    }
    #homeWrapper .home-quote:before {
        top: 10px;
        left: 30px;
    }
    #homeWrapper .col-sm-6 {
        height: auto;
        padding-bottom: 10px;
    }
    #homeWrapper .home-boxes .col-sm-4 {
        padding: 30px 70px 20px 15px;
    }
    #homeWrapper .membership h3,
    .content_block.publications h3 {
        margin-bottom: 20px !important;
    }
    .content_block.publications h3, .content_block.publications p {
        max-width: 130px;
    }
    .content_block.publications p + p {
        max-width: 300px;
    }
    .content_block.publications p .button-nor {
        margin-right: 10px;
    }
    .content_block.publications ul {
        margin-bottom: 25px;
    }
    .content_block.publications ul li {
        margin-right: 7px;
    }
    .module-list-item-wrapper .latest-module .module-image {
        margin-right: 3.5%;
    }
    .module-list-item-wrapper .module-item {
        padding-right: 15px;
        padding-left: 0;
        padding-bottom: 10px;
    }
    .module-list-item-wrapper .module-item.first {
        padding-right: 20px;
    }
    .module-list-item-wrapper .module-item.third {
        padding-left: 15px;
    }
    .module-list-item-wrapper .module-date {
        margin-top: 20px;
    }
    .module-detail-wrapper .detail-content img {
        max-width: 100%;
    }
    #membershipWrapper .standard-header {
        padding-bottom: 0;
    }
    #membershipWrapper .standard-header p {
        padding: 20px 15px;
    }
    #membershipWrapper .member-categories li {
        padding: 0 15px 25px 15px;
    }
    #membershipWrapper .member-criteria h3 {
        margin: 20px 0 0 10px;
    }
    #membershipWrapper .member-criteria table {
        margin-left: 5px;
        width: 41.5%;
    }
    #membershipWrapper .member-criteria table + table {
        width: 57.5%;
    }
    #membershipWrapper .member-criteria tr:nth-child(8) td {
        height: 73px;
    }
    #membershipWrapper .member-criteria td {
        padding: 6px 5px 6px 6px;
    }
    #membershipWrapper .member-criteria p {
        float: left;
        margin-left: 5px;
    }
    #membershipWrapper h2 {
        margin-top: 10px;
    }
    #membershipWrapper h2,
    #membershipWrapper .member-benefits h3,
    #membershipWrapper .member-benefits .button-nor {
        margin-left: 15px;
    }
    #membershipWrapper .member-join .col-sm-8,
    #membershipWrapper .member-benefits ul li {
        padding-left: 15px;
    }
    .share_buttons > span {
        float: left;
        margin-bottom: 8px;
    }
    .share_buttons .st_twitter_hcount {
        clear: both;
    }
    .share_buttons .st_twitter_hcount .stButton {
        margin-left: 0;
    }
    .share_buttons .st_twitter_hcount .share_text {
        left: 20px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #standardWrapper .form-tabs li a {
        margin-right: 3px;
        padding: 7px 4px;
    }
    #standardWrapper .form-tabs li a:before, #standardWrapper .form-tabs li a:after {
        content: none;
    }
    #standardWrapper.form .form_field label,
    #standardWrapper.form .form_field input[type=text],
    #standardWrapper.form .field_cont a, #standardWrapper.form .field_cont .upload,
    #standardWrapper.form .field_cont .fb_content_area {
        width: 235px;
    }
    #standardWrapper.form .field_cont .fb_content_area p:first-child {
        min-height: 72px;
    }
}


@media only screen and (max-width : 1024px) {
    
    img {
        max-width: 100%;
    }
    .panel_nav .top_level li.page_join a {
        margin-right: 0;
        color: #404040;
    }
    .header-buttons {
        margin-top: 20px;
        margin-right: 80px;
    }
    .header-search {
        clear: none;
        margin-left: 0;
    }
    .header-buttons .button-nor {
        padding: 15px 11px;
    }
    
    /*** mobile nav button ***/
    #toggleMobileNav {
        display: block;
        margin-top: 15px;
        margin-right: 15px;
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px;
        background: #f2f2f2;
        padding: 7px;
    }
    #toggleMobileNav .hotdog {
        display: block;
        float: right;
        width: 34px;
        height: 6px;
        margin-top: 14px;
        background: #3d9181;
        z-index: 1;
        position: relative;
    }
        #toggleMobileNav .hotdog:before {
            content: "";
            position: absolute;
            bottom: 12px;
            width: 34px;
            height: 6px;
            background: #3d9181;
            transition: all 200ms;
            -moz-transform-origin: 0 8px;
            -ms-transform-origin: 0 8px;
            -o-transform-origin: 0 8px;
            -webkit-transform-origin: 0 8px;
            transform-origin: 0 8px;
        }
        #toggleMobileNav .hotdog:after {
            content: "";
            position: absolute;
            top: 12px;
            width: 34px;
            height: 6px;
            background: #3d9181;
            transition: all 200ms;
            -moz-transform-origin: 5px 0;
            -ms-transform-origin: 5px 0;
            -o-transform-origin: 5px 0;
            -webkit-transform-origin: 5px 0;
            transform-origin: 5px 0;
        }        
        #toggleMobileNav.open {
            position: absolute;
            z-index: 1000;
        }
            #toggleMobileNav.open .hotdog {
                background: none;
                margin-top: 13px;
            }
            #toggleMobileNav.open .hotdog:before {
                width: 36px;
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            #toggleMobileNav.open .hotdog:after {
                width: 36px;
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
    #fullNav {
        display:none;
    }
    
    .panel_nav {
        padding-top: 5px;
    }
    
    #mobileNav {
        display: block;
        position: fixed;
        z-index: 1000;
        height: 100%;
        background: #fff;
        top: 0;
        left: -100%;
        width: 100%;
        transition: left 300ms;
        overflow-y: scroll;
    }    
    #mobileNav:before {
        /*content: "";
        background: #fff;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 1px;
        padding-right: 18px;
        right: 0;
        z-index: 999;*/
    }
        #mobileNav.open {
            left: 0;
        }
        #mobileNav .panel_nav {
            float: left;
            clear: both;
            width: 100%;
            margin: 20px 0 30px 0;
            padding: 0 15px;
        }
        #mobileNav .panel_nav_panel {
            position: static !important;
            width: 100% !important;
            display: block !important;
            padding: 0 !important;
            border: 0 !important;
        }
        #mobileNav .panel_nav_panel .panel_nav_sub_panel {
            display: none;
            background: #eff8f4;
            padding-bottom: 20px;
        }
        #mobileNav .panel_nav_panel:before,#mobileNav .panel_nav_panel:after {
            content: none;
        }
    #mobileNav .panel_nav > ul > li {
        float: left;
        width: 100%;
        display: block;
        margin: 0;
    }
    #mobileNav .panel_nav > ul > li.page_join {
        display: none;
    }
    #mobileNav .panel_nav > ul > li a {
        text-align: left;
        padding: 0;
        margin: 0;
        border-top: 0;
        font-size: 16px;
        border-bottom: 2px solid #cbccce;
        background: none;
        color: #404040;
        position: relative;
        width: 100%;
    }
    #mobileNav .panel_nav > ul > li a span {
        padding: 8px 0 8px 10px;
        display: block;
        max-width: 85%;
    }
    #mobileNav .panel_nav > ul > li.children > a:before {
        content: "";
        position: absolute;
        top: 10px;
        right: 10px;
        width: 3px;
        height: 11px;
        background: #ccc;
        transition: all 300ms;
    }
    #mobileNav .panel_nav > ul > li.children > a:after {
        content: "";
        position: absolute;
        top: 14px;
        right: 6px;
        width: 11px;
        height: 3px;
        background: #ccc;
        transition: all 300ms;
    }
    #mobileNav .panel_nav > ul > li.selected,
    #mobileNav .panel_nav > ul > li.open {
        border-bottom: 3px solid #3d9181;
    }
    #mobileNav .panel_nav > ul > li.selected a:before,
    #mobileNav .panel_nav > ul > li.selected a:after {
        background: #3d9181;
    }
    #mobileNav .panel_nav > ul > li.open a:before,
    #mobileNav .panel_nav > ul > li.open a:after {
        transform: rotate(90deg);
    }
    #mobileNav .panel_nav > ul > li.open a:after {
        opacity: 0;
    }
    #mobileNav .panel_nav > ul > li.selected > a,
    #mobileNav .panel_nav > ul > li.open > a {
        background: #eff8f4;
        border: 0;
        color: #3d9181;
    }
    #mobileNav .panel_nav > ul > li li {
        border: 0;
    }
    #mobileNav .panel_nav > ul > li li a {
        border-bottom: 0;
        font-size: 14px;
    }
    #mobileNav .panel_nav > ul > li li a span {
        padding: 6px 0 6px 20px;
    }
    #mobileNav .panel_nav > ul > li li.selected > a {
        color: #3d9181;
    }
    #mobileNav .panel_nav > ul > li li li {
        padding-left: 20px;
    }
    #mobileNav .join {
        display: block;
        width: auto;
        float: none;
        clear: both;
        margin: 0 15px 15px 15px;
        background: #a02c30;
        text-align: center;
    }
    #mobileNav .button-nor {
        display: none;
    }
    #footer {
        padding: 30px 15px;
    }
    #footer .footer-contact,
    #footer .details {
        padding-left: 0;
    }
    #membershipWrapper .member-criteria table {
        margin-bottom: 20px;
    }
    #membershipWrapper .member-criteria p {
        clear: both;
        width: 100%;
        margin: 0 0 20px 0;
        padding-left: 30px;
    }
    #accreditationWrapper .col-sm-9 > h2 {
        padding-left: 15px;
    }
    #accreditationWrapper .stage,
    #accreditationWrapper .stage.review {
        padding: 40px 15px 20px 15px;
    }
    #coursesWrapper .ql_results {
        padding: 0 15px;
    }
    #content .c3 {
        padding: 30px 15px 15px 15px;
    }
    #content .basket_page_wrapper > div:first-child {
        overflow: scroll;
    }
    #myDetailsWrapper.application-form .col-sm-9 {
        padding-bottom: 30px;
    }
    #myDetailsWrapper.application-form .radio-yes-no.wide label {
        width: 100%;
    }
    .search_page_content {
        max-width: 100%;
        padding: 0 10px 20px 10px;
    }
    .search_page .search_results_item {
        width: 100%;
    }
    .search_page .search_results_item_detail {
        max-width: 100%;
    }
    .search_page .search_results_item_image {
        width: 100%;
        max-height: 200px;
    }
    .search_page #txt_search {
        width: 100%;
        margin: 10px 0;
    }
    .search_page .button {
        width: 100%;
    }
    .share_buttons {
        height: auto;
        padding-bottom: 20px;
    }
}


/* iPad portrait and below */
@media only screen and (max-width : 1023px) {
    #homeWrapper .col-sm-6.news .col-sm-8, #homeWrapper .col-sm-6.events .col-sm-8 {
        width: 100%;
    }
    #homeWrapper .membership .col-xs-12,
    #homeWrapper .home-boxes .col-sm-4.half-image .col-xs-12 {
        width: 100%;
        padding-left: 15px;
    }
    #homeWrapper .home-boxes .col-sm-4.half-image .col-xs-hidden {
        display: none;
    }
    #homeWrapper .membership .col-xs-12 {
        padding-top: 20px;
    }
    .content_block.publications ul {
        margin-top: 20px;
    }
    .content_block.publications h3, .content_block.publications p {
        max-width: 100% !important;
    }
    .module_callout .news-title, .news_callout .news-title, .module_callout h3 a, .news_callout h3 a {
        max-width: 100%;
    }
    #homeWrapper .col-sm-6, #homeWrapper .col-sm-4 {
        min-height: 0 !important;
    }
    .standard.col-sm-9 {
        width: 100% !important;
        opacity: 1;
        padding: 60px 15px 0 15px;
    }
    .standard.col-sm-9 table {
        overflow: auto;
        overflow-y: hidden;
        overflow-x: auto;
        display: block;
        width: 100% !important;
        height: auto !important;
    }
    .standard-sidebar {
        position: static;
        clear: both;
        width: auto;
    }
    .module-list-item-wrapper .module-date {
        width: 200px;
    }
    .share_buttons .st_twitter_hcount {
        clear: none;
    }
    .standard-sidebar .module_callout {
        padding: 15px;
    }
    .standard-sidebar .publications {
        padding-bottom: 10px;
    }
    .standard-sidebar .content_block.publications ul {
        clear: both;
    }
    .standard-sidebar .expert-register {
        padding: 20px 0 0 15px;
    }
    .standard-sidebar .expert-register .button-nor {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #membershipWrapper .member-categories li {
        width: 33.333%;
        border-bottom: 1px solid #ededed;
        padding-top: 10px;
    }
        #membershipWrapper .member-categories li:nth-of-type(3n+1) {
            clear: both;
        }
    #membershipWrapper .member-benefits ul li {
        width: 33.333%;
        margin-bottom: 25px;
        padding-right: 10px;
    }
    #membershipWrapper .member-criteria {
        overflow: scroll !important;
    }
    #membershipWrapper .member-criteria .dynamic_callout_container{
        min-width: 1024px;
    }
    #membershipWrapper .member-criteria table {
        opacity: .9999; /*Possibly just a rendering bug in chrome emulator but this fixes a weird black box */
    }
    #membershipWrapper .member-join .col-sm-7,
    #membershipWrapper .member-join .col-sm-5 {
        padding: 10px 0 10px 15px;
        min-height: 0;
    }
    #publicationsWrapper .publication-item {
        padding: 0 15px 40px 15px;
    }
    #publicationsWrapper .book-list {
        padding: 30px 15px 0 15px;
    }
    #publicationsWrapper .book-review .col-xs-12 {
        width: 100%;
        padding: 20px 15px 15px 15px;
    }
    #publicationsWrapper .book-review .col-sm-4 a {
        float: left;
        min-width: 45%;
        margin-right: 10px;
    }
    #publicationsWrapper .book-review .col-sm-4 .view-all {
        margin-top: 15px;
    }
    #publicationsWrapper .book-list .titles ul {
        float: left;
        margin: 10px 0;
    }
    #publicationsWrapper .book-list .titles ul li {
        margin: 0 17px 0 0;
    }
        #publicationsWrapper .book-list .titles ul li:last-of-type {
            margin-right: 0;
        }
    #standardWrapper.form .ref-no {
        margin-bottom: 20px;
    }
    #standardWrapper.form .ref-no input[type=text] {
        margin: 0 5px 5px 0 !important;
    }
}
    
@media only screen and (max-width : 767px) {
    #toggleMobileNav {
        margin-top: 25px;
    }
    .header-search {
        width: 100%;
        padding-left: 15px;
        margin: 25px 0 0 0;
    }
    .header-search .input-wrapper {
        width: 67%;
    }
    .header-search a.search-button {
        width: 48px;
        height: 48px;
        background: url(/AppImages/mobileSearch.png) no-repeat 9px 12px;
    }
    .header-search input.search-box {
        padding: 17px 10px 10px 10px;
        font-size: 18px;
    }
    .header-buttons {
        margin-top: 0;
        float: none;
        margin: 0 15px;
    }
        .header-buttons .button {
            text-align: center;
        }
    .header-buttons .button span {
        display: none;
    }
    .header-logo {
        width: auto;
        padding: 10px 0 0 10px;
    }

    .header-buttons {
        margin-right: 0;
        margin-bottom: 0;
    }
    .header-buttons .button {
        margin: 0 1.5% 10px 0;
        width: auto;
        padding: 12px 15px;
    }
    .header-buttons .social {
        margin-top: 0;
    }

    .mobile_hidden /* Hides stuff at mobile size - useful for removing callouts etc */
    {
        display: none !important;
    }
    
    .mobile_only /* Shows stuff at mobile size - useful for adding stuff in at mobile level etc */
    {
        display: block !important;
    }
    
    body 
    {
        background-color: #FFFFFF;
    }
    
    #header 
    {
        padding: 0 0 10px 0;
        margin: 0;
    }
    
    .content, #content {
        padding: 0;
    }

    .header_logo,
    .header_logo img
    {
        width:100px;
    }
    
    /*** Panel Nav ***/
    
    .powernav_col 
    {
        width: 44% !important;
    }
    
    .powernav_container .col_1, .powernav_container .col_3, .powernav_container .col_5, .powernav_container .col_7 
    {
        clear: both;
    }
    
    /*** Module Lists ***/
    
    .module_list_item 
    {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CCCCCC;
    }

    .module_list_item_date /* 126px Wide */
    {
        float: none;
        text-align: left;
        width: 100%;
        font-size: 12px;
        font-weight: normal;
        margin-left: 0;
    }

    .module-list-item-wrapper .latest-module .module-title {
        min-width: 100%;
    }
    
    .module_list_item_title  /* 600px Wide */
    {
        float: none; 
        width: 100%; 
    }

    .module_list_item_image 
    {
        float: none;
        width: 100%;
    }
    
    .module_list_item_image img
    {
        width: 100%;
        margin-bottom: 5px;
    }
    
    
    #toggleSlideNav
    {
        display:block;
    }
    
    /*** Module details ***/

    .module_detail_date /* 130px Wide */
    {
        float: none;
        text-align: left;
        width: 100%;
        font-size: 12px;
        font-weight: normal;
        margin-left: 0;
    }

    .module_detail_title  /* 600px Wide */
    {
        float: none; 
        width: 100%;
    }
    
    .module_detail_content 
    {
        clear: both;
    }
    
    .module_image_gallery 
    {
        float: none;
        width: 100%;
        margin: 10px 0;
        }
        
    .module_image_gallery_list {
        width: 100%;
        overflow: hidden;
    }

    .module_image_gallery_item 
    {
        text-align: center;
        width: 100%;
    }
    
    .module_image_gallery_item img
    {
        text-align: center;
    }
    
     /*** Search Results ***/
     
     .search_results_wrapper {
        padding: 0;
     }

    .refine_search 
     {
         display: none;
         }
     
     .search_result_item 
     {
         position: relative;
         padding-bottom: 25px;
         margin-bottom: 25px;
         }
     
     .search_result_details h2 {
        font-size: 16px;
     }

     .search_result_image {
        background-color: #F9F9F9;
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        overflow: hidden;
        border: 0px none;
        margin-bottom: 10px;
    }
    
    .search_result_image img {
        width: 100%;
        height: auto;
    }
    
    .search_type_icon {
        position: absolute;
        top: -4px;
        right: -14px;
    }
    
    /*** Contact Form ***/
    
    .contact_form .form_field input, .contact_form .form_field textarea, .contact_form .form_captcha input {
        display: block;
        border: 1px solid #cccccc;
    }
    
    /*** Formbuilder ***/
    
    .field_cont input, .field_cont textarea
    {
    }  

    .field_cont select
    {
        width: 100%;
    } 
    
    .checkbox_field label, .checkbox_field input, .list_control label, .list_control input {
        display: inline;
        width: 15px;
        height: 15px;
        padding: 0;
    }
    
    .ui-tooltip 
    {
        display: none !important;
        }
    
    /*** Event Booking Form ***/
    
    .event_booking_form label {
        clear: both;
        display: block;
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 5px 0;
        text-align: left;
        margin-bottom: 3px;
    }
    
    .event_booking_form input, .event_booking_form textarea {
        float: none;
        margin-bottom: 15px;
        display: block;
        border: 1px solid #cccccc;
    }
    
    .standard-header {
        height: auto;
    }

    .standard-header h1 {
        width: 100%;
        font-size: 40px;
        padding: 15px;
        min-height: 50px;
    }

    #homeWrapper .home-banner .banner-header {
        width: 100%;
        min-width: 100%;
        font-size: 46px;
        padding: 20px 0 20px 20px;
    }
    #homeWrapper .home-banner h1 {
        font-size: 48px;
    }
    #homeWrapper .home-banner h1,
    #homeWrapper .home-banner p {
        min-width: 0;
        float: left;
        width: 100%;
        padding: 20px 20px;

    }

    #homeWrapper .home-banner .banner-description {
        width: 100%;
        min-width: 100%;
        padding: 20px 0 20px 20px;
    }

    #homeWrapper .col-sm-6.news .col-sm-4,
    #homeWrapper .col-sm-6.events .col-sm-4 {
        background: none;
    }

    #homeWrapper .col-sm-6 {
        height: auto;
    }

    #homeWrapper .membership .col-xs-12, #homeWrapper .home-boxes .col-sm-4.half-image .col-xs-12,
    #homeWrapper .membership .benefits, #homeWrapper .col-sm-6.news .col-sm-8, #homeWrapper .col-sm-6.events .col-sm-8, .content_block.publications, .content_block.accreditation, .content_block[class*='callout'] {
        padding-left: 15px;
        padding-right: 10px;
    }

    #homeWrapper .home-quote p {
        width: 100%;
        float: left;
        padding-left: 0;
    }
    #homeWrapper .home-quote p:before {
        content: none;
    }
    #homeWrapper ul.list li {
        clear: both;
    }
    .content_block.publications .button-nor {
        margin-right: 10px;
    }

    #homeWrapper .home-quote {
        padding: 30px 10px;
        font-size: 26px;
    }
    #homeWrapper .home-quote:before {
        content: none;
    }
    #homeWrapper .home-quote span {
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }

    #homeWrapper .home-boxes .col-sm-4 {
        padding: 40px 15px;
    }

    .content_block.publications ul {
        float: left;
    }

    .content_block.publications ul li {
        width: 32.5%;
        margin-right: 1%;
    }

    .content_block.publications ul li:last-child {
        margin-right: 0;
    }
    
    .content_block.publications ul li img {
        max-width: 100%;
    }

    .module-list-item-wrapper .module-item {
        padding: 0 !important;
        margin-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
    }
        .module-list-item-wrapper .module-item:before,
        .module-list-item-wrapper .module-item:after {
            content: none !important;
        }

        #eventsWrapper .bottom-content {
            margin-top: 0;
        }

        .module-list-item-wrapper .latest-module .module-image {
            max-width: 100%;
            margin-right: 0;
        }
        .module-list-item-wrapper .latest-module .module-date {
            margin-top: 10px;
        }

    #membershipWrapper .standard-header {
        padding-bottom: 20px;
    }
    #membershipWrapper .standard-header p {
        padding: 20px 15px 10px 15px !important;
        min-height: 180px;
    }
    #membershipWrapper h2 {
        margin: 20px 0 20px 15px;
    }
    #membershipWrapper .member-categories li {
        width: 100%;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    #membershipWrapper .member-join {
        background-position: 95% 30px;
    }
    #membershipWrapper .member-join .col-sm-8,
    #membershipWrapper .member-join .col-sm-4 {
        padding: 20px 10px;
        min-height: 85px;
    }
    #membershipWrapper .member-benefits h3 {
        margin: 20px 0 20px 15px;
    }
    #membershipWrapper .member-benefits ul {
        margin-bottom: 10px;
    }
    #membershipWrapper .member-benefits ul li {
        width: 100%;
        padding-left: 5px;
    }
    #membershipWrapper .member-benefits .button-nor {
        margin-left: 15px;
        margin-bottom: 15px;
    }
    #coursesWrapper .ql_searchField select {
        max-width: 100%;
    }
    #coursesWrapper .course-item .course-extra {
        bottom: auto;
        top: -25px;
    }
    #standardWrapper .form-tabs li {
        width: 100%;
    }
    #standardWrapper .form-tabs li a {
        margin: 0;
    }
    #standardWrapper.form .form_content_wrapper {
        width: 100%;
        overflow: scroll;
    }
    #standardWrapper.form .form_content_wrapper > div:first-child {
        min-width: 640px;
    }
    #publicationsWrapper .book-list .titles ul li {
        margin-bottom: 10px;
    }
    #forumWrapper .forum_table {
        overflow: scroll;
    }
    #accreditationWrapper .stage h2 {
        font-size: 24px !important;
    }
    #accreditationWrapper .col-sm-9 {
        padding-top: 20px !important;
    }
    #accreditationWrapper .stage.making-contact {
        margin-top: 20px;
    }
    #publicationsListingsWrapper .publication.latest {
        padding: 20px 15px;
        margin-bottom: 0;
    }
    #publicationsListingsWrapper .publication.latest h2 {
        margin-bottom: 20px;
    }
    #publicationsListingsWrapper .publication img {
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 10px;
    }
    #publicationsListingsWrapper .publication h3 {
        clear: both;
        display: block;
        margin-bottom: 10px;
    }
    #publicationsListingsWrapper .right-column {
        padding: 30px 15px;
        margin-bottom: 15px;
    }
    #publicationsListingsWrapper .right-column p em {
        margin-bottom: 20px;
    }
    #publicationsListingsWrapper .publication {
        padding: 20px 15px;
    }
    #publicationsListingsWrapper h2 {
        margin-left: 15px;
    }
    #publicationsListingsWrapper .publication-viewer {
        z-index: 1001;
    }
    #publicationsListingsWrapper .publication-viewer iframe {
        width: 100%;
        height: 400px;
    }
    #publicationsListingsWrapper .publication-viewer .close {
        top: 0;
        right: 0;
    }
    .share_buttons .print, .share_buttons .st_email_hcount, .share_buttons .st_sharethis_hcount, .share_buttons .st_facebook_hcount, .share_buttons .st_twitter_hcount, .share_buttons .st_linkedin_hcount {
        margin: 0 5px 5px 0;
        width: 110px;
    }
    .stButton {
        margin-left: 0;
    }
}
@media only screen and (min-width : 320px) and (max-width : 568px) {
    .standard.col-sm-9 {
        padding-top: 20px;
    }
    .standard-header h1 {
        font-size: 30px;
    }
    .powernav_col {
        width: 100% !important;
    }
    .second_level_nav a {
        padding-left: 15px;
    }
    #myDetailsWrapper .form-field input[type=text], #myDetailsWrapper .form_field input[type=text], #myDetailsWrapper .form-field textarea, #myDetailsWrapper .form_field textarea, #myDetailsWrapper .form-field select, #myDetailsWrapper .form_field select {
        width: 100% !important;
    }
    #myDetailsWrapper .button, #myDetailsWrapper .button_field {
        margin-left: 0;
    }
}
@media only screen and (max-width: 350px) {
    .header-buttons .button {
        padding: 12px 9px;
    }
}