﻿@media (max-width: 767px) {
    img {
        height: auto !important;
        max-width: 100%;
    }

    .second-page-banner {
        visibility: hidden;
        display: none;
    }

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #000000;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #000000;
        opacity: 1;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #000000;
        opacity: 1;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #000000;
    }

    .container {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .row2right .input-group .SearchContainer .SearchTextBox {
        color: #000 !important;
    }

    /*Row 2*/
    .row2 {
        padding: 0;
    }

    .row2right {
        display: block;
        padding: 10px;
        border: 1px solid #e6e6e6;
        text-align: center;
        width: 100%;
    }

        .row2right .input-group {
            float: none;
            margin: 0 auto 0 auto;
            width: 100%;
        }

        .row2right .searchSkinObjectPreview {
            text-align: left;
        }

    .row2Left {
        padding: 0 5px;
    }

    .mHeaderM {
        padding: 10px 0 0 5%;
        text-align: center;
		margin-bottom: -5%;
    }

/*        .mHeaderM img {
            width: 150px;
            height: auto;
            margin: 0 auto 0 auto;
        }*/
	
	     .mHeaderM img {
            width: 320px;
            height: auto;
            margin: 0 auto 0 auto;
			padding-bottom: -4%;
        }


    /* Row 3 : top menu */
    .overlay {
        height: 0;
        display: block;
        opacity: 0;
        position: relative;
    }

    .overlay-show {
        display: block;
        position: absolute;
        top: 0;
        opacity: 0.8;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 10000;
    }



    .mobileMainNav {
        background: none;
        height: 100%;
        display: none;
        padding-top: 0;
        position: relative;
    }

    .topMobileNav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .topMobileNav ul.megamenu > li {
            width: 100%;
            border-bottom: 1px solid #e6e6e6;
            display: table;
        }

            .topMobileNav ul.megamenu > li a {
                display: table-cell;
                width: 100%;
                text-align: left;
                color: #000;
                /*float: left;*/
                font-size: 14px;
                padding: 10px;
                text-align: left;
                text-decoration: none;
                text-transform: uppercase;
            }

            .topMobileNav ul.megamenu > li.level0 .childIndicator {
                color: #FFF;
                display: block;
                font-size: 10px;
                line-height: 20px;
                padding: 10px 18px 10px 18px;
                /*position: absolute;
                right: 0;
                top: 0;*/
                background-color: #03539A;
                cursor: pointer;
                display: table-cell;
            }

        .topMobileNav ul.megamenu .sub {
            position: absolute;
            top: 0;
            left: 240px;
            width: 240px;
            padding: 0;
            margin: 0;
            display: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .topMobileNav ul.megamenu .sub.open {
                display: block;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

            .topMobileNav ul.megamenu .sub > ul {
                margin: 0;
            }

                .topMobileNav ul.megamenu .sub > ul > li {
                    border-bottom: 1px solid #e6e6e6;
                }

                    .topMobileNav ul.megamenu .sub > ul > li > a {
                        display: block;
                    }

                    .topMobileNav ul.megamenu .sub > ul > li.back-button {
                        padding: 20px 10px;
                    }

                        .topMobileNav ul.megamenu .sub > ul > li.back-button a {
                            position: relative;
                            text-transform: uppercase;
                            border: 1px solid #e6e6e6;
                            padding: 9px 14px 8px 14px;
                            margin: 20px 0 20px 0;
                            display: inline !important;
                        }

                        .topMobileNav ul.megamenu .sub > ul > li.back-button .icon-arrow-left-generic {
                            display: inline-block;
                            color: #898A89;
                            margin: 4px 8px 0 0;
                            font-size: 10px;
                        }

        .topMobileNav ul.megamenu li > a:hover, ul.megamenu li.activeNav > a {
            background: none;
        }

        .topMobileNav ul.megamenu li.separator {
            display: none;
        }

        .topMobileNav li.level0 {
        }

        /* Custom Left Contact Information */
        .topMobileNav .contactWrapM {
            padding-top: 0;
            display: block;
            width: 100%;
            float: left;
            list-style-type: none !important;
        }

            .topMobileNav .contactWrapM > li {
                border-bottom: 1px solid #e6e6e6;
                padding-left: 10px;
                list-style-type: none !important;
            }

            .topMobileNav .contactWrapM a {
                display: block;
                padding: 10px 10px 10px 0;
                color: #828383 !important;
                width: 100%;
                text-decoration: none;
            }

                .topMobileNav .contactWrapM a:hover, .contactWrapM a:hover .icon-arrow-right-generic {
                    color: #2774b9 !important;
                }

            .topMobileNav .contactWrapM .icon-get-directions {
                margin: 0 8px 0 0;
                font-size: 16px !important;
            }

            .topMobileNav .contactWrapM .icon-contact {
                margin: 0 8px 0 0;
                font-size: 11px !important;
            }

            .topMobileNav .contactWrapM .icon-arrow-right-generic {
                color: #898a8a;
                display: inline-block;
                float: right;
                font-size: 10px;
                margin: 4px 0 0;
            }



    .push {
        height: 100%;
        position: relative;
        width: 100%;
    }

        .push.open-right {
            height: 100%;
            right: 240px;
            width: 100%;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
        }

        .push.open-left {
            height: 100%;
            width: 100%;
            left: 242px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
        }



    .fly-in-right {
        background: none repeat scroll 0 0 #FFFFFF;
        box-sizing: border-box;
        height: 100%;
        right: -240px;
        position: absolute !important;
        top: 0;
        width: 240px;
        display: block !important;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 1s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
    }

    .fly-in-left {
        background: none repeat scroll 0 0 #FFFFFF;
        moz-box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
        box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
        box-sizing: border-box;
        height: 100%;
        left: -240px;
        position: absolute !important;
        top: 0;
        width: 240px;
        display: block !important;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -o-transition: all 1s linear;
    }

    /* Row 3 : top menu */
    /*.overlay {
        height: 0;
        display: block;
        opacity: 0;
        position: relative;
    }

    .overlay-show {
        display: block;
        position: absolute;
        top: 0;
        opacity: 0.8;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 10000;
    }

    .push {
        position: relative;
        height: 100%;
        width: 100%;
        left: 0;
    }

        .push.open-mainNav {
            left: 240px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
        }

    #mainNav {
        position: absolute;
        top: 0;
        left: -240px;
        background: #fff;
        width: 240px;
        height: 100%;
        box-sizing: border-box;
        -moz-box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
        box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, .2);
    }

    .dropBox {
        display: none;
    }

    #mainNav .navvert {
        display: none;
    }

    #mainNav > ul > li {
        display: block;
        margin: 0 10px 0 10px;
        float: none;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
    }

        #mainNav > ul > li > div > a {
            display: block;
            color: #00529b;
            padding: 10px 0 10px 0;
        }

        #mainNav > ul > li > div:hover > a {
            color: #1a6cb5;
            text-shadow: none;
            background: #fff;
            transition: none;
        }

        #mainNav > ul > li > div > a:hover .icon-arrow-right-generic {
            color: #1a6cb5;
        }

    .navlink:after, .navdrop:after {
        display: none !important;
    }

    #mainNav .icon-arrow-right-generic {
        color: #898a8a;
        float: right;
        display: inline-block;
        margin: 4px 0 0 0;
        font-size: 10px;
    }

    .dropBox {
        display: none;
    }

    .caret {
        display: none;
    }

    .navlink:hover, .navdrop:hover, #mainNav > ul > li.active > div:hover > a {
        background: #fff;
    }

        .navlink:hover a, .navdrop:hover a {
            color: #fff;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            transition: none;
        }*/


    /* Ad Row*/
    .adRow {
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 0;
    }

    .ad {
        background-image: none !important;
    }

    .admore {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-left: none;
        min-height: 0;
        padding: 12px;
        position: relative;
        width: 100%;
        border-left: none;
    }


    /* Row 5 : Video*/
    .vidRow {
        display: none;
    }

    /*Row 6*/
    .row6 {
        margin-bottom: 0;
    }

    .exWrap {
        border: 1px solid #e6e6e6;
    }

        .exWrap .exBar .box-title a {
            cursor: pointer;
        }

        .exWrap .boxcontent {
            padding: 0 10px 10px 10px;
            border-top: 1px solid #E6E6E6;
        }

    .btnAllServices {
        margin-bottom: 20px;
    }

    .exWrap .exBar .box-title a {
        border-bottom: 0;
    }

    .centersNav {
        border: medium none;
        margin: 10px 0 10px;
        padding: 0;
    }

    .whyChooseNav {
        border: medium none;
        margin: 0 0 10px;
        padding: 0;
    }

    .exWrap .box {
        display: none;
    }

    .exWrap .relatedNav li:last-child {
        border: medium none;
    }
    /* Row 7 : News Ticker */
    .row7 {
        margin: 0 0 30px 0;
    }

    .newsWrap {
        height: auto;
        border: 1px solid #e6e6e6;
    }

        .newsWrap .box {
            display: none;
        }

    .newsBar .box-title a {
        border-bottom: none;
    }

    .exBar .barspan,
    .newsBar .barspan {
        margin: 0;
        font-family: "opensans", sans-serif;
        font-size: 16px;
        padding: 19px 12px 18px 12px;
    }

    .exBar .baricon, .newsBar .baricon {
        height: 55px!important;
        font-size: 1.286em;
        color: #828383;
        padding-top: 10px;
    }

    .boxcontent {
        height: auto;
        border-top: 1px solid #e6e6e6;
    }

    .newsMed {
        height: auto;
    }

    .ticker {
        height: auto;
        margin: 0;
    }

        .ticker li {
            display: none;
            padding: 20px 0 20px 0;
            height: auto;
        }

            .ticker li:last-child {
                border: none;
            }
    /* Enews Letter*/
    .enewsWrap {
        height: auto;
    }

    .newsletterTxtSml {
        display: none;
    }

    .newsColL {
        width: 100%;
        border-right: 0;
    }

    .newsletterL {
        padding-left: 0;
    }

    .newsColR {
        border: none;
        width: 100%;
        padding-bottom: 10px;
    }

    .newsletterR {
        padding: 0;
        border-right: 0;
    }



    /* Custom Left Contact Information */
    #mainNav .contactWrapM {
        margin-top: 10px;
        padding-top: 0;
    }

    .contactWrapM a {
        display: block;
        padding: 10px 0 10px 0;
        color: #828383 !important;
    }

        .contactWrapM a:hover, .contactWrapM a:hover .icon-arrow-right-generic {
            color: #2774b9 !important;
        }

    .contactWrapM .icon-get-directions {
        margin: 0 8px 0 0;
        font-size: 16px !important;
    }

    .contactWrapM .icon-contact {
        margin: 0 8px 0 0;
        font-size: 11px !important;
    }

    .contactWrapM .icon-arrow-right-generic {
        float: right;
        display: inline-block;
        margin: 4px 0 0 0;
        font-size: 10px;
    }

    /***************************************************************/

    /* Social Row*/
    .socialRow .container {
        margin: 0 auto;
		display: block;
		clear: both;
    }


    /* Footer row 1 */
    .genInfoNum {
        text-align: left;
    }

    /*Footer row 2*/
    .footerRow2 {
        padding: 20px 10px 0 10px;
    }

    .footerWrap .box {
        display: none;
    }

    .footerWrap {
        margin: 0 0 20px 0;
        border: 1px solid #00458e;
    }

    .footerRow2 .footerGroup {
        margin: 0;
        padding: 0;
    }

    .footerWrap .boxcontent {
        border-top: 1px solid #00458e;
    }

        .footerWrap .boxcontent ul {
            margin: 0 0 0 10px;
        }


    /* Row 12: Copy right*/
    .bjcLogo, .washLogo {
        padding: 0 20px 20px 20px;
    }

    .national {
        margin: 0 20px 20px 20px;
    }

    /*.bjcLogo img, .washLogo img {
        width: 100%;
        height: auto;
    }*/

    /* Contact Modal */
    #modalContact {
    }

    body .modal-contact {
        position: absolute;
        width: 300px;
        top: 10px;
        left: 50%;
        /* must be half of the width, minus scrollbar on the left (30px) */
        margin-left: -150px;
    }

    #modalContact .modal-header {
        border: none;
    }

    #modalContact .modal-title {
        text-align: center;
        font-family: "opensanslight", sans-serif;
        font-size: 1.571em;
        text-transform: uppercase;
        color: #000;
    }

    #modalContact .modal-body {
        padding: 0 20px 20px 20px;
    }

    .mBtn {
        display: table;
        width: 100%;
        margin: 0 0 20px 0;
        border: 1px solid #e6e6e6;
    }

        .mBtn a {
            display: block;
            padding: 0;
            margin: 0;
        }

        .mBtn .mBtnLeft {
            display: table-cell;
            vertical-align: middle;
            margin: 0;
            color: #00529b;
            width: 38px;
            padding: 0 0 0 11px;
            border-right: 1px solid #e6e6e6;
        }

        .mBtn .mBtnRight {
            display: table-cell;
            vertical-align: middle;
            padding: 10px;
            font-family: "opensans", sans-serif !important;
            font-size: 1em;
            line-height: 1.25em;
            text-transform: uppercase;
            color: #000;
            vertical-align: middle;
        }

        .mBtn a:hover .mBtnLeft {
            color: #1a6cb5;
        }

        .mBtn a:hover .mBtnRight {
            color: #1a6cb5;
        }

        .mBtn .genInfo {
            margin: 10px 0 0 0;
        }


    /* 2 col template*/
    .two_col_left {
        float: right;
    }

    .two_col_right {
        padding-left: 10px;
        float: left;
    }

    /* 3 col template*/
    .three_col_midright {
        float: left;
        padding-left: 0;
    }

    /*Related Info*/
    #relatedInfoContainer .box {
        display: none;
    }

    #relatedInfoContainer .relatedTitle a {
        cursor: pointer;
    }

    /* HaHuynh Added - Request an Appointment */
    .contentForm .form-left {
        width: 300px;
        float: none;
    }

    .form-right-captcha {
        text-align: center;
    }

    .contentForm .form-right {
        padding-bottom: 10px;
        padding-left: 10px;
    }

        .contentForm .form-right .form-textarea-input {
            width: 99%;
        }
        /* HaHuynh Added - End Request an Appointment */

        /* Request an appointment form **/
        .contentForm .form-right input.form-small-input {
            margin-bottom: 5px;
        }

    .search_character_unicode {
        font-size: 26px;
        color: #00529B;
        margin-top: -8px;
    }

    .m-search-ico {
        width: 22px;
        height: 22px;
        background: url(../images/MG-icon.png) center 0 no-repeat transparent;
        display: block;
        float: right;
    }

        .m-search-ico.opened {
            background: url(../images/close_button.png) center center no-repeat transparent;
        }

    /** LEFT PANE **********/
    /*#dnn_LeftPane {
        display: none;
    }*/

    .leftPane hr {
        display: none;
    }

    #rotator .owl-pagination {
        padding: 0 0 11px 0!important;
    }

    .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
        display: none!important;
    }

    .search-box {
        display: none;
    }

    .socialWrapContainer {
        width: 100%;
    }

    .newsBar .baricon {
        padding-top: 12px;
    }

    .newsroom-top-header {
        font-size: 40px!important;
    }

    #relatedTemplate {
        width: 100%!important;
    }

        #relatedTemplate .content {
            width: 100%!important;
        }

    /** Float Right for Desktop, Tablet and Float Left for mobile **/
    .rhs-float {
        float: left;
    }

    .boxContent {
        height: auto!important;
        min-height: 130px;
    }

    .mainContent
    {
        margin-top: 10px;
    }

    .form-group.col-sm-3
    {
        margin-left: -30px!important;
        padding-right: 0px;
    } 
}


