﻿/*
@media only screen and (min-width: 1024px) {
    #homeWrapper .home-top .watch-listen .video-list {
        width: 490px;
    }
    #homeWrapper .home-top .watch-listen .video-item {
        width: 220px;
    }
}
@media only screen and (min-width: 1100px) {
    #homeWrapper .home-top .watch-listen .video-list {
        width: 530px;
    }
    #homeWrapper .home-top .watch-listen .video-item {
        width: 240px;
    }
}
@media only screen and (min-width: 1200px) {
    #homeWrapper .home-top .watch-listen .video-list {
        width: 610px;
    }
    #homeWrapper .home-top .watch-listen .video-item {
        width: 280px;
    }
}*/
@media only screen and (max-width: 1310px) {
    #header {
        padding-right: 20px;
    }
    .header-logo {
        padding-left: 20px;
    }
    #homeWrapper .internal {
        padding: 0 15px;
    }
    #homeWrapper .home-top .internal {
    }
    #homeWrapper .home-top .diagnosed {
        padding-left: 20px;
        padding-right: 25px;
    }
    .standard-header {
        background-color: #cbd3e4;
    }
    .standard-header h1 {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 545px;
    }
}
@media only screen and (max-width: 1310px) and (min-width: 1200px) {
    #homeWrapper .cycle-wrapper .banner-left {
        max-width: 60%;
    }

    #homeWrapper .cycle-wrapper .banner-right {
        max-width: 40%;
        padding-left: 40px;
    }
}
@media only screen and (min-width: 1310px) {
    #homeWrapper .home-top .watch-listen {
        padding-right: 70px;
    }
}

@media only screen and (min-width : 1025px) 
{
    #mobileNav
    {
        display:none !important;
    }
    
}

