.mobile-subnav {
    display: none;
}

@media only screen and (max-width: 900px) {

    /*** BASE ***/

    .cols .col-1,
    .cols .col-2,
    .cols .col-3,
    .cols .col-4,
    .cols .col-5,
    .cols .col-6,
    .cols .col-7,
    .cols .col-8,
    .cols .col-9,
    div.view-pub-square .views-field-field-question-number,
    div.view-pub-square .views-field-comment-count,
    div.view-pub-square .views-label-body
    {
        width: 100%;
        margin: 0;
    }

    .cols {
        padding: 0 20px;
    }

    div#content, .page-node-486 #main-wrapper {
        margin-bottom: 0;
    }

    .empty-last {
        display: none;
    }

    /*** HEADER ***/
    #header-spacer {
        height: 50px;
    }

    #layout > header .region-bft-header {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    #layout > header .block-menu-block .content ul {
        display: block;
    }

    #layout >  header .block-menu-block .content ul li {
        font-size: 1.48em;
        line-height: 1.2em;
        height: 48px;
        margin: 0;
        padding: 5px 0 0;
        list-style-type: none!important;
        list-style-image: none!important;
        position: relative;
        display: block;
    }

    div#layout > header #name-and-slogan {
        margin-left: 0;
        height: 50px;
    }

    div#layout > header #name-and-slogan a {
        height: 39px;
        margin-bottom: 0;
        margin-top: 0;
        background-position-x: 0;
        padding:0;
        left: 0;
        width: 116px;
    }

    p {
        font-size: 14px;
        line-height: 26px;
    }

    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    body.section-newborn-screening #page-title, body.page-search #page-title, body #page-title {
        font-size: 32px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
    }

    /*** NAV ***/

    .mobile-subnav {
        background: #319d93;
        color: white;
        font-size: 14px;
        padding: 20px;
        text-align: center;
        display: block;
        cursor: pointer;
    }


    #layout article section > nav#left-nav {
        position: absolute;
        top: 105px;
        left: 0;
        background: #ffffff;
        z-index: 999;
        display: none;

    }

    #layout article section > nav#left-nav.active {
        display: block;
    }

    #layout article section > nav#left-nav .block-menu-block {
        margin-bottom: 0;
    }

    nav#left-nav .ask-an-expert-promo {
        display: none;
    }

    .region-bft-header .top-links {
        min-height: 0;
    }


    /*** HEADER ***/

    div#block-views-resource-landing-block-2:before {
        width: 100%;
    }

    body.section-newborn-screening #page-title span,
    body.section-newborn-screening #page-title.has-parent span {
        font-size: 14px;
        margin-bottom: -2px;
        padding-bottom: 0;
    }

    body.not-front .region-content h4 {
        padding-top: 0;
    }

    body.not-front .region-content h3 {
        line-height:20px;
        padding-bottom: 10px;
    }

    .state-header .title#page-title {
        margin-bottom: 0;
    }

    .state-header-wrapper .flex {
        flex-wrap: wrap;
    }

    .state-header-wrapper .state-landing-program, .state-header-wrapper .download-brochure {
        width: 100%;
    }
    .state-header-wrapper .download-brochure {
        margin-top: 20px;
    }

    .conditions-header-box, .resource-landing-header {
        padding-left:20px;
    }

    .view-resource-landing .view-filters .form-item.form-item-title {
        margin-top: 30px;
        margin-right:20px;
    }

    .view-resource-landing .view-filters #edit-secondary-wrapper .fieldset-wrapper .form-item.form-type-select,
    .view-resource-landing .view-filters #legend div,
    .view-resource-landing .fieldset-wrapper .bef-secondary-options,
    .view-resource-landing .view-filters #legend {
        width: 100%;
        margin-right: inherit;
    }

    .conditions-header-image {
        top: -34px;
        left: -27px;
    }

    .conditions-header-box-wrapper {
        margin-bottom: 26px;
    }

    .conditions-header-box .title#page-title {
        padding-top: 54px;
        font-size: 32px;
        line-height:43px;
        padding-bottom: 0;
    }

    .conditions-header-box, .resource-landing-header {
     padding: 0 20px;
    }

    .conditions-header-box {
        margin-top: 35px;
    }

    .page-node-7 .conditions-header-box {
        margin-top: 50px;
    }


    body.section-newborn-screening #page-title span, body.section-newborn-screening #page-title.has-parent span {
        margin-bottom: 1px;
    }

    .state-header {
        padding: 0 20px;
    }

    body.not-front #layout article section .region-content-1,
    body.not-front #layout article section .region-content-2,
    body.not-front #layout article section .region-content-3,
    body.not-front #layout article section .region-content-4,
    body.not-front #layout article section .region-content,
    .region-bft-footer,
    body.section-newborn-screening .region-bft-footer,
    #content-one .top-content-col .block-inner {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    /*** CONTENT ***/

    body.not-front #layout > article section {
        margin-bottom: 40px;
    }

    body.not-front #layout article section .region-content {
        margin: 0;
        width: 100%;
    }

    .field-name-field-new-featured-image {
        padding-bottom: 20px;
    }

    body.section-newborn-screening #page-title.has-parent, body.section-newborn-screening #page-title {
        padding-top: 24px;
        padding-bottom: 2px;
        font-size: 32px;
    }

    body.html div.background {
        width: 5px;
    }


    /*** BLOCKS***/
    .field-name-field-new-featured-image, .expert-mobile {
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
        padding-bottom: 23px;
    }
    .expert-mobile {
        display: block;
        float: left;
    }

    .ask-an-expert-promo .content p,
    .ask-an-expert-promo h2 {
        font-size: 14px;
    }

    .block.condition-and-state {
        padding: 20px 20px;
        width: calc(100% - 40px);
    }

    .condition-and-state .two-button .state {
        height: 40px;
    }


    .condition-and-state .two-button {
        flex-wrap: wrap;
    }

    .condition-and-state .two-button a {
        width: 100%;
    }
    .condition-and-state .two-button .condition {
        margin-bottom: 20px;
        height: 30px;
    }

    .condition-and-state .two-button .wysiwyg-button {
        height: 25px;
        box-shadow: none;
    }

    .block.condition-and-state p {
        margin-bottom: 10px;
    }

    .social-btns {
        display: flex;
        line-height:18px;
        margin-top:0;
        margin-bottom: 0;
        padding-bottom: 0;

    }

    .social-btns span {
        margin-right: 20px;
    }

    .col-1 .share-btn {
        margin-bottom: 0;
    }

    .last-reviewed {
        display: none;
    }

    /*** FOOTER ***/

    .footer-logo {
        display: block;
    }


    /*** PUBLIC SQUARE ***/
    .public-square-header-box .col-indent-1.col-6 {
        padding-left: 20px;
        width: calc(100% - 40px);
    }
    .public-square-header-box-wrapper {
        margin-bottom: 20px;
    }
    .page-node-486 .share-btn, .node-type-forum .share-btn {
        margin-bottom: 20px;
    }

    .node-type-forum .share-btn, .node-type-forum .social-btns span {
        margin-left: 0;
        margin-right: 20px;
    }

    html body.node-type-forum h1#page-title {
        padding-top: 25px;
        padding-bottom: 0;
    }

    #summaryField .col-6 {
        padding: 0 20px;
        width: calc(100% - 40px);
    }

    html body.node-type-forum #layout article section .nameTitleWrap {
        display: flex;
        flex-direction: column;
        max-width: 73%;
        padding: 0;
        margin-left: 7%;
        margin-top: 0;
        margin-bottom: 0;
    }

    html body.node-type-forum #layout article section .commentWrap {
        max-width: 100vw;
        flex-direction: row;
    }

    div.forum-post-content div#topicWrapper div.field-item{
        max-width: 100%;
    }

    html body.node-type-forum #layout article section  #forum-comments div.hybridauth-widget-wrapper {
        width: calc(100% - 40px);
        margin-left: 0;
        padding: 0 20px;
    }

    html body.node-type-forum #layout article section .user-picture {
        width: inherit;
    }

    html body.node-type-forum #layout article section .commentWrap {
        max-width: 100%;
        flex-direction: row;
        justify-content: center;
        margin-top:20px;
        min-height: 0;
    }

    html .node-type-forum .field-type-text-with-summary.field-name-body .field-items {
        padding-right: 0;
    }

    .node-type-forum .top-Wrapper {
        margin-bottom: 0;
    }

    .node-type-forum .pubSquare-info, .node-type-forum .ask-an-expert-promo {
        display: none;
    }

    .node-type-forum .mobile-promos {
        float: left;
        padding: 0 20px;
        margin-bottom: 40px;
        display: block;
    }

    .node-type-forum .mobile-promos .pubSquare-info, .node-type-forum .mobile-promos .ask-an-expert-promo {
        display: block;
        margin-top: 0;
    }
    html div#summaryFieldMobile {
        display: none;
    }

    .pubSquare-info div.block-inner div.content {
        max-width: 100%;
        margin-top: 20px;
    }

    .public-square-header-box {
        margin-top: 40px;
    }

    div.view-pub-square .views-row, div.view-pub-square .views-row-first {
        padding-left: 20px;
        padding-right: 20px;
    }
}