@media screen and (min-width:320px) and (max-width:1220px) {

    #masthead,
    #masthead.fixed {
        position:sticky;
        top:0!important;
        left:0;
        right:0;
        overflow:visible;
        -webkit-transform: translate(0,0)!important;
        transform: translate(0,0)!important;
        -webkit-transition:all 0!important;
        transition:all 0!important;
    }
    #masthead .container:before {
        display:none;
    }
    #masthead .container,
    #masthead .column {
        height:80px;
    }
    #header-estimate {
        display:none;
    }
    #masthead #main-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background: #2a2828;
        width: 280px;
        width:calc(100% - 80px);
        max-width:320px;
        z-index: 99999;
        margin: 0;
        display:block;
        text-align:center;
        /* -webkit-transform:translate(1500px,0); */
        /* transform:translate(1500px,0); */
        display: none;
    }
    #masthead #main-menu.open {
        /* -webkit-transform:translate(0,0); */
        /* transform:translate(0,0); */
        display: block;
        height:auto;
        bottom:auto;
    }
    #masthead #main-menu br {
        display:block;
    }
    #masthead .menu-open {
        height:80px;
        width:80px;
        position:absolute;
        top:0;
        right:0;
        background:#e80031;
        display:block;
    }
    #masthead .menu-open:before {
        content:"";
        position:absolute;
        top:0;
        left:-30px;
        bottom:0;
        width:30px;
        height:80px;
        background:url(../png/head-angle.png) 0 0 no-repeat;
        background-size:30px 80px;
    }
    #masthead .menu-open:after {
        width:32px;
        height:32px;
        position:absolute;
        top:50%;
        right:50%;
        margin-top:-16px;
        margin-right:-16px;
        background-position:-63px 0;
    }
    #main-menu .menu-close {
        width:80px;
        height:80px;
        background:#ff203a;
        position:absolute;
        top:0;
        left:-80px;
        display:block;
    }
    #main-menu .menu-close:after {
        width:32px;
        height:32px;
        position:absolute;
        top:50%;
        right:50%;
        margin-top:-16px;
        margin-right:-16px;
        background-position:-96px 0;
    }
    #main-menu a:hover {
        opacity:1!important;
    }
    #masthead #main-menu ul {
        display:block;
        padding:0 20px;
        margin-top:40px;
    }
    #masthead #main-menu:before {
        content:"";
    }
    #masthead #main-menu li {
        display:block;
        border-bottom:1px solid #3f3d3d;
        text-align:center;
        height:auto;
        padding-left:0;
        padding-right:0;
        margin:0;
    }
    #masthead #main-menu li:first-child {
        border-top:1px solid #3f3d3d;
    }
    #masthead #main-menu li:before {
        display:none;
    }
    #masthead #main-menu li a {
        color:#fff;
        margin-top:0;
        line-height:42px;
        height:auto;
        padding:8px 0 10px 0;
    }
    #main-menu a.button,
    #main-menu a.tel {
        display:inline-block;
    }
    #main-menu a.button {
        margin-top:16px;
    }
    #main-menu a.tel {
        font-size:22px;
        color:#fff;
        margin-top:30px;
    }
    #masthead+* {
        /* margin-top:80px; GO */
    }

    /* #masthead.scrolled .menu-open {
        width:190px;
        color:#fff;
        text-align:center;
    }
    #masthead.scrolled .menu-open:before {
        content:"Get a FREE Estimate";
        height:100%;
        width:calc(100% + 30px);
        top:0;
        padding-top:8px;
        background-position: 0 0;
        right:0;
        line-height:40px;
        font-weight:700;
        text-indent:20px;
    }
    #masthead.scrolled .menu-open:after {
        content:"1-877-465-7426";
        background:none;
        background:none;
        width:100%;
        width:calc(100% + 30px);
        height:50%;
        bottom:10px;
        right:0;
        margin:0;
        font-family: "bookmania",serif;
        font-style: normal;
        font-weight: 700;
        font-size:21px;
        line-height:33px;
        text-indent:21px;
    } */

    /** Mobile sticky footer **/
    .mobile-sticky-footer {
        display: flex;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        width: 100%;
        width: 100vw;
        background-color: #fff;
        z-index: 9999;
    }
    .mobile-sticky-footer a.msf-contact {
        display: flex;
        width: calc(50% + 15px);
        height: 50px;
        position: relative;
    }
    .mobile-sticky-footer a.msf-contact svg {
        margin: 18px auto 10px auto;
        width: 24px;
        height: 18px;
    }
    .mobile-sticky-footer a.msf-tel {
        background: #e80031;
        display: flex;
        width: 50%;
        height: 50px;
        position: relative;
    }
    .mobile-sticky-footer a.msf-tel:before {
        content: "";
        position: absolute;
        top: 0;
        left: -30px;
        bottom: 0;
        width: 30px;
        height: 50px;
        background: url(../png/head-angle.png) 0 0 no-repeat;
        background-size: 30px 80px;
    }
    .mobile-sticky-footer a.msf-tel svg {
        margin: 14px auto 10px auto;
        width: 24px;
        height: 24px;
    }

}


