@media only screen and (max-width: 64.0625em) {
    .primary-menu-box.sticky {
        /*position: static;*/
    }
    .top-bar { background: #333333; }
    .top-bar-section ul li > a{
        color: white;
        font-size: 13px;
        background: #333333;
    }

    .top-bar {
        background: #fff;
    }

    .top-bar .toggle-topbar.menu-icon a {
        color: #6e52a2;
        font-size: 22px;
    }

    .top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #6e52a2,0 7px 0 1px #6e52a2,0 14px 0 1px #6e52a2;
        width: 20px;
    }

    .top-bar.expanded .title-area {
        background: #eadfff;
    }

    .top-bar-section ul li {
        background: #eadfff;
    }

    .top-bar-section ul li > a {
        color: #6e52a2;
        font-size: 14px !important;
        background: #Fff;
        text-transform: uppercase;
        font-weight: 600 !important;
        line-height: 1;
    }

        #menu-primary > li.menu-item > a,
        .top-bar-section .dropdown li a {
        padding: 12px 0.9375rem !important;
    }

    .top-bar-section .dropdown li.parent-link a {
    color: #6e52a2;
    }

    .top-bar-section .dropdown li.title h5 a,
    .top-bar-section .dropdown li.title h5 a:before {
    color: #6e52a2;
    }

    .top-bar-section .has-dropdown > a:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6e52a2;
    }
    .top-bar-section .has-dropdown.current-menu-ancestor > a:after,
    .top-bar-section .has-dropdown > a:hover:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    }

    .top-bar-section ul li:hover:not(.has-form) > a,
    .top-bar-section ul li.current-menu-item > a,
    .top-bar-section ul li.current-menu-ancestor > a {
    background-color: #6e52a2;
    background: #6e52a2;
    color: #fff;
    }
    .top-bar-section .dropdown li.parent-link a:hover {
    background-color: #6e52a2;
    }
    .parent-link.show-for-small-only {
    display: block !important;
    }
    .primary-menu-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media only screen and (max-width: 59.9375em) {
    #main {
        background: none !important;
    }
    .header-logo-box {
        margin-bottom: 0 !important;
    }
    .page-content {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .sidebar {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 64.0625em) {
    .top-bar { background: transparent; }
    .top-bar-section ul { background: transparent; }
    .top-bar-section ul li { background: transparent; }
    .top-bar-section li:not(.has-form) a:not(.button) {
        background: transparent;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000;
    }
    #menu-primary > li.menu-item.home a {
        font-size: 0px;
        padding-top: 48px !important;
        padding-bottom: 47px !important;
    }
    #menu-primary > li.menu-item.home > a:before {
        content: "\f015";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        font-size: 28px;
    }

    #menu-primary > li.menu-item > a {
        line-height: 1;
        padding: 54px 15px 53px 15px !important;
        display: inline-block;
        text-transform: uppercase;
    }
    .primary-menu-box.sticky #menu-primary > li.menu-item.home a {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
    .primary-menu-box.sticky #menu-primary > li.menu-item > a {
        line-height: 1;
        padding: 24px 15px 23px 15px !important;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: #6e52a2;
        background: none;
    }

    .top-bar-section li.current-menu-item > a:not(.button),
    .top-bar-section li.current-menu-ancestor > a:not(.button) {
        color: #6e52a2;
        background: none;
    }

    .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
    .top-bar-section .has-dropdown > a:after { display: none; }

    .top-bar-section ul li:hover:not(.has-form) > a {
        background: none;
        color: #6e52a2;
    }

    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: white;
        background: #fff;
    }

    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: grey;
        background: #fff;
    }

    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
        color: white;
        text-decoration: none;
        background: red;
    }

    .top-bar-section { float:none; text-align: center; }
    .top-bar-section ul { display: inline-block; }

    .primary-menu-box .top-bar {
        height: auto;
        line-height: 0;
    }

    .top-bar-section .dropdown {

        text-align: left;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #6e52a2;
        background: #f1eef6;
        border: 1px solid #dfd3f5;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
    .top-bar-section .dropdown li.current-menu-item > a:not(.button) {
        color: #fff !important;
        background: #6e52a2 !important;
        border: 1px solid #6e52a2;
    }

    .top-bar .title-area {
        display: none;
    }
    .features-section > .row {
        max-width: 1000px;
    }
}



@media only screen and (max-width: 1210px) {
    .header-phone .phone {
        font-size: 22px;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: 13px;
    }
    .contact-information a {
        font-size: 20px;
    }
    .office-hours {
        font-size: 16px;
    }
}



