/* ------------------------------------------*/
/* Mobile Styles */
/* ------------------------------------------*/
.visible-s {
    display: none;
}
.visible-xs {
    display: none;
}

.visible-m {
    display: none;
}

a.show_mobile  {
    display: none;
}

.banner_text_wrapper {
    bottom: 27px;
    display: inline;
    position: relative;
}

.scale_with_grid, #slideshow .image-wrapper img { 
	max-width:100%;
	width:auto;
	height:auto;
	max-height:100%
}


@media only screen and (min-width: 768px) {
	body {
	}
	.offCanvas {
		display: none;
	}

}

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

	* {

	}

    img {
        max-width: 100%;
        height: auto;
    }

    h1 {
        line-height: normal;
    }

    .visible-m {
        display: block !important;
    }

    .hide_mobile {
        display: none;
    }

    body {
    }

     a.show_mobile {
		display: block;
        position: absolute;
        right: 10px;
	}

    .onCanvas {
        box-sizing: border-box;
        padding:20px;
    }

    ul.offCanvas_menu a, ul.offCanvas_menu ul a {
        text-decoration: none;
    }

    #mainNav {
        display: none;
    }

    #header {
        background:none;
        height: auto;
        margin-bottom: 12px;
    }

    #container {
        background: #ffffff;
    }

    #container, #header, #footer, #bannerContainer, #bannerContainer .BannerContainer, #content {
        width: auto !important;
    }

    #content {
        float: none;
    }

    #bannerContainer {
        float: none;
        clear: both;
    }

    #bannerContainer img {
    }

    .flex-viewport li img.slide {
        height: auto;
    }

    .logo {
        float: left;
        padding: 19px 50px 0 0 !important;
    }

    .logo img {
        width: 70%;
        height: auto;
        margin-bottom: 20px;
    }
    .callQuote {
        clear: both;
    }

    .footerLogos {
        float: left;
    }
    ul.pipeList {
        clear: both;
    }

    .mobilePhoneButton {
        background: #f78f1e;
        float: left;
        margin-right: 15px;
        text-align: center;
    }
    .mobilePhoneNumber {
        color: #FFFFFF;
        font-size: 20px
    }
    .mobilePhoneNumber i {
        font-size: 25px;
        margin-right: 10px;
    }
    .mobilePhoneNumber a {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        padding: 10px;
    }

    #thumbs {
        display: none !important;
    }

    div.slideshow span.image-wrapper.previous {
        position: absolute;
        left:0px !important;
    }

    .gallerySlider #carousel {
        display: none !important;
    }

}

/*  SMALL (S) Grid: 480px - 767px
    ---------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .visible-s {
        display: block !important;
    }
}

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

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

}

/*  EXTRA-SMALL (XS) Grid: < 479px
    ---------------- */
@media only screen and (max-width: 479px) {

    .visible-xs {
        display: block !important;
    }

    .footerLogos div {
        float: none !important;
        border-left: 0px !important;
        margin-left: 0px !important;
        padding: 0px !important;
    }
   

}

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


}