﻿@media (max-width: 767px) {
    .container {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    figure img {
        display: block;
        width: 100%;
    }

    .content img {
        height: auto !important;
        max-width: 100%;
    }

    /*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 0;
        margin: 0;
    }

        .mHeaderM img {
            width: 150px;
            height: auto;
            margin: 0 auto 0 auto;
        }

    /* 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;
    }

    #informationfor {
        border-bottom: none !important;
    }

    .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;
        padding: 0 10px;
    }

    .ad {
        background-image: none !important;
    }

    .admore {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        min-height: 0;
        padding: 12px;
        position: relative;
        width: 100%;
    }


    /* 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;
        }


        .exWrap .exBar .box-title a .titleText {
            font-weight: normal;
            font-size: 1em;
        }

    .exBar .barspan {
        font-size: 1em;
        font-weight: normal;
        margin: 0;
        padding: 0 0 16px 10px;
        text-transform: uppercase;
    }

    .btnAllServices {
        margin-bottom: 20px;
    }

    .exWrap .exBar .box-title a {
        border-bottom: 0;
    }

    .centersNav {
        border: medium none;
        margin: 30px 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: 1.143em;
        padding: 18px 12px 0 12px;
        color: #424242;
    }

    .exBar .baricon, .newsBar .baricon {
        font-size: 1.286em;
        color: #828383;
        cursor: pointer;
    }

    .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;
        padding-right: 0;
        text-align: center;
    }

    .newsColR {
        border: none;
        width: 100%;
        padding-bottom: 10px;
    }

    .newsletterR {
        padding: 0 60px;
        border-right: 0;
    }



    /* Custom Left Contact Information */
    #mainNav .contactWrapM {
        /*margin-top: 10px;*/
        padding-top: 0;
    }

    /*.contactWrapM li:first-child {
        border-top: 1px solid #e6e6e6;
    }*/

    .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 {
        display: none;
    }


    /* 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;
    }

    .newsletterRow {
        padding: 0 10px 20px 10px;
    }
    /* 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;
    }
    /*2 Boone Column*/
    .two-col-blog .two_col_left {
        width: 100%;
        padding: 0 10px;
    }

    .two-col-blog .two_col_right {
        width: 100%;
        padding: 0 10px;
    }
    /* 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 */


    /* Action Form */
    .bstrap30 .form-horizontal .control-label.right {
        text-align: left !important;
        float: none;
        display: block;
        width: 100%;
        padding-bottom: 5px;
    }
}


@media (max-width: 480px) {
    /*.whyChooseNav .exBar .barspan {
        width: 220px;
        padding: 10px 0 0 12px;
    }*/
}