@media only screen and (max-width : 1024px) {
    
    
    /*** mobile nav button ***/    
    #toggleMobileNav {
        margin-top: 32px;
        margin-right: 10px;
        display: block;
        float: right;
        width: 40px;
        height: 8px;
        background: #66CDC6;
        position: relative;
    }
        #toggleMobileNav:before {
            content: "";
            position: absolute;
            top: -16px;
            width: 40px;
            height: 8px;
            background: #66CDC6;
            transition: all 200ms;
            -moz-transform-origin: 5px 8px;
            -ms-transform-origin: 5px 8px;
            -o-transform-origin: 5px 8px;
            -webkit-transform-origin: 5px 8px;
            transform-origin: 5px 8px;
        }
        #toggleMobileNav:after {
            content: "";
            position: absolute;
            bottom: -16px;
            width: 40px;
            height: 8px;
            background: #66CDC6;
            transition: all 200ms;
            -moz-transform-origin: 3px 0;
            -ms-transform-origin: 3px 0;
            -o-transform-origin: 3px 0;
            -webkit-transform-origin: 3px 0;
            transform-origin: 3px 0;
        }        
        #toggleMobileNav.open {
            background: none;
            position: fixed;
            right: 10px;
            top: 0;
            z-index: 1000;
        }
            #toggleMobileNav.open:before {
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 50px;
            }
            #toggleMobileNav.open:after {
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                width: 50px;
            }
    #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: 68px;
        height: 60px;
        position: absolute;
        top: 1px;
        padding-right: 18px;
        right: 0;
        z-index: 999;
    }
        #mobileNav.open {
            left: 0;
        }
        #mobileNav .panel_nav {
            padding: 0;
        }
        #mobileNav .panel_nav_panel {
            position: static !important;
            width: 100% !important;
            display: block !important;
            padding: 0 0 0 15px !important;
        }
        #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 a {
        text-align: left;
        padding: 10px 15px;
        border-top: 0;
    }
        #mobileNav .panel_nav > ul > li > a {
            border-top: 1px solid #b2b2b2;
            border-bottom: 1px solid #b2b2b2;
        }
        #mobileNav .panel_nav > ul > li.selected > a {
            background: url(/AppImages/arrow.png) no-repeat 0 center #f5f5f5;
        }
        #mobileNav .panel_nav > ul > li li {
            border: 0;
            padding-left: 15px;
        }
    #mobileNav .panel_nav > ul > li li a {
        background: none;
    }
    #mobileNav .panel_nav > ul > li li.selected > a {
        color: #00aca1;
    }
    #mobileNav .panel_nav > ul > li .panel_nav_panel .panel_nav_sub_panel {
        width: 50%;
        padding: 0;
        margin: 0 -15px;
    }
    #mobileNav .panel_nav > ul > li .panel_nav_panel .panel_nav_sub_panel li {
        margin: 0;
    }

    #footer {
        padding: 15px;
    }
    #footer .col-sm-4 {
        padding: 0 10px;
    }
    #footer .col-sm-4 br {
        display: inline-block;
    }
    #footer .powernav_container .powernav_col {
        width: 100%;
        padding: 0 5px;
        margin-bottom: 15px;
    }
    #becomeAMemberWrapper .intro h3 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    #formWrapper h2, #formWrapper h3 {
        font-size: 28px;
    }
    #formWrapper .form-field label, #formWrapper .form_field label {
        margin-top: 0;
    }
    #formWrapper .form-field input[type=text], #formWrapper .form_field input[type=text], #formWrapper .form-field textarea, #formWrapper .form_field textarea, #formWrapper .form-field select, #formWrapper .form_field select {
        margin-bottom: 0;
    }
    .form_content_wrapper .validation_error {
        font-size:  14px;
        margin-top: 2px;
    }
    .module-list-item-wrapper .view-module {
        float: left;
    }    
    .videos .video-open .video-details {
        max-width: 100%;
        padding: 15px;
        margin-left: 0;
    }
    .videos .video .video-title {
        width: 100%;
    }
    .videos .video-open .video-close {
        top: 5px;
    }
    .videos .video {
        margin-bottom: 15px;
    }
    .videos .video-open {
        padding-bottom: 10px;
    }
    .videos .video-open .video-loader {
        left: 50%;
        margin-left: -58px;
    }
    #membersWrapper .calendar {
        float: left;
        width: 100%;
    }

    table {        
        overflow: auto;
        overflow-y: hidden;
        overflow-x: auto;
        display: block;
        width: 100% !important;
    }
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #header {
        padding-bottom: 0;
        padding-right: 10px;
    }
    #header .col-sm-3 {
        padding-left: 10px;
        padding-bottom: 15px;
    }
        #header .col-sm-3 img {
            max-width: 100%;
        }
    #header .col-sm-9 {
        margin-top: 30px;
    }
    .header-buttons {
        margin-top: 25px;
    }
    .header-search {
        margin: 25px 0 10px 10px;
    }
    #header .donate {
        margin-left: 50px;
        display: none;
    }
    #header .donate-mobile {
        display: block !important;
    }
    .help h3 {
        margin-right: 0;
        margin-left: 15px;
    }
    .help .help-list {
        margin-left: 20px;
    }
    .help .help-prev {
        right: 35px;
    }
    .help .help-next {
        right: 10px;
    }
    .help + .donate {
        background-size: contain;
        padding: 10px 10px 15px 15px;
    }
    .help + .donate br {
        display: none;
    }
    .jc-nav {
        margin-right: 8px;
    }
    #homeWrapper .members-area ul li {
        margin-right: 15px;
    }
        #homeWrapper .members-area ul li a {
            display: block;
            padding: 5px 15px 0 0;
        }
    #formWrapper.my-details .button {
        margin-right: 105px;
    }
    #standardWrapper.support .named-funds img {
        max-width: 50%;
        margin: 0;
    }
    .twitter-feed-wrapper {
        padding: 0 10px;
    }
    #contactMagWrapper .latest-magazine:after {
        content: none;
    }
}
/* iPad portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #header .col-sm-9 {
        width: 65%;
        margin-top: 10px;
    }
    .second_level_nav ul {
        margin-bottom: 20px;
    }
    .header-buttons {
        margin-top: 15px;
    }
    #homeWrapper .cycle-wrapper .banner-left {
        display: none;
    }
    #homeWrapper .cycle-wrapper .banner-right {
        left: 0;
        width: 100%;
        max-width: 100%;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 30px;
    }
    #homeWrapper .cycle-wrapper {
        height: 400px;
    }
    .cycle-pager {
        left: 0;
        margin-left: 20px;
    }
    #homeWrapper .home-top .diagnosed {
        padding-left: 15px;
        padding-right: 15px;
    }
    #homeWrapper .home-top {
        padding-top: 20px;
    }
    #homeWrapper .home-top .internal {
        padding: 0 10px;
    }
    .jc-nav {
        margin-right: 0;
        margin-top: 5px;
        padding-right: 4px;
    }
    .watch-listen {
        margin-bottom: 20px;
    }
    .col-sm-8.help {
        max-width: 480px;
        margin-bottom: 20px;
    }
    .help + .donate {
        float: right;
        background: #a750a5;
        border-radius: 18px;
    }
    #homeWrapper .magazine .cover {
        padding-right: 20px;
    }
    #homeWrapper .publications .intro {
        width: 185px;
    }
    #homeWrapper .publications .intro p {
        margin-bottom: 15px;
    }
    #homeWrapper .publications .intro .button {
        margin-top: 5px;
        width: 120px;
    }
    .twitter-feed {
        padding: 15px;
    }
    .twitter-feed .tweet {
        padding-right: 20px;
    }
    .standard.col-sm-9 {
        width: 70%;
        padding: 0 20px 0 20px;
    }
    .standard.col-sm-9 + .col-sm-3 {
        width: 30%;
        padding-right: 10px;
    }
    .callout.donate {
        background-size: contain;
        padding: 8px 0;
        height: 60px;
    }
    #eventsWrapper .event-details {
        width: 355px;
        padding-left: 15px;
    }
    #eventsWrapper .event-detail-date {
        margin-right: 20px;
    }
    #eventsWrapper .event-detail-title {
        width: 375px;
    }
    #standardWrapper.specialist > .internal > .col-sm-3, #formWrapper > .internal > .col-sm-3 {
        display: none;
    }
    #formWrapper > .internal .col-sm-9 {
        width: 90%;
    }
    #standardWrapper.publications .publication {
        padding-left: 0 !important;
        padding-right: 15px;
    }
    #standardWrapper.publications .publication .button {
        padding-left: 10px;
    }
    #standardWrapper.publications .publication-detail .detail-image {
        max-width: 100%;
    }
    #standardWrapper.team img {
        margin-right: 20px;
        max-width: 200px;
    }
    #standardWrapper.videos .listing_wrapper {
        padding: 0 0 0 10px;
    }
    .videos .ql_searchField {
        padding-right: 10px;
    }
    .videos .video {
        width: 50%;
        padding-right: 10px;
    }
    .videos #ql_res_items .clear {
        clear: none;
    }
    .videos .video .video-thumb {
        float: none !important;
        width: auto;
        max-width: 100%;
        background-size: cover;
    }
    #membersWrapper {
        padding-bottom: 20px;
    }
    #membersWrapper .welcome {
        width: 58%;
        padding-left: 10px;
    }
    #membersWrapper .member-nav {
        margin-top: 45px;
    }
    #membersWrapper .member-blocks {
        margin: 20px 0;
    }
    #membersWrapper .member-blocks a {
        width: 23%;
        margin: 0 1%;
    }
    #membersWrapper .meetings {
        width: 100%;
    }
    .callout.events {
        margin-top: 0;
    }
    #membersWrapper .calendar {
        margin: 20px 0;
        padding-right: 10px;
        background: none;
    }
    #membersWrapper .annual-meeting {
        width: 96%;
        margin: 20px auto;
    }
    #membersWrapper .annual-meeting .details {
        width: 550px;
        margin-left: 15px;
    }
    #membersWrapper .annual-meeting .button {
        margin-top: 10px;
    }
    #membersWrapper .resources {
        width: 290px;
        padding-left: 10px;
    }
    #membersWrapper .watch-listen {
        width: 470px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    #membersWrapper .jc-nav {
        margin-top: 0;
        margin-right: 5px;
    }
    #membersWrapper .discussions {
        width: 420px;
        padding-right: 10px;
    }
    #membersWrapper .discussions .button {
        float: left;
        margin-top: 10px;
    }
    #membersWrapper .grey-white-section {
        background: #f2f4f8;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    #membersWrapper .updates {
        padding-left: 10px;
    }
    #membersWrapper .discussions .dynamic_callout_container {
        padding: 10px 0 20px 0;
    }
    #membersWrapper .updates .news {
        padding-top: 0;
    }
    #membersWrapper .discussions h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #standardWrapper.support .tea-party {
        padding: 15px;
        min-height: 270px;
    }
    #standardWrapper.support .tea-party h2 {
        font-size: 42px;
        line-height: 55px;
        margin-bottom: 20px;
    }
    #standardWrapper.support h2.support {
        margin: 20px 0 20px 10px;
    }
    #standardWrapper.support .support-box {
        width: 31%;
        margin: 0 0 20px 2%;
    }
    #standardWrapper.support .support-box img {
        max-width: 100%;
    }
    #standardWrapper.support .support-box.support-donate {
        padding: 15px 0 0 0;
    }
    #standardWrapper.support .support-box.support-donate.support-donate--campaigns-template {
        width: 97%;
        margin: 0 auto 20px auto;
        float: none;
    }
    #standardWrapper.support .support-box.support-donate h3 {
        margin-bottom: 10px !important;
    }
    #standardWrapper.support .support-box.support-donate a {
        margin-bottom: 15px;
        margin-left: 21px;
        width: 90px;
        height: 47px;
        padding: 8px 0;
        font-size: 25px;
    }
    #standardWrapper.support .support-box.support-box-half img {
        width: 100%;
        margin-bottom: 10px;
    }
    #standardWrapper.support .support-box h3, #standardWrapper.support .support-box .button {
        margin-left: 15px !important;
        margin-bottom: 0 !important;
    }
    #standardWrapper.support .support-box .button {
        margin: 10px 0 10px 15px !important;
    }
    #standardWrapper.support .support-box.support-box-half {
        width: 47.5%;
        margin-left: 2%;
    }
    #standardWrapper.support .support-box.support-box-half p {
        width: 100%;
    }
    .help.vertical {
        width: 97%;
        margin: 0 auto 20px auto;
        display: block;
        float: none;
        clear: both;
    }
    .help.vertical .help-list {
        margin-left: 10px;
    }
    .help.vertical .button {
        margin: 0 0 10px 20px;
    }
    #standardWrapper.support .named-funds {
        padding: 0 10px;
        min-height: 255px;
        margin-bottom: 20px;
    }
    #standardWrapper.support .col-sm-6 img {
        max-width: 100%;
    }
    #standardWrapper.support .stories {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    #standardWrapper.support .stories blockquote {
        margin: 0 0 45px 0;
    }
    #standardWrapper.support .request-pack {
        float: none;
        clear: both;
        max-width: 96%;
        margin: 0 auto 20px auto;
    }
    #standardWrapper.groups .group-item {
        width: 30.33%;
        margin: 0 1.5% 15px 1.5% !important;
        padding-bottom: 25px;
    }
    #standardWrapper.groups .group-item a {
        width: 100%;
        padding: 15px;
    }
    #standardWrapper.groups .group-title {
        padding-left: 20px;
    }
    #contactMagWrapper .magazine-overview {
        padding-right: 20px;
        padding-left: 15px;
    }
    #contactMagWrapper .share-story {
        padding: 15px 10px;
    }
    #contactMagWrapper .magazines {
        padding: 0 15px;
    }
    #becomeAMemberWrapper .intro {
        padding: 0 15px;
    }
    #becomeAMemberWrapper h3 {
        margin-left: 15px;
    }
    #becomeAMemberWrapper .member-benefits {
        width: 768px;
        padding: 20px 0 10px 0;
        overflow: hidden;
        max-width: 100%;
    }
    #becomeAMemberWrapper .member-benefits li {
        width: 384px;
    }
    #becomeAMemberWrapper .member-benefits li a {
        padding: 0 15px;
        display: block;
    }
    #becomeAMemberWrapper .col-sm-8 {
        padding-left: 15px;
    }
    #becomeAMemberWrapper .membership-types {
        padding: 0 0 0 15px;
    }
    #becomeAMemberWrapper .membership-type {
        margin-bottom: 20px;
        margin-right: 15px;
        width: 360px;
    }
    #becomeAMemberWrapper .membership-types .last {
        clear: both;
    }
    #standardWrapper.aftercure .aftercure-box.aftercure-box-quarter {
        width: 305px;
    }
}

    
@media only screen and (max-width : 767px) {
    #standardWrapper.aftercure .aftercure-box.aftercure-box-quarter {
        width: 305px;
    }
    body {
        background-color: #FFFFFF;
    }
    
    iframe {
        max-width: 100%;
    }
    blockquote {
        margin-top: 0;
    }
    .button, .event_booking_buttons a, .button_stretch, .button_field, .login_button input[type=submit] {
        padding: 6px 25px 6px 10px;
    }
    .grey-white-section {
        background: none;
    }
    #standardWrapper h2, #standardWrapper h3 {
        line-height: 34px;
    }
    #header {
        padding: 0 0 10px 0;
        margin: 0;
    }
    #social {
        top: 90px;
        z-index: 1001;
    }
    .header_search {
        clear: both;
        width: 100%;
        margin-top: 10px;
    }
    
    /** slide nav hide search ***/
    .header-search {
        width: 100%;
        margin: 10px auto;
        display:none;
    }
    .header-search .input-wrapper {
        width: 100%;
    }
    .header-search input.search-box {
        padding: 8px;
    }
    .header-logo {
        padding: 10px 0;
        width: auto;
        max-width: 75%;
    }
    .header-logo img {
        max-width: 100%;
    }
    .header-login {
        float: left;
        margin-top: 0;
    }
    .header-buttons {
        margin: 10px 40px 10px 0;
    }
    .header-buttons a {
        padding: 5px 3px;
    }
    #header .donate {
        float: left;
    }
    
    .content, #content {
        padding: 0;
    }

    #mobileNav .panel_nav > ul > li .panel_nav_panel .panel_nav_sub_panel {
        width: 100%;
    }
    #wrapper {
        padding: 0  10px;
    }
    
    .cycle-pager {
        margin-right: 10px;
    }
    #footer {
        padding: 10px;
    }
    #footer iframe {
        margin: 10px 0;
        min-width: 0;
    }
    #footer .newsletter img {
        float: left;
        margin: 10px 0;
    }
    #footer .address {
        text-align: center;
        margin-bottom: 10px;
    }
    #footer .donate {
        float: left;
        background-position: -4px 0;
    }
    #footer .address p {
        text-align: left;
    }
    
    .header_logo,
    .header_logo img
    {
        width:100px;
    }
    /*** Panel Nav ***/
    
    .powernav_col {
        width: 100% !important;
        margin: 0 0 10px 0;
    }
    
    #footer .powernav_container {
        padding-left: 0;
    }
    .powernav_container .col_1, .powernav_container .col_3, .powernav_container .col_5, .powernav_container .col_7 {
        clear: both;
    }
    
    /*** 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;
    }

    .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;
    }


    /* Home page */
    #homeWrapper .cycle-wrapper {
        width: auto;
        height: 390px;
        margin: 0 -10px;
    }
    #homeWrapper .cycle-wrapper .banner-left {
        display: none;
    }
    #homeWrapper .cycle-wrapper .banner-right {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 10px;
    }
    #homeWrapper .cycle-wrapper .banner-right h2 {
        font-size: 46px;
    }
    #homeWrapper .cycle-wrapper .banner-right h2 br {
        display: none;
    }
    #homeWrapper .cycle-wrapper .banner-right .button {
        margin-top: 10px;
    }
    #homeWrapper .home-top .diagnosed {
        padding: 0;
        margin-bottom: 10px;
    }
    #homeWrapper .home-top .diagnosed br {
        display: none;
    }
    #homeWrapper .home-top {
        padding-top: 10px;
    }
    #homeWrapper .home-top h2 {
        padding-top: 10px;
    }
    .watch-listen {
        padding: 20px 10px;
        margin-bottom: 0;
    }
    .watch-listen h2 {
        width: 100%;
        margin-bottom: 10px;
    }
    .watch-listen .video-list {
        width: auto;
    }
    .jc-nav {
        float: left;
    }
    .help {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .help h3 {
        max-width: 100%;
        margin: 10px 0 0 10px;
        font-size: 30px !important;
    }
    .help .help-list {
        width: 300px;
        margin-bottom: 20px;
        padding-left: 10px;
    }
    .help + .donate {
        margin-top: 10px;
        margin-bottom: 10px;
        background: #8F128B;
        padding: 6px 10px 14px 20px;
    }
    .help + .donate br {
        display: none;
    }
    .help .help-list, .help .help-list li, .help .help-list li a {
        width: 260px;
        height: 120px;
    }
    .help-list li a {
        padding-right: 20px !important;
    }
    #homeWrapper .news_callout_header h4 {
        margin-top: 10px;
    }
    .grey-section {
        margin: 0 -10px;
    }
    #homeWrapper .news .button {
        margin: 10px 5px 0 0;
    }
    #homeWrapper .home-bottom .internal {
        padding: 0;
    }
    #homeWrapper .magazine {
        padding-top: 10px;
    }
    #homeWrapper .magazine h4 {
        margin-top: 0;
    }
    #homeWrapper .magazine p {
        margin: 10px 0 20px 0;
    }
    #homeWrapper .tissue-bank {
        margin: 20px 0 20px 0;
        padding: 15px 10px 10px 10px;
    }
    #homeWrapper .publications {
        margin-bottom: 10px;
    }
    #homeWrapper .publications .intro {
        width: 100%;
    }
    #homeWrapper .publications .intro h4 {
        margin-bottom: 10px;
    }
    #homeWrapper .publications .intro h4 br {
        display: none;
    }
    #homeWrapper .publications .intro p {
        margin-bottom: 10px;
    }
    #homeWrapper .publications .intro .button {
        float: right;
    }
    #homeWrapper .publications .pub-list {
        max-width: 103%;
        min-width: 100%;
        margin-top: 10px;
        margin-right: -10px;
        height: 100px;
    }
    #homeWrapper .publications .pub-list li {
        margin-left: 0;
        margin-right: 10px;
    }
    #homeWrapper .publications .pub-list:before {
        content: none;
    }
    .twitter-feed {
        padding: 10px;
    }
    .twitter-feed .tweet {
        padding: 0;
        margin-bottom: 20px;
    }
    #homeWrapper .related-tags {
        margin: 0 0 10px 0;
    }
    #homeWrapper .view-all-events {
        margin: 10px 0;
    }
    #homeWrapper .members-area h3 {
        margin-top: 10px;
    }
    #homeWrapper .members-area ul {
        text-align: center;
    }
    #homeWrapper .members-area .button {
        margin-bottom: 10px;
    }
    .standard-header {
        height: auto;
        margin-bottom: 10px;
    }
    .standard-header h1 {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 30px;
    }
    .standard.col-sm-9 {
        padding-right: 0;
    }
        .standard.col-sm-9 + .col-sm-3 {
            clear: both;
        }
    .second_level_nav {
        clear: both;
    }
    blockquote img {
        display: none;
    }
    .callout.donate {
        background-position: center;
    }
    .module-list-item-wrapper .module-image {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    #eventsWrapper .event-category, #eventsWrapper .module-date {
        width: 100%;
        margin-bottom: 0;
    }
    #eventsWrapper .module-date .date-day {
        font-size: 30px;
        padding: 5px 0;
    }
    #eventsWrapper .event-details {
        margin-top: 5px;
        padding-left: 0;
        width: 100%;
    }
    #eventsWrapper .event-detail-date {
        width: 100%;
    }
    #standardWrapper.publications .publication {
        padding-left: 0 !important;
    }
    #standardWrapper.publications .publication-detail .col-sm-7 {
        padding-left: 0;
    }
    #standardWrapper.publications .publication-detail h3 {
        min-height: 20px;
        margin-bottom: 10px;
    }
    #standardWrapper.team img {
        margin-bottom: 10px;
    }
    #standardWrapper.team p {
        margin-bottom: 20px;
    }
    .videos .video .video-thumb {
        float: left !important;
        margin: 0 !important;
        width: 100%;
    }
    #hospital-map {
        max-width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-bottom: 20px;
    }
    #hospital-map img {
        max-width: none;
    }
    #contactMagWrapper .magazine-overview {
        padding-right: 0;
    }
    #contactMagWrapper .latest-magazine:before, #contactMagWrapper .latest-magazine:after {
        content: none;
    }
    #contactMagWrapper .latest-magazine {
        margin: 0 -10px 10px -10px;
        width: auto;
        padding: 25px 10px;
    }
    #contactMagWrapper .latest-magazine img {
        margin-left: 0;
        max-width: 100%;
    }
    #contactMagWrapper .latest-magazine .button + .button {
        margin-top: 10px;
        margin-left: 0;
    }
    #contactMagWrapper .quicklist_search_wrapper > h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    #contactMagWrapper .quicklist_search_wrapper > h2 + .button {
        float: left;
        margin-bottom: 10px;
    }
    #contactMagWrapper .ql_searchField {
        width: 100%;
    }
    #contactMagWrapper .ql_searchField select {
        width: 100% !important;
    }
    #contactMagWrapper .search_button {
        width: 100%;
    }
    #contactMagWrapper .magazine {
        padding-bottom: 15px;
    }
    #contactMagWrapper .magazine img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    #contactMagWrapper .magazine-footer .col-sm-6 {
        width: 100%;
        margin-bottom: 15px;
    }
    #contactMagWrapper .magazine-footer .col-sm-6 .button {
        float: left;
    }
    #contactMagWrapper .magazine-footer {
        margin-bottom: 5px;
    }
    #formWrapper .form-field label, #formWrapper .form_field label {
        width: 100%;
    }
    #formWrapper .form-field input[type=text], #formWrapper .form_field input[type=text], #formWrapper .form-field textarea, #formWrapper .form_field textarea, #formWrapper .form-field select, #formWrapper .form_field select,
    #formWrapper .form-field img, #formWrapper .form_field img {
        width: 100% !important;
    }
    #formWrapper .form-field.checkbox-list ul label, #formWrapper .form_field.checkbox-list ul label {
        width: 280px;
    }
    #formWrapper .form-field img + input[type=file], #formWrapper .form_field img + input[type=file] {
        width: 100%;
        margin-left: 0;
    }
    #becomeAMemberWrapper .member-benefits {
        padding-left: 10px;
        max-width: 100%;
    }
    #becomeAMemberWrapper .membership-type {
        margin-bottom: 15px;
    }
    #becomeAMemberWrapper .join {
        padding: 15px;
        max-width: 100%;
        margin-top: 10px;
    }
    #becomeAMemberWrapper .join h3 {
        font-size: 26px;
        line-height: 28px;
        margin: 0 0 5px 0;
    }
    #standardWrapper.groups .group-item {
        max-width: 100%;
    }
    #membersWrapper .welcome h2 {
        margin: 10px 0 20px 0;
    }
    #membersWrapper .member-nav {
        width: 100%;
    }
    #membersWrapper .alerts-signup {
        padding: 8px 22px 20px 10px;
        margin-bottom: 30px;
    }
    #membersWrapper .alerts-signup h3, #membersWrapper .alerts-signup h4 {
        max-width: 100%;
    }
    #membersWrapper .member-blocks {
        margin: 10px 0;
    }
    #membersWrapper .member-blocks a {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
        padding-bottom: 15px;
    }
    #membersWrapper .calendar {
        max-width: 100%;
    }
    #membersWrapper .annual-meeting .details {
        width: 100%;
        margin-left: 0
    }
    #membersWrapper h3 {
        line-height: 32px;
        margin: 10px 0;
    }
    #membersWrapper .annual-meeting {
        margin-bottom: 10px;
    }
    #membersWrapper .annual-meeting .button {
        margin-top: 10px;
    }
    #membersWrapper .watch-listen {
        margin-top: 10px;
        width: 100%;
    }
    #membersWrapper .discussions {
        width: 100%;
    }
    #membersWrapper .discussions h5 {
        margin-bottom: 10px;
    }
    #standardWrapper.support .named-funds {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    #standardWrapper.support img {
        max-width: 100%;
    }
    #standardWrapper.support .named-funds img {
        position: static;
        margin-top: 10px;
        margin-left: 0;
        max-width: 100%;
    }
    .help.vertical h3 {
        margin: 10px !important;
    }
    .help.vertical .help-list li a {
        padding: 0;
    }
    .help.vertical .button {
        margin: 0 0 15px 10px;
    }
    #standardWrapper.support .tea-party {
        padding: 10px;
        min-height: 180px;
    }
    #standardWrapper.support .tea-party h2 {
        font-size: 38px;
        line-height: 42px;
        margin-bottom: 10px;
    }
    #standardWrapper.support .support-box {
        margin-bottom: 10px;
    }
    #standardWrapper.support .support-box.support-box-half img {
        margin-bottom: 10px;
    }
    #standardWrapper.support .support-box.support-box-half h3 {
        clear: both;
        margin: 0 0 10px 10px;
    }
    #standardWrapper.support .support-box.support-box-half .button {
        margin-left: 10px;
    }
    #standardWrapper.support .named-funds h3 {
        margin: 10px 0;
        line-height: 34px;
    }
    #standardWrapper.support .stories h3 {
        margin: 10px 0;
    }
    #standardWrapper.support .request-pack {
        margin: 10px 0;
        padding: 10px;
    }
    #standardWrapper.support .request-pack h3 {
        margin: 5px 10px 10px 0;
    }
    #standardWrapper.support h2.support {
        margin: 10px 0 20px 0;
    }
    .videos .ql_searchField select {
        width: 100% !important;
    }
    .listing-page-detail .listing-field-name + span {
        width: 100%;
    }
    #wrapper .member-directory .quicklist_search_wrapper .ql_searchField {
        width: 100%;
    }
    #wrapper .member-directory .quicklist_search_wrapper input[type=text],
    #wrapper .member-directory .quicklist_search_wrapper select {
        width: 100% !important;
    }
    #wrapper .member-directory .member-item {
        padding: 0 0 30px 0 !important;
    }
    #standardWrapper.support .support-box.support-donate--campaigns-template h3 {
        margin-bottom: 15px !important;
    }
}