@media screen and (min-width:768px) and (max-width:1140px) {


    .home-service h2 {
        font-size:20px;
        line-height:26px;
        padding:150px 5% 0;
        top:17%;
    }
    #foundation-associates .sprite {
        margin-bottom:20px;
    }
    .hero-content {
        position:relative;
        z-index:99;
        margin-top:185px;
    }
    .hero-content h1 {
        font-size:40px;
        line-height:50px;
    }
    #hero .column.six {
        width:65%;
    }

}
@media screen and (min-width:880px) and (max-width:1030px) {
    #find-olshan form {
        padding-left:0;
    }
    #find-olshan form:before {
        display:none;
    }
    #find-olshan input {
        max-width:230px;
    }


}
@media screen and (min-width:768px) and (max-width:880px) {


    .hero-content {
        margin-top:190px;
    }
    .hero-content h1 {
        font-size:34px;
        line-height:40px;
    }
    #hero .column.six {
        font-width:75%;
    }

    #hero.services .hero-content {
        padding-top:20%;
    }
    #find-olshan input {
        max-width:200px;
    }
    #find-olshan {
        margin-left:auto;
        margin-right:auto;
    }
    .home-service h2 {
        font-size: 24px;
        line-height: 30px;
    }

}

@media (max-width: 990px) {
    #home-services .bbb-2020 img {
        margin-left: 0px;
    }
    #home-services .bbb-2020 {
        text-align: center;
    }
}


