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

    .navd,
    header.animateheader,
    .utility,
    .subnavcol,
    .blogentrythumbfooter .seemore,
    .staffprofilethumbfooter .seemore {
        display: none !important;
        visibility: hidden
    }

    .navr,
    header.mobileheader,
    .mobileotherprogramscontainer {
        display: block !important
    }

    .menu-btn {
        top: 22px;
        right: 30px
    }

    .menu-btn:before {
        top: 0;
        right: 0;
        line-height: 50px;
        font-size: 20px;
        height: 60px;
        width: 60px
    }

    .menu-title img {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 50%
    }

    header.mobileheader {
        position: fixed;
        top: 0;
        z-index: 103;
        width: 100%;
        height: 70px;
        z-index: 104;
        background-color: #fff;
        z-index: 102;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .2)
    }

    header.mobileheader .logo {
        position: absolute;
        top: 11px;
        left: 12px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    header.mobileheader .logo img {
        width: 157px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .mobiletalknow {
        position: absolute;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        height: 70px;
        top: 0;
        right: 70px;
        z-index: 102;
        background-color: #fff
    }

    .mobiletalknow a i {
        display: inline-block;
        color: #4698cb;
        font-size: 27px;
        text-decoration: none;
        line-height: 70px;
        padding: 0;
        margin-right: 26px;
        text-align: center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .mobiletalknow a.phone i {
        font-size: 24px
    }

    .banersubimage {
        display: none !important
    }

    .mobileblogentrythumbfooter {
        position: absolute;
        top: -3px;
        left: 159px;
        width: 244px;
        text-align: right
    }

    .mobileblogentrythumbfooter .seemore.seeallblog a:after {
        position: absolute;
        top: 8px;
        right: 0;
        background-color: rgba(70, 152, 203, .6);
        content: "";
        height: 1px;
        width: 0;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .mobileblogentrythumbfooter .seemore.seeallblog a:hover:after {
        width: 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .mobilesubnavcontainer {
        position: relative;
        z-index: 99;
        height: 60px;
        width: 100%;
        margin: 0 auto;
        background-color: #ddecf6;
        z-index: 6
    }

    .mobilesubnav {
        position: relative;
        z-index: 99;
        width: 93%;
        margin: 0 auto;
        padding-top: 8px
    }

    .mobilesubnavlist {
        position: relative;
        display: inline-block;
        margin-right: 5px;
        z-index: 900000000000;
        width: 60%;
        margin: 0 auto
    }

    .mobilesubnavlist:last-child {
        margin-right: 0
    }

    .mobilesubnavlist ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        display: inline-table;
        width: 100%
    }

    .mobilesubnavlist ul li:hover>ul {
        display: block
    }

    .mobilesubnavlist ul li {
        float: left;
        width: 100%;
        text-align: left;
        color: #fff;
        background-color: #4698cb;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .mobilesubnavlist ul li:hover {
        background-color: #4698cb;
        color: #fff
    }

    .mobilesubnavlist ul li:hover>a {
        background-color: #4698cb;
        color: #fff
    }

    .mobilesubnavlist ul li a {
        display: block;
        padding: 12px 12px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .04em;
        font-weight: 300;
        font-size: 16px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .mobilesubnavlist ul li a:hover {
        color: #fff
    }

    .mobilesubnavlist ul ul {
        display: none;
        border-radius: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        margin-left: 0;
        width: 100%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
        border-top: 1px solid #fff
    }

    .mobilesubnavlist ul ul li {
        float: none;
        font-weight: 400;
        position: relative;
        background-color: #fff;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        box-sizing: border-box;
        border-bottom: 1px solid #d4e7f3;
        width: 100%
    }

    .mobilesubnavlist ul ul li.nochildren.selected a {
        font-weight: 700;
        background-color: #fff4da !important
    }

    .mobilesubnavlist ul ul li.nochildren.selected a:hover {
        color: #4698cb
    }

    .mobilesubnavlist ul ul li.withchildren.selected a {
        font-weight: 700
    }

    .mobilesubnavlist ul ul li.withchildren.selected a:hover {
        color: #4698cb
    }

    .mobilesubnavlist ul ul li a {
        font-size: 20px;
        padding: 17px 12px;
        color: #4698cb;
        width: 100%;
        text-transform: none
    }

    .mobilesubnavlist ul ul li a:hover {
        background: #4698cb;
        color: #fff
    }

    .mobilesubnavlist #down-triangle {
        position: relative;
        float: right;
        width: 0;
        height: 0;
        margin-top: 6px;
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent
    }

    .mobilesubnavlist #down-triangle:before {
        content: '';
        position: absolute;
        top: -13px;
        left: -18px;
        height: 18px;
        width: 1px;
        background-color: rgba(255, 255, 255, .2)
    }

    .mobilesubnavlist ul ul li a:hover>.mobilesubnavlist #down-triangle {
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent
    }

    .mobilesubnavlist li .ischild a {
        float: none;
        font-weight: 300;
        padding: 8px 12px;
        position: relative;
        background-color: rgba(70, 152, 203, .09);
        box-sizing: border-box;
        border-bottom: 1px solid #fff;
        width: 100%;
        padding-left: 30px
    }

    .mobilesubnavlist li .ischild a:before {
        content: '';
        position: absolute;
        top: 17px;
        left: 12px;
        height: 1px;
        width: 9px;
        background-color: rgba(70, 152, 203, .4);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .mobilesubnavlist li .ischild a:hover:before {
        background-color: #fff
    }

    .subcontentcol {
        float: none;
        width: 90%;
        margin: 0 auto;
        max-width: 984px;
        z-index: 4
    }

    .contentcontainer {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .contentblock {
        clear: both;
        display: block;
        padding: 5px 0 0 0;
        width: 100%;
        margin: 0 auto;
        min-height: 550px;
        _height: 550px
    }

    .mobileotherprogramscontainer {
        clear: both;
        display: block;
        height: 120px;
        background-color: #4698cb;
        text-align: center
    }

    .mobileotherprogramscontainer::after {
        content: "";
        position: absolute;
        height: 40px;
        width: 50px;
        top: -12px;
        left: 24px;
        background-image: url(../images/accent-shield-blue-small.png);
        background-repeat: no-repeat;
        opacity: .7;
        z-index: 4;
        background-size: contain
    }

    .otherprogramsmobile .otherprogramlabel {
        position: relative;
        clear: both;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .02em;
        font-weight: 300;
        text-transform: uppercase;
        color: rgba(255, 255, 255, .8);
        padding-top: 32px
    }

    .otherprogramsmobile a {
        position: relative;
        clear: both;
        font-size: 26px;
        letter-spacing: .05em;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 1)
    }

    .mobilestaffreturn {
        position: absolute;
        top: 0;
        left: 164px;
        width: 244px;
        text-align: left;
        z-index: 10
    }

    .mobilestaffreturn .seemore.seeallstaff a {
        display: inline-block;
        position: relative;
        color: #418dbd !important;
        font-size: 14px;
        padding: 12px 0 10px 0;
        text-decoration: none !important;
        text-transform: uppercase;
        letter-spacing: .03em;
        font-weight: 500
    }

    .mobilestaffreturn .seemore.seeallstaff a:after {
        position: absolute;
        top: 8px;
        right: 0;
        background-color: rgba(70, 152, 203, .6);
        content: "";
        height: 1px;
        width: 0;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .mobilestaffreturn .seemore.seeallstaff a:hover:after {
        width: 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .footer {
        font-size: 11px
    }

    .footerleft {
        float: none;
        width: 100%;
        padding-top: 3px
    }

    .footerbadgecontainer {
        display: block;
        clear: both;
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 30px 0;
        text-align: center
    }

    .footerbadge {
        text-align: center
    }

    .footermenu {
        padding: 20px 0 20px 0;
        width: 90%
    }

    .employeelink {
        bottom: 19px;
        top: auto
    }

    .employeelink a {
        color: #fff;
        font-size: 13px;
        padding: 19px 20px 20px 20px;
        text-transform: uppercase;
        background-color: #4698cb;
        font-weight: 900;
        letter-spacing: .09em;
        text-decoration: none
    }

    .copyrightblock {
        padding-top: 36px
    }

    .footerright {
        float: none;
        width: 100%;
        text-align: left
    }

    .footerrightcontainer {
        padding: 28px 0 0 0;
        width: 90%;
        margin: 0 auto;
        text-align: left
    }
}