@media screen and (max-width: 1000px) {
    #header #nav ul li a{
        padding: 10px;
        font-size: 18px;
    }
}
@media screen and (max-width: 970px) {
    #inner_content_subpage{
        padding: 40px 10px 0 10px;
    }
    
    #homepage-widgets ul li{
        margin-right: 40px;
    }
    
    .services ul li{
        margin-right: 34px;
    }
    
    div.contact-strip-content{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #wrapper #banner{
        position: relative;
    }
    
    #banner .front-location-search-bar{
        position: absolute;
        right: 0;
        z-index: 100;
    }
}

@media screen and (max-width: 969px) {
    #homepage-widgets ul li{
        width: 30%;
        height: 300px;
    }
    
    .services ul li{
        width: 30%;
        height: 300px;
    }
    
    ul.wwd_gallery_images > li{
        width: 47%;
    }
    
    body.search div#post_container div.post,
    body.franchising-blog div#post_container div.post,
    body.archive div#post_container div.post,
    body.page-template-blog div#post_container div.post{
        width: 30%;
    }
    
    body.search div#post_container div.post .thumbnail img,
    body.page-template-blog div#post_container div.post .thumbnail img,
    body.archive div#post_container div.post .thumbnail img,
    body.franchising-blog div#post_container div.post .thumbnail img{
        height: auto;
    }
    
    .franchise-info-container.exclude-social{
        padding: 10px;
    }
}

@media screen and (max-width: 945px) {
    #header #nav ul li a{
        padding: 10px 5px;
    }
}

@media screen and (max-width: 900px) {
    body{ padding:0; }
    #nav .menu-main-menu-container{ display: none; }
    
    #header{
        height: auto;
    }
    #header h2#logo{ float: none; display: block; margin: 0 auto; }
    #header h2#logo a#tagline{ display: none; }
    
    #header #nav ul li ul{
        display: block;
        position: inherit;
        padding-left: 20px;
        width: 100%:
    }
    
    #header #nav .menu-main-menu-container #menu-main-menu li a:hover{
        background: #dcdcdc;
        color: #b7b6b6;
    }
    
    #search-header{ position: absolute; float: none !important; top: 0; right: 0; margin-top: 0px !important; }
    
    #mobile-menu{ background: url(images/menu.png) no-repeat; width: 24px; height: 21px; display: block; position: absolute; left: 30px; top: 15px; text-indent: -99999px; }
    
    #searchform{
        padding-right: 10px;
        display: inline-block;
    }
    
    #search-header span.openSearch{
        display: block;
        clear: both;
    }
    
    #search-header #searchbox{
        width: 80px;
    }
    
    a#open-search{
        display: block;
        margin-top: 5px;
    }
    
    #header #search-header #header_lang{
        /* float: none; */
    }
    
    #searchform{
        text-align: center;
    }
    
    #header #nav{
        background: #fff;
        z-index: 200;
        top: 0;
        left: 0;
        right: inherit;
        width: 100%;
        top: 80px;
        padding-left: 20px;
        height: 0;
        display: none;
        overflow: hidden;
    }
    
    #header  #nav .menu-main-menu-container{
        display: block;
    }
    
    #header  #nav .menu-main-menu-container #menu-main-menu li{
        float: none;
    }
    
    #header  #nav .menu-main-menu-container #menu-main-menu li a{
        display: block;
        padding: 5px;
    }
    
    #header  #nav .menu-main-menu-container #menu-main-menu li a:hover{
        background: #dcdcdc;
    }
    
    #banner{
        margin-top: 20px;
    }
}

@media screen and (max-width: 900px) {
    div.contact-strip-content ul li:nth-child(1),
    div.contact-strip-content ul li:nth-child(2){
        width: 26%;
    }
}

@media screen and (max-width: 885px) {
    div.contact-strip-content ul{
        position: relative;
    }
    
    div.contact-strip-content ul li{
        width: 100% !important;
        float: left !important;
        margin-top: 0 !important;
    }
    
    div.contact-strip-content ul li:last-child{
        position: absolute;
        right: 0;
        width: 115px !important;
        top: 20px;
    }
    
    .other-pages .header-strip.contact-strip{
        margin-top: 30px;   
    }
    
    #footer #footer-content{
        padding: 50px 20px;
    }
}

@media screen and (max-width: 830px) {
    #homepage-widgets ul li{
        margin-right: 30px;
    }
    
    .services ul li{
        margin-right: 28px;
    }
    
    body.search div#post_container div.post,
    body.franchising-blog div#post_container div.post,
    body.archive div#post_container div.post,
    body.page-template-blog div#post_container div.post{
        width: 30%;
        margin-right: 30px;
    }
}

@media screen and (max-width: 780px) {
    #footer-content #footer-widgets div.widget-item{
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    #footer-widgets #subscribe h3{
        margin-top: 0;
    }
}