@media only screen and (max-width: 1120px) {
    footer .copyright p, footer .copyright a {
        font-size: 15px;
    }

    p.soc-title {
        font-size: 20px;
    }
    .widget.gform_widget {
        padding: 15px 10px;
    }
    .widget h5 {
        margin: -15px -10px 0 -10px;
    }
    body .top-footer-box .gform_wrapper .captcha-tooltip {
        padding: 9px 15px;
        width: 90%;
    }
}



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

    .header-phone .phone {
        font-size: 16px;
        font-weight: 300;
    color: #fff;
    letter-spacing: 0.2em;
    line-height: 1.3;
    margin-left: -47px;
    transition: all .3s ease;
    line-height: 70px;
    }

    .header-phone .phone:hover {
    color: #fff;
    opacity: 0.7;
    transition: all .3s ease;
}

    /*.top-bar-section li:not(.has-form) a:not(.button) {*/
        /*font-size: 13px;*/
    /*}*/
}


/*@media only screen and (max-width: 1025px) and (min-width: 60em){*/
    /*#menu-primary > li.menu-item > a {*/
        /*padding: 25px 10px 20px 10px !important;*/
    /*}*/
    /*#menu-primary > li.menu-item.home a {*/
        /*padding-top: 16px !important;*/
        /*padding-bottom: 10px !important;*/
    /*}*/
/*}*/



@media only screen and (max-width: 1024px) {
    body .top-footer-box .gform_wrapper .gform_footer input[type="submit"],
    .page-content-wrap > .medium-12 {
        width: 100%;
    }
    body .top-footer-box .gform_wrapper .gform_footer input[type="submit"],
    .page-content-wrap > .medium-12 {
        width: 100%;
        float: none;
    }
        .top-footer-info{
        background: none !important;
    }
/*    #location-map-preview img,
    #location-map-preview {
        position: relative;
        top: 0;
        left: 0;
    }*/
    #location-map-preview img {
        width: 100%;
        height: auto;
    }
    .our-location {
        margin-bottom: 25px;
    }

    .office-gallery {
        text-align: center;
    }

    .office-gallery .office-gallery-item {
        width: auto;
    }

    footer .f-right {
        text-align: center;
    }

    footer .copyright {
        text-align: center;
    }

    .page-masthead-image {
        height: 300px;
        transition: all .3s ease;
    }
    .top-footer-schedule {
        padding: 70px 0;
    }
    .header-logo {
        max-width: 70%;
    }
    .header-logo img {
        width: 100%;
    }
    .header-phone .phone {
        margin-left: 0;
    }
    .page-title-wrap img {
        max-width: 50%;
    }
    #about .col-rt,
    #about .col-lt {
        padding: 20px !important;
    }
    #makeover .columns, #rejuvenation .columns {
        padding: 55px 30px 20px 40px;
    }
    #financial,
    #body {
        padding: 60px 0 60px 0;
    }
    .top-footer-schedule h2 {
        font-size: 36px !important;
    }
    body .top-footer-box .gform_wrapper .gform_footer, .top-footer-box .gform_wrapper ul.gform_fields li.gfield {
        width: 100%;
        padding-right: 0;
    }
    #gform_4 .textarea-styled {
        position: static;
        padding: 0;
    }
    body .top-footer-box .gform_wrapper .gform_footer {
        margin-left: 0;
        position: static;
    }
    body .gform_wrapper #gform_4 li.gfield.gfield_error,
    body .gform_wrapper #gform_4 li.gfield.gfield_error.gfield_contains_required {
       padding: 5px;
    }
}

@media only screen and (max-width: 992px) {
    #home-slider {
        height: 540px;
        overflow: hidden;
        margin-bottom: 0;
    }
    #home-slider .label-box {
        padding: 45px 36px 50px 36px;
    }
    #home-slider .label-box .logo-img {
        margin-bottom: 20px;
        max-height: 220px;
    }

}

@media only screen and (max-width: 840px) {
    #home-slider {
        height: 520px;
    }

    #home-slider .badge-wrapper {
        width: 360px;
        height: 360px;
    }

    #home-slider .badge-box .badge-top {
        padding: 60px 45px 20px 45px;
    }

    .page-title-wrap {
        padding: 40px 0 23px 0;
    }
    .page-title-wrap img.alignright,
    .page-title-wrap img.alignleft {
        margin: 10px auto;
        float: none;
        display: block;
    }

}


