@media only screen and (max-width:1199px) {
    #nav ul li a {
        padding: 15px 4px
    }
    #nav #split-left {
        left: 13%
    }
    #nav #split-right {
        right: 10%
    }
    #hours-bar ul li {
        padding: 0 5px 10px;
        font-size: .95em
    }
    #additional-services table {
        width: 100%
    }
    .width-2thirds {
        width: 32.8%
    }
    #black-bar p {
        font-size: 1.5em
    }
    .service-block {
        width: 100%;
        height: 280px
    }
    span#hours{ display: block; float: none; text-align: center;}
        span#hours:after{ display: none;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .mobile-only {
        display: none!important
    }
}

@media only screen and (max-width:959px) {
    #header {
        top: 14%;
        padding: 15px 0 62px
    }
    #banner-wrapper h1 {
        line-height: 20px
    }
    #nav,
    .mobile-only {
        display: none!important
    }
    .mobile-tablet {
        display: block!important
    }
    span#hours {
        text-align: center!important
    }
    #hero-wrap {
        top: 30%
    }
    #hours-bar ul li {
        width: 48%
    }
    .width-2thirds {
        width: 32.5%
    }
    #additional-services {
        background: url(../images/add-service-box.jpg);
        height: 350px
    }
    #opensoon{    font-size: 4em}
}

@media only screen and (min-width:768px) and (max-width:959px) {
    #nav,
    .mobile-only {
        display: none!important
    }
    #hours-bar h2,
    span#hours {
        text-align: center!important
    }
    .ivoryBG .container .eight.columns {
        width: 100%!important
    }
    .banner-btn,
    .black-btn {
        margin: 30px auto 0
    }
    span#hours {
        float: none
    }
    .service-block .hover-block-overlay,
    span#hours:after {
        display: none
    }
    .service-block {
        background: rgba(0, 0, 0, .9)!important;
        display: inline-block
    }
    a.mobile-service-btn {
        position: relative!important;
        margin: 20px 0 40px;
        display: inline-block!important;
        border: 0!important;
        padding: 0;
        line-height: 50px
    }
    .service-block.hover-block h2 {
        line-height: 45px
    }
    div.hover-block.service-block {
        height: auto!important
    }
    div.hover-block-text {
        position: static!important
    }
    #footer-top-bar ul {
        float: left
    }
}

@media only screen and (max-width:767px) {
    #header,
    #logo {
        position: relative;
        top: 0
    }
    #hours-bar h2,
    span#hours {
        text-align: center!important
    }
    #header {
        padding: 0;
        background: 0 0
    }
    #nav {
        display: none!important
    }
    .mobile-only {
        display: block!important
    }
    #logo {
        margin: 15px auto 10px
    }
    .desktop-only {
        display: none
    }
    .desktop-tablet {
        display: none!important
    }
    #hero-wrap img,
    .service-block .hover-block-overlay,
    span#hours:after {
        display: none
    }
    .banner-btn {
        margin: 20px auto 10px
    }
    span#hours {
        float: none
    }
    #hours-bar ul li {
        width: 45%
    }
    .contact-box {
        margin: 25px 0
    }
    .width-2thirds {
        width: 95%
    }
    #additional-services {
        height: 630px;
        background: url(../images/add-service-box-mobile.jpg);
        background-size: cover
    }
    .service-block p {
        padding: 0 10px
    }
    .service-block.hover-block h2 {
        margin: 30px 0 20px;
        line-height: 40px
    }
    #m-nav,
    #nav-reveal {
        top: -260px
    }
    #black-bar p {
        text-align: center
    }
    #cont-wrap {
        display: block!important
    }
    .service-block {
        width: 100%;
        background: rgba(0, 0, 0, .9)!important;
        display: inline-block
    }
    div.hover-block.service-block {
        height: auto!important
    }
    div.hover-block-text {
        position: static!important
    }
    a.mobile-service-btn {
        position: relative!important;
        margin: 20px 0 40px;
        display: inline-block!important;
        border: 0!important;
        padding: 0;
        line-height: 50px
    }
    #photo-section {
        background: url(../images/photo-bg.jpg) top center no-repeat;
        background-position: top center!important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto
    }
    #about-section {
        background: url(../images/about-img.jpg) top center no-repeat;
        background-position: top center!important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto
    }
    #footer-top-bar ul {
        float: left
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #banner-wrapper h1 {
        line-height: 40px;
        font-size: 3em
    }
    .banner-btn {
        padding: 25px;
        margin: 120px auto 10px
    }
    #cont-wrap-interior {
        margin: 9% auto 0!important
    }
    .service-block.hover-block h2 {
        margin: 50px 0 20px
    }
    #hero-wrap {
        top: 80%
    }
    #cont-wrap h1 {
        position: relative;
        font-size: 3em;
        top: -75px
    }
}

@media only screen and (max-width:479px) {
    .banner-btn {
        padding: 25px;
        margin: 50px auto 10px
    }
    #hours-bar ul li {
        width: 98%
    }
    #additional-services td.as-title {
        width: 60%
    }
    #hero-wrap {
        top: 60%
    }
    #cont-wrap h1 {
        position: relative;
        font-size: 2.5em;
        top: -50px
    }
}