@media screen and (max-width: 710px) {
    div.front-location-search-bar .location-search-content{
        background-image: none;
        bottom: inherit;
    }
    
    #frontpageslideshow{
        max-width: 710px;
        width: 100%;
    }
    
    #banner .front-location-search-bar{
        width: 100%;
        position: inherit;
        text-align: left;
        height: 170px;
    }
    
    #banner .front-location-search-bar h2,
    #banner .front-location-search-bar div{
        text-align: left;
    }
    
    #banner .front-location-search-bar #franchise_info #sidebar-contact{
        position: absolute;
        top: 20px;
        right: 20px;
    }
    
    #franchise_info #sidebar-contact #contact-text{
        text-align: center;
    }
    
    input#loadmorephotos{
        width: 100%;
    }
    
    #frontpageslideshow{
        height: auto;
    }
    
    #frontpageslideshow ul li{
        height: auto;
    }
    
    #frontpageslideshow ul li img{
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 709px) {
    #banner .front-location-search-bar{
        margin-top: -10px;
    }
    
    ul#rslides li div.caption{
        bottom: 10px;
    }
    
    .services ul li{
        margin-right: 25px;
    }
    
    div#franchise_profiles ol#closest_franchise{
        width: 100%;
    }
    
    ol#closest_franchise .left_franchise_info{ width: 100% !important; }
    ol#closest_franchise .right_franchise_info{ width: 100% !important; margin-top: 20px; }
}

@media screen and (max-width: 650px) {
    .services ul li{
        margin-right: 20px;
    }
    
    body.search div#post_container div.post,
    body.franchising-blog div#post_container div.post,
    body.archive div#post_container div.post,
    body.page-template-blog div#post_container div.post{
        width: 46%;
        margin-right: 20px;
    }
    
    #homepage-widgets ul li:last-child{
        float: left;
    }
    
    #footer-carekits{ height: 48px; text-align: center; background: url(images/footer-carekits-mobile.png) no-repeat center center #185584; margin-top: 50px; }
    #footer-carekits a{ font-size: 17px; line-height: 20px; display: inline-block; width: 160px; padding-top: 4px; }
}

@media screen and (max-width: 620px) {
    #homepage-widgets ul li{
        width: 47%;
    }
    
    #homepage-widgets ul li{
        margin-right: 20px;
    }
    
    #homepage-widgets ul li:last-child,
    #homepage-widgets ul li:nth-child(3),
    #homepage-widgets ul li:nth-child(6) {
        margin-right: 20px;
    }
    
    #homepage-widgets ul li:last-child,
    #homepage-widgets ul li:nth-child(2),
    #homepage-widgets ul li:nth-child(4),
    #homepage-widgets ul li:nth-child(6),
    #homepage-widgets ul li:nth-child(8){
        margin-right: 0;
    }
    
    
    .services ul li{
        width: 46%;
    }
    
    .services ul li{
        margin-right: 20px;
    }
    
    .servicesul li:last-child,
    .services ul li:nth-child(3),
    .services ul li:nth-child(6) {
        margin-right: 20px;
    }
    
    .services ul li:last-child,
    .services ul li:nth-child(2),
    .services ul li:nth-child(4),
    .services ul li:nth-child(6),
    .services ul li:nth-child(8){
        margin-right: 0;
    }
    
    ul.wwd_gallery_images ul li{
        margin-right: 0 !important;
    }
    
    ul.wwd_gallery_images ul.pic_social_sharing li{
        margin: 0 5px 0 0 !important;
    }
    
    body{
        overflow-x: hidden; 
    }
    /*
    tr.divider{
        display: none;
    }*/
    
    body.site-497 div.contact-strip-content ul li{
        width: 80% !important;
        float: left !important;
        line-height: 28px !important;
    }
        
    body.site-497 div.contact-strip-content ul li:last-child{
        width: 18% !important;
        float: none !important;
    }
    
    body.site-497 div.contact-strip-content ul li span{
        height: 60px;
    }

    .about-us .about-us-vehicle-photo{
        width: 40%;
    }
}

@media screen and (max-width: 550px) {
    div.contact-strip-content ul li{
        width: 100% !important;
        text-align: left;
    }
    
    div.contact-strip-content ul li:last-child{
        text-align: center;
    }
    
    #gallery_content{
        width: 95%;
        margin: 0 auto;
    }
    
    ul.wwd_gallery_images > li{
        width: 100%;
        margin: 0;
    }
    
    #wpcf7-form table tr td{
        display: block;
        width: 100%;
        word-wrap: break-word;
        width: 300px;
    }
    
    #header-veteran-owned{
        position: inherit;
        top: auto;
        right: auto;
    }
    
    body.search div#post_container div.post,
    body.franchising-blog div#post_container div.post,
    body.archive div#post_container div.post,
    body.page-template-blog div#post_container div.post{
        width: 100%;
    }
    
    body.site-497 #franchise_info{
        line-height: 17px;
    }
    
    body.site-497 #franchise_info .franchise_name{
        font-size: 16px !important;
    }
    
    body.site-497 #franchise_info #owner_name{
        font-size: 16px !important;
    }
    
    body.site-497 #franchise_info .contact-display-info{
        width: 75%;
        font-size: 16px;
    }
    
    #franchise_info #sidebar-contact #contact-text{
        display: none;
    }
    
    #mobile-testimonials{
        display: block;
    }
}