@media only screen and (max-width: 768px) {
    .interior-page-slider #home-slider .badge-wrapper {
        display: none;
    }

    .interior-page-slider #home-slider {
        height: 300px;
    }

    .interior-page-slider #home-slider .label-box {
        bottom: 15px;
    }
    header .soc-network-item {
        width: 56px;
    }
}


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

    .header-logo {
        border-left: 0;
    }

    #home-slider {
        height: 250px;
    }

    #home-slider .badge-wrapper {
        display: none;
    }

    #home-slider .slick-dots {
        display: none !important;
    }

    #home-slider .label-box {
        padding: 30px 15px 15px 15px;
        left: 0px !important;
        width: 100%;
        max-width: 100% !important;
        background: rgba(255, 255, 255, 0.78) !important;
    }
    #home-slider .label-box .logo-img{
        display: block;
        margin: 0 auto;
    }

    .page-title {
        font-size: 34px;
    }

    .page-content p,
    .page-content ul,
    .page-content ol {
        font-size: 18px;
    }

    p.soc-title {
        width: 100%;
        text-align: center;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .office-gallery {
        margin: 20px 0 0 0;
    }

    .page-masthead-image {
        height: 250px;
        transition: all .3s ease;
    }
    .top-footer-info {
        background: #fff;
    }
    .contact-information {
        background: #c5c5c5;
    }
    .office-hours,
    .contact-information {
        padding: 2.5em 1.5em;
        margin: 0;
    }
    .page-title-wrap img {
        max-width: 100%;
    }
    #about .more {
        margin-top: 0px;
    }
    #makeover .col-lt,
    #rejuvenation .col-rt {
        display: none;
    }
    #makeover .columns, #rejuvenation .columns {
        padding: 30px 30px 20px 30px;
        text-align: center !important;
    }
    #makeover .columns *,
    #rejuvenation .columns *{
        text-align: center !important;
    }
}



@media only screen and (max-width: 600px) {
    .page-content img.alignleft, img.alignleft{
        float: none;
        display: block;
        margin:0 auto;
        text-align: center;
    }
    .home-feature-item {
        width: 100%;
        min-height: 185px !important;
        float: none;
        padding: 10px;
        margin: 15px 0;
    }

    .home-feature-item h4 {
        display: block;
    }

    .home-feature-item .btn-learn-more {
        display: block;
    }

    .home-feature-item h3 {
        display: block;
        float: none;
        margin: 35px 10px 0 20px;
        font-size: 20px;
    }

    .home-feature-item .badge-box {
        float: left;
        max-width: 140px;
        border-radius: 0;
    }
    .page-content img.alignnone,
    .page-content img.alignright,
    .page-content img.alignleft {
        margin: 10px auto !important;
        float: none;
        display: block;
        max-width: 100%;
    }
    body .top-footer-box .gform_wrapper .captcha-field .gfield_description {
        float: none;
        width: 100%;
        padding: 0;
    }
    body .top-footer-box .gform_wrapper .tp-arrow {
        display: none;
    }
    body .top-footer-box .gform_wrapper .captcha-tooltip {
        padding: 17px 15px;
        width: 100%;
        height: auto;
    }
    body .top-footer-box .gform_wrapper .captcha-field .gfield_captcha_container {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
}



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

    #home-slider .label-box,
    .interior-page-slider #home-slider .label-box {
        bottom: 0;
        max-width: 100%;
        left: 0;
        width: 100%;
        border: none;
    }

    .contact-information span,
    .office-hours span.day {
        font-size: 16px;
    }

    .contact-information h3, .office-hours h3 {
        font-size: 20px;
    }

    .featured-link-item p {
        font-size: 18px;
    }
    .link-arrow-box {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    /*.page-content img {*/
        /*width: 100%;*/
    /*}*/
    .associations-and-awards h3 {
        line-height: 1.2;
    }
    .widget.gform_widget {
        padding: 10px 15px 10px 15px;
    }
    .home-feature-item .badge-box {
        max-width: 110px;
        border: 0;
    }
    .home-feature-item h3 {
        margin: 35px 10px 0 10px;
        font-size: 15px;
    }
    .page-masthead-image {
        height: 180px;
        transition: all .3s ease;
    }
    .header-logo {
        padding: 0 10px;
    }
    .header-phone .phone {
        font-size: 10px;
    }
    .header-email {
        max-width: 56px;
    }
    .home .page-content img {
        width: auto;
    }
    .top-footer-schedule h2 {
        font-size: 28px !important;
    }
    body .top-footer-box .gform_wrapper .gform_footer input[type="submit"] {
        padding: 10px 0px;
    }
}