.container, #container {
max-width: 991px;
width: 100%;
}
#topRight{ width: 633px; }
#topLeft { width: 358px; }
#navWrap { width: 681px; }
#navWrap-mobile {
background-color: rgb(254, 131, 0);
height: 50px;
line-height: 50px;
text-transform:uppercase;
float: none;
box-sizing: border-box;
display: none;
text-align: center;
color:rgba(255,255,255,0.5);
}
#navWrap-mobile span {
font-size: 15px;
cursor: pointer;
color: white;
display:block;
text-align:right;
color:rgba(255,255,255,1);
}
#navWrap-mobile span .fa {
padding-left:10px;
margin-right:10px;
margin-top:-5px;
vertical-align:middle;
font-size:24px;
}
body { overflow-x: hidden; }
.mobMenu {background-color: rgba(245, 245, 245,0.95); }
#navWrap-mobile ul { width: 100%; padding: 0; position: relative; top: -4px; margin: 0; }
#navWrap-mobile ul.sub-menu { height: auto; background-color: rgb(1, 168, 218); line-height:30px; }
#navWrap-mobile ul li { display: block; cursor: pointer; margin:0px 15px; border-bottom:solid 1px rgba(0,0,0,0.05); }
#navWrap-mobile ul li:last-child {border-bottom:0px;}
#navWrap-mobile ul li a { color: #000000; text-decoration: none; font-size: 14px; display:block; line-height:50px; }
#postVideoHeight { height: 60px; }
img#mobileSlider { display: none; }
.prodSub {
background-color: rgb(1, 168, 218); line-height: 1.75;
height:217px;
overflow-y:auto;
}
#productDrop .subLink {color:#ffffff; font-size:18px; background-color:rgb(254, 131, 0); cursor:pointer;}
.prodSub a { color: white; text-decoration: none; font-size: 18px; display:block; line-height:38px; }
#mobileNumber {
color:rgba(255,255,255,1);
line-height:20px;
padding-left:10px;
padding-top:5px;
}
#mobileNumber a {
text-decoration:none;
font-weight:bold;
color:#002438;
font-size:18px;
}
@media screen and (max-width: 1040px) {
#topOrangeBar { display: none; }
#header { height: 44px; }
#header #pageHeader { float: none; margin: auto; width: 281px; }
#menuRight { display: none; } 
#navWrap { width: 100%; }
.subMenu { width: 218px !important; left: 0 !important; }
#navWrap { float: none !important; margin: auto !important; padding: 0 40px; box-sizing: border-box; background-color: rgb(254, 131, 0); height: 40px; }
#navWrap-mobile ul.sub-menu { display: none; }
#googlePlusSide,
#popoutContactWrap { display: none; }
#hdrRightTop { overflow: hidden; }
#followUsWrap { margin: auto; width: 800px; right: auto; position: absolute; top: -2px; }
#followUsWrap > .right { float: left !important; }
#topRight { width: 100%; }
#topLeft { width: 100%; z-index: 2; position: relative; }
#logoWrap { position: relative; left: 5px; }
#daveJackFloat { right: 36px; }
#navWrap ul li .sub-menu { border: solid 5px #FE8300; top: 19px; }
#sliderWrap { background-image: none !important; background-color: #004A72 !important; width: 100% !important; box-sizing: border-box; text-align: center; height: auto !important; padding-top: 10px; }
#sliderWrap > .left { display: none; }
#sliderWrap > .right { display: none; }
#sliderWrap > img#mobileSlider { display: inline-block; max-width: 100%; }
#videoBox { width: 100%; }
#videoBox #cleanestLarge { position: relative; left: auto; margin: auto; }
#videoBox #videoBtn { position: relative; top: -56px; display: block; margin: auto; left: auto; }
#dave-the-wave-video-float { display: none; }
#formBox { position: relative; top: 40px; float: none; clear: both; margin: auto; }
#postVideoHeight{ height: 80px; }
.featuredWrap .productWrap { margin-bottom: 30px; text-align: center; }
.featuredWrap .productWrap .prodLeftImage { display: inline-block; }
.featuredWrap { width: 100%; box-sizing: border-box; height: auto !important; }
.contentBgWrap,
.moreInfoWrap { display: none !important; }
.featuredWrap .contentBGWrap { display: none !important; }
#weshowup { display: none; }
#footer #contactBtn { display: inline-block; }
#bgSlide2 { display: none; }
#slideFloat-Right,
#slideFloat-Top,
#slideFloat-Bottom { display: none; }
#footer > div:first-child { display: none; } #contentWrap .leftNav { display: none; }
#contentWrap .shellColumn { padding-left: 14px; box-sizing: border-box; width: 100%; }
#mainContent #contentWrap { background-image: none; }
#mainContent #contentWrap.blogWrapper { background-image: none; }
#pageTitle { position: relative; left: auto; top: auto; margin: auto; }
#contentWrap * { max-width: 100%; }
.blog-item .blogPictureWrap,
.blog-item .blogInfoWrap { height: auto !important; }
#cleanestLarge {top:390px;}
}
@media screen and (max-width: 1007px) {
.featuredWrap .productWrapWrap  { width: 30%; margin-right:0; margin-left: 3%; text-align:center; margin-bottom:15px; }
}
@media screen and (max-width: 900px) {
#daveJackFloat { display: none; }
#logoWrap { width: 354px; left: 0; margin: auto; top: 50px; }
#mainTop { height: 290px; overflow: hidden; }
#navWrap { display: none; }
#navWrap-mobile { display: block; }
#footer #shopProducts { display: none; }
#footer #footerContainer { width: 100%; background: gray; height: auto; padding: 20px; box-sizing: border-box; padding-bottom: 70px; }
#footer .footerCat { float: none !important; margin: 0 auto !important; width: 32% !important; display: block; text-align: center; padding-bottom: 20px; }
#footer .footerCat ul { list-style-type: none; }
#footer #calltoday { top: auto; bottom: -57px; width: 100%; text-align: center; }
.footerLinks { margin-right: 0 !important; float: none !important; }
#footer .footerLinks a { background: none; padding-left: 0; }
#footer2 { display: none; }
#followUsWrap {
top:5px;
margin:0 auto;
width:350px;
right:inherit !important;
float:none !important;
position:relative !important;
}
}
@media screen and (max-width: 850px) {
.featuredWrap .productWrapWrap  { width: 44%; margin-right:0; margin-left: 3%; }
.itemWrap .slText { display: none; }
#formWrap > img { display: none; }
#formWrap .formInput { width: 100%; }
#columnTop > .right { display: none; }
.hotProduct { display: none; }
.product #contents > .left { height: 100%; }
.product #contents > .right { margin: 51px auto 0; float: left; width: 100% !important; }
div#mainPicWrap1 > div { width: 100% !important; height: auto !important; }
div#mainPicWrap1 > div > div > div { height: auto !important; }
#picsWrap #mainPicWrap1 .zoomBtn { display: none; }
#hdrTitleWrap { float:none; width:100%;}
#pageTitle { padding: 0; background-image: none; margin:0 auto !important; display:block !important; text-align:center; }
#pageTitle img { max-width: 100% !important; }
#picsWrap #thumbsWrap .thumbItem { float: none; margin: auto !important; width: 50%; }
#relatedProductsWrap .relatedProduct { float: none; margin: auto !important; }
}
@media screen and (max-width: 544px) {
.itemsContainer { text-align: center; }
.itemWrap { left: 20% !important; display: inline-block; margin-bottom:70px !important; }
.grid .itemWrap .prodTitle {
font-size:14px;
font-weight:bold;
}
}
@media screen and (max-width: 525px) {
.featuredWrap .productWrapWrap  { margin: 0 auto 15px auto !important; float: none; }
#cleanestLarge { display: none; }
#videoBox { height: auto !important; text-align: center; }
#videoBox #videoBtn { width: 60%; top: 12px; left: auto; background-size: contain; height: auto; min-height: 197px; max-height: 356px; display: inline-block; min-width: 280px; }
#formBox { width: 100% !important; }
#getStartedForm { width: 100%; margin-right: 0; box-sizing: border-box; }
div#frmWrap > .left, 
#frmWrap > .right { float: none; width: 100% !important; }
#getStartedForm .textboxWrapS { width: 100%; }
#getStartedForm .textboxWrapS .inputBox { width: 100%; box-sizing: border-box; }
#getStartedForm textarea { width: 100%; box-sizing: border-box; }
.itemWrap .imageWrap { width: 100%; }
}
@media screen and (max-width: 508px) {
.blueTitleWrap .blueTitle {
font-size:18px;
margin: 0 auto;
}
}
@media screen and (max-width: 420px) {
.featuredWrap .productWrapWrap { width: 90%; text-align:center; }
#calltoday { display: none; }
#footer #footerContainer { padding-bottom: 10px; }
}
@media screen and (max-width: 414px) {
.featuredWrap .productWrap .titleName {
font-size:12px;
}
.featuredWrap .productWrap .subTitle {
font-size:10px;
}
}
@media screen and (max-width: 375px) {
.grid .itemWrap { left: 13% !important; margin-bottom:70px !important; }
.productInfoW { width:195px !important; text-align:left !important; }
#followUsWrap {
width:245px !important;
margin-top:0px;
transform:scale(0.7);
}
#followUsWrap > .left {
display:none;
}
#followUsWrap > .right {
float:none !important;
margin:0 auto !important;
text-align:center;
}
}
@media screen and (max-width: 360px) {
.itemWrap { left: 7% !important; }
}
@media screen and (max-width: 320px) {
#header #pageHeader {
display:none;
}
.productInfoW { width:125px !important; text-align:left !important; }
#mobileNumber a {font-size:14px;}
#mainTop {
margin-top:-43px;
}
}