@media screen and (max-width: 480px) {
    ul#rslides li div.caption{
        font-size: 18px;
    }
    
    #footer-widgets #subscribe #subscribe_button{
        margin-left: 10px;
    }
    
    #header h2#logo{
        width: 200px;
    }
    
    div.front-location-search-bar .location-search-content{
        height: 170px;
    }
    
    #content .page-title,   
    .customer_reviews h1,
    h2#ecosavingtitle,
    #homepage-title{
        font-size: 28px;
    }
    
    #cookie-consent-container{
        height: 150px;
    }
    
    #cookie-consent{
        padding: 10px;
    }
    
    #cookie-consent #consent-left{
        width: 100%;
    }
    
    #cookie-consent #consent-right{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    
    div.wpcf7-mail-sent-ok{
        font-size: 25px !important;
    }
    
    #franchise_info #sidebar-contact{
        background: none;
    }
    
    .contactinfo ul li{
	    width: 100% !important;
    }
    
    .contactinfo ul li:first-child{
   	    margin-bottom: 20px;
    }

    #franchise_info #sidebar-contact #contact-photo img{
        height: auto;
        margin-top: 15px;
        max-height: 115px;
    }

    .contact-strip-content ul li:last-child img{
        max-width: 100%;
        height: auto;
        max-height: 130px;
    }

    .loadmore-content-pics{
        padding: 0px 10px 0 10px
    }

    .loadmore-content-pics .wwd_gallery_images{ width: 95%; margin: 0 auto; }
}

@media screen and (max-width: 400px) {
    #franchise_info #sidebar-contact #contact-text{
        display: none;
    }
    
    #banner .front-location-search-bar #franchise_info #sidebar-contact{
        width: 95px;
    }
    
    #franchise_info #sidebar-contact #contact-photo{
        width: 100%;
    }
    
    #franchise_info #sidebar-contact #contact-photo img{
        max-width: 97px;
        height: auto;
    }
    
    #homepage-widgets ul li {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }
    
    .services ul li{
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    
    .wp-image-5606{
        float: none;
        display: block;
    }
    
    .contact-strip-content img{
        margin-right: -45px;
        max-width: 95px;
        height: auto;
    }
    
    #cookie-consent #consent-right{
        margin-top: 5px;
    }
    
    #header h2#logo{
        width: 120px;
    }
    
    #searchform{
        text-align: right;
    }
    
    a#open-search{
        margin-top: 0;
    }
    
    #header #search-header #header_lang{
        float: none;
        display: inline-block;
    }
    
    div.front-location-search-bar,
    div.location-search-content{
        height: auto !important;
        min-height: 170px;
        padding-bottom: 10px
    }
    
    .front-location-search-bar #franchise_info{
        width: 235px;
    }
    
    .front-location-search-bar #franchise_info .franchise_name{
        font-size: 22px !important;
    }
    
    .front-location-search-bar #franchise_info #owner_name{
        font-size: 22px !important;
    }
    
    .front-location-search-bar #franchise_info #franchise_tel a{
        font-size: 22px !important;
    }
    
    #banner .front-location-search-bar #franchise_info #sidebar-contact{
        right: 10px;
    }
    
    #zip-container{
        width: auto;
    }
    
    #zip-container input#zipcode{
        width: 105px;
    }

    div.contact-strip-content ul li:last-child{
        right: 10px;
        width: 90px !important;
    }
}

@media screen and (max-width: 320px) {
    .front-location-search-bar #franchise_info{
        width: 200px;
    }
    
    .front-location-search-bar #franchise_info .franchise_name{
        font-size: 19px !important;
    }
    
    #franchise_info #sidebar-contact{
        top: 20px !important;
        background: none;
        width: 85px !important;
    }
    
    #franchise_info #sidebar-contact #contact-photo img{
        width: 100%;
        height: auto;
    }
    
    #franchise_info div#franchise_tel{
        font-size: 18px;
    }
    
    #franchise_info div#owner_name{
        font-size: 18px;
    }
    
    #franchise_info div#franchise_email{
        font-size: 17px;
    }
    
    #franchise_info div#franchise_website{
        font-size: 18px;
    }
    
    div.contact-strip-content ul li{
        font-size: 16px;
    }
    
    .contact-strip-content img{
        width: 80px;
        height: auto;
    }
    
    ul#about_cities_town li{
        width: 48%;
    }
    
    #footer-widgets #subscribe ul#social li{
        margin-right: 8px;
    }
}