@media screen and (min-width:320px) and (max-width:768px) {
    #home-services .bbb-2020 img {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
    }


    .entry-content ul {
        margin-left:30px;
    }
    .section-h1 {
        font-size:42px;
        line-height:50px;
    }
    .form-col,
    .form-col.third,
    .form-col.two-third {
        width:100%;
        display:block;
        padding:0!important;
    }

    #select-submenu + .select-replace,
    .select-replace {
        display:none!important;
    }
    #select-submenu,
    .select-replace-wrap .sr-replace {
        display:block!important;
        visibility:visible!important;
    }

    .form-col  .sr-replace {
        width:100%;
    }

    #select-submenu {
        max-width:300px;
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
	
	#footer-location-search select {
		width:100%;
	}


    .modal form .form-col.ta-right {
        padding-top:30px!important;
        text-align:left;
    }

    #hero,
    #hero .slides {
        height:auto;
    }
    #hero.home .olshan-family {
       display:none;
    }
    #hero .container {
        height:auto;
        width:100%;
        padding:0;
    }

    #hero .hero-content {
        margin:0;
        width:95%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding-top:40px;
    }
    #hero .column.six {
        margin:0;
    }
    .hero-content h1 {
        font-size:36px;
        line-height:44px;
    }
    .hero-content p .dot {
        opacity:0;
        display:block;
        width:100%;
        height:5px;
        border-radius:0;
        top:0;
    }
    .hero-content .button {
        display:block;
        max-width:240px;
        margin-left:auto;
        margin-right:auto;
        margin-top:50px;
    }
    .hero-content .tel {
        display:block;
        margin-left:auto;
        margin-right:auto;
        max-width:240px;
        margin-top:50px;
    }
    .hero-content .tel:after {
        display:block;
        content:"Get routed to your local office.";
        font-family: "lato", sans-serif;
        font-size:15px;
    }


    #home-introduction .container {
        width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    #home-introduction .column.seven {
        width:94%!important;
        padding:0 1.22377622377622%!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    #schedule-estimate {
        border-radius:0;
    }
    #map-locator #zip-search {
        width:100%;
        max-width:528px;
        left:0;
        margin-left:0;
        padding:30px 50px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    #map-locator #zip-search .label {
        line-height:32px;
    }



    .home-service {
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }
    .home-testimonial-image {
        top:0;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
    }
    .home-testimonial-quote {
        padding-left:0;
        padding-top:186px;
        text-align:center;
        max-width:280px;
        margin-left:auto;
        margin-right:auto;
    }
    #home-content .content-hero h1 {
        font-size:36px;
        line-height:44px;
    }
    .entry-content blockquote {
        margin:48px 20px;
    }



    /* About */
    #hero.about .hero-content {
        margin-top:0;
        padding-left:0;
        width:100%;
        padding-top:200px;
    }
    ul.about-solutions li {
        width:100%;
    }
    #about-section-three h1.alt {
        padding-left:0;
        padding-top:204px;
    }
    #about-section-three h1.alt img {
        left:0;
        right:0;
        top:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
    }

    /* Services */


    #find-olshan {
        margin-bottom:30px;
    }
    .small-testimonial-image {
        top:0;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
    }
    .home-testimonial-quote {
        padding-left:0;
        padding-top:186px;
        text-align:center;
        max-width:280px;
        margin-left:auto;
        margin-right:auto;
    }


    /* Service */

    #service header h1 {
        margin-top:0;
    }
    #service header h1:before {
        margin-top:
    }
    #service header .select-replace-wrap {
        display:block;
        margin-top:30px;
    }
    #service-branding {
        display:none;
    }
    #service #breadcrumbs {
        position:static;
        margin-bottom:20px;
    }
    #sidebar-navigation {
        display:none;
    }


    /* Locations */

    #map-locator #zip-search .form-row {
        width:70%;
    }
    #map-locator #zip-search {
        border-radius:0;
        z-index:10;
    }
    #locations .column.three {
        width:48%!important;
        display:inline-block!important;
        vertical-align:top!important;
    }

    #location-details .column.five > * {
        margin-left:12%;
    }

    #location-map {
        position:relative;
    }
    #location-map:after,
    #map-locator:after {
        content:"";
        position:absolute;
        display:block;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        background:transparent;
        z-index:1;
    }


    /* Reviews */
    #hero.reviews .hero-content {
        margin-top:0;
        padding-left:0;
        width:100%;
        padding-top:200px;
    }
    .single-review blockquote {
        margin-left:0;
        margin-right:0;
    }
    #reviews header {
        position:relative;
    }
    #reviews header .button {
        display:inline-block;
        position:absolute;
        bottom:8px;
        right:5px;
        padding-left: 12px;
        padding-right: 12px;
        line-height: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size:15px;
    }



    /* Blog */
    #blog h1+.search-form {
        display:block;
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }
    #blog #sidebar .search-form {
        display:none;
    }

    #blog article .entry-meta {
        font-size:14px;
    }
    #blog article .entry-meta .share {
        padding-left:16px;
    }

    #blog .entry-content img {
        max-width:100%;
        height:auto;
    }
    #blog #breadcrumbs li {
        display:inline;
    }
    #blog .section-h1 {
        padding-top:20px;
    }


    /* Contacts */


    #contact form .form-col {
        margin-bottom:28px;
    }
    #contact #sidebar .sidebar-button {
        display:none;
    }
    #contact #sidebar {
        padding-top:0;
    }

    #contact .select-replace-wrap {
        margin-bottom:30px;
        margin-top:-20px;
    }
    #contact form .ta-right {
        text-align:left;
    }
    #contact form .button {
        margin-bottom:20px;
    }

    /* Modal */
    .modal {
        right:0px;
        left:0px;
    }




    /* Footer */



    #foundation-repair,
    #foundation-associates {
        display:none;
    }
    #foundation h4 {
        font-size:22px;
    }
    #foundation .column.four {
        margin-bottom:40px;
    }
     #foundation .column.four:last-child h4 {
         padding-top:6px;
     }

    .form-row {
        max-width:440px;
        margin-left:auto;
        margin-right:auto;
    }



    .column,
    .one-column-padding.seven.left,
    .one-column-padding.five.right,
    .one-column-padding.eight.right {
        width:100%!important;
        float:none!important;
        display:block!important;
        margin-left:0!important;
        margin-right:0!important;
        padding:0!important;
    }

    #foundation .column.four {
        max-width:400px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

}


@media screen and (min-width:320px) and (max-width:480px) {


    #masthead.scrolled .menu-open {
        /* width:155px; */
    }

    .hero-content h1 {
        font-size: 32px;
        line-height: 40px;
    }


    .entry-content ul {
        margin-left:0;
    }

    .ofrm.owm .ofrm-popup.
    .ofrm.wam .ofrm-popup {
        width:320px;
        left:0;
        padding-right:40px;
        top:0;
    }
    .ofrm.owm .ofrm-popup img,
    .ofrm.wam .ofrm-popup img {
        display:none;
    }
    .ofrm.owm .ofrm-popup .entry-content,
    .ofrm.wam .ofrm-popup .entry-content {
        padding-left:0px;
    }
    .ofrm > div {
        position:static;
    }
    .ofrm {
        position:relative;
    }

	.entry-content img.alignright,
	.entry-content img.alignleft {
		float:none;
		margin-left:auto;
		margin-right:auto;
		max-width:100%;
		height:auto!important;
	}



}