@media (max-width: 480px) {
    .exBar .barspan {
        max-width: 230px;
    }

    .newsBar .baricon {
        /*height: 63px!important;
        padding: 19px 16px 0 16px!important;*/
    }

    .exBar .baricon {
        /*height: 90px!important;*/
        /*height: 75px!important;
        padding: 25px 16px 0 16px!important;*/
    }

    .whyChooseNav .exBar .baricon {
        /*height: 72px!important;*/
        /*padding: 44px 16px 0 16px!important;*/
    }

    .whyChooseNav .exBar .barspan {
        padding: 10px 0 0 12px;
    }

    /*.healthNews .healthInfoGroup .barspan {
        margin: 0;
        font-size: 1.714em;
        max-width: 250px;
    }*/
    .healthNews .healthInfoGroup .barspan {
        max-width: 200px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0;
        font-size: 1.714em;
    }

    .healthNews .baricon {
        height: 102px!important;
        padding-top: 44px;
    }

    .second-page-banner {
        visibility: hidden;
        display: none;
    }

    .related-videos li.video-block {
        width: 160px;
        float: left;
    }

        .related-videos li.video-block img {
            width: 100%;
        }

    .newsroom-top-header {
        font-size: 30px!important;
    }

    .boxContent {
        height: auto!important;
    }

    .middleLeftPane {
        width: 100%;
    }

    .middleRightPane {
        width: 100%;
    }

    .physicianSearchContainer .physician-search.physician-info-group {
        margin-bottom: 10px !important;
    }

    .mHeaderR {
        padding: 0;
    }
}

@media (max-width: 375px) {
    .footerLogoWrap {
        margin-left: 15px;
    }
}

@media (max-width: 320px) {
    .footerLogoWrap {
        margin-left: 5px;
    }
}
