@charset "utf-8";
/* CSS Document */


@media (max-width: 480px) {
		
	#container{
	  width: 100% !important;
	  margin: auto;
	  text-align:center;
	}
	#header img{
  		width: 100% !important;
		height:auto !important;
	}
	
	.header{
		padding-left:0 !important;
		padding-top: 25px;
		letter-spacing: 2px; 
		font-size: 20pt;
		text-align:center !important;
	}
	.shortheader{
		width:100% !important;
		margin:10px auto !important;
		padding:0px !important;
		text-align:center !important;
		
	}	
	#mainContentX {
	  margin:0;
	  width: 100% !important;
	  padding:0;
	}
	#mainContentWrapper{
		width:100% !important;
		background:#d2b04f !important;
		margin:0 !important;
	}

	.div3columnWrapper {
	  padding:0 !important;
	  width: 100% !important;
	}
	/*3 column*/

	.div3textWrapper {
	  padding:0 !important;
	  width:100% !important; 
	}
	.div3textWrapper img{
		width:auto;
	}
	.div3column1 {
	  width: 100% !important;
	  height:410px !important;
	  background:#fff url(./new_images/handwash-480.png) no-repeat left top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important; 
	}
	.div3column2 {
	  width: 100% !important;
	  background:#fff url(./new_images/service-480.png) no-repeat left top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important;
	}
	.div3columnLast {
	  width: 100% !important;
	  background:#fff url(./new_images/packages-480.png) no-repeat left top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important;
	}
	
	.div3DcolumnLast{
	  width: 100% !important;
	  height: auto !important;
	  padding:0 !important;
	}
	.div3DcolumnLast img{
		width:100% !important;
	}
	.autoadditionalservices{
		text-align:left !important;
	}
	/*Wash Page*/	
	.box{
		-webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 4px 7px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 4px 7px 0px rgba(50, 50, 50, 0.75);	  			
	}
	.div3Hcolumn1 {
	  float: none !important;
	  width: 90% !important;
	  margin:0 auto;
	  height: auto !important;
	  background: url(./new_images/Diamond_Service.png) no-repeat left top;
	  /*background:#FFF;*/  
	}
	.div3Hcolumn2{
	  float: none !important;
	  width: 90% !important;
	  margin:0 auto;
	  padding-top: 30px;
	  height: auto !important;
	  background: url(./new_images/Ultimate_Service.png) no-repeat left top;
	  /*background:#FFF;*/
	}
	.div3HcolumnLast{
	  float: none !important;
	  width: 90% !important;
	  margin:10px auto;
	  height: auto !important;
	  background: url(./new_images/Best_Value.png) no-repeat left top;
	}
	.div3HcolumnLast .price{
	  margin: 5px 40px !important;
	  padding-top: 40px !important;
	  text-align: left !important;
	}
	.div3Hcolumn2 .price{
	  margin: 5px 50px !important;
	  padding-top: 50px !important;
	  text-align: left !important;
	}	
	.div3Hcolumn1 .price{
		text-align:left;
		padding-top:55px;
		margin:0 40px !important;
	}	
	.header-bestvalue, .header-ultimate, .header-diamond {
	  padding-left: 95px;
	}
	.coupon{
		padding-left:0;
		clear:both;
	}	
	.coupon img{
		width:45%;
		float:left;
	}
	.freemsg{
	  width: 90% !important;
	  padding-left: 0 !important;
	  clear: both !important;
	  padding: 20px !important;
	}	
	.starclub{
		margin-top:10px !important;		
	}	
	.starclub img{
		width:60%;
	}

	.video{
	  width: 450px !important;
	  margin-left: -5px !important;
	}

	/* auto repair page */
	

	.div3AtextWrapper{
		width:95%;
	    padding: 55px 0 0 15px;
	}
	table{
		width:100%;
	}
	td, th {
		width:150px;
	}
	.div3Acolumn1 {
	  float:none !important;
	  width: 97% !important;
	  height:auto;
	  background: #fff url(./new_images/Pricing_Box.png) no-repeat left top;
	  padding: 0 5px 0 5px;
	  font-size:10px;
	}
	.div3AcolumnLast{
		width:80%;
		text-align:center;
	}
	.div3AcolumnLast img{
		width:80%;
		clear:both;
	}
	.allprices{
		width:100% !important;
		padding:20px 0 !important;
	}
	.coupon1{
		 margin:0 !important;
	}	
	.coupon1 img{
		width:60% !important;
	}	
	.freeshuttle{
		padding-left:0;
		margin-top:-25px;	
	}
	.major-repair{
		text-align:center;
	}
	.major-repair img{
		width:70%;
	}
	.additionalservices{
		width:100% !important;
	  text-align: left !important;
	}

	h3.header{
		background:#103f53 !important;
	}
	.mainTextX{
		margin-top:170px;
	}
	.mainTextX ul{
		padding:0 !important;
	}
	.imagealign{
		padding-left:0 !important;
	}
	
	.divMainContentPages{
		width:100% !important;
		margin:0 auto !important;
	}
	
	#monthlypass{
		width:100%;
	}
	#monthlypass .month1{
		float:left;
		width:100% !important;
		padding:0 !important;
		
	}
	#monthlypass .month2{
		width:100% !important;
		padding:0 !important;
		float:right;
	}
	#monthlypass .month3{
		float:left;
		width:100% !important;
		padding:0 !important;
		
	}
	#monthlypass .month4{
		width:100% !important;
		padding:0 !important;
		float:right;
	}
	.divGoldBorder{
		clear:both;
	}
	.location .leftside{
	   float:left !important;
	   margin:20px auto !important;
	   width: 100% !important;		
	}
	.location .leftside img{
		width:100% !important;
		clear:both;
	}
	.location .rightside{
		float:right !important;
		text-align:left;
		padding:20px;
	}
	#mainContent {
	  width: 85% !important;
	}	
	#sidebar1 {
	  width: 85% !important;
	}
	iframe{
		width:450px !important;
	}	
	.socialbtn{
		text-align: center;
	}
	.socialbtn img{
		width:auto !important;
	}	
	#sidebarX{
	   width: 80% !important;
	   margin:20px !important;
	   display:none !important;
	}
	#sidebarX br{
		display:none;
	}
	#sidebarX img{
		text-align:center;

	}
	.sidebarTextWhite img{
		float:center;
	}
	.twocolumn{
		text-align:left;
		height:auto;
	}
	.twocolumn .leftside{
		width:95%;
	}
	.twocolumn .rightside{
		width:100%;
	}
	
	.threecolumn{
		text-align:left !important;
		height:auto;
		margin:20px 0;
	}
	
	.threecolumn .leftside{
		float:left !important;
		width:85%;
	}
	.threecolumn .centerside{
		float:left !important;
		width:95%;
	}
	.threecolumn .rightside{
		float:left !important;
		width:95%;
	}
	#sidebar50{
		width:85% !important;
	    float: none !important;
	    width: auto !important;
	    padding: 0 20px !important;
	    text-align: left !important;		
	}
	#mainContent50 {
	   margin: 0 !important;
	   padding: 0 18px 10px 28px !important;
	   text-align:left !important;
	}	
	#sidebarHalf {
		width: 60% !important;
		padding: 20px !important;
		text-align:left !important;
		margin:0 auto !important;
	}
	#mainContentHalf {
		padding: 20px 0 0 10px !important;
		text-align:left !important;
		float:left !important;
		width:95% !important;
	}
	h2.mainText12{
		background:#103F53;
		padding:10px;
		color:#fff;
	}
	.readmore {
	  text-align: center !important;
	  padding-top: 15px !important;
	  bottom: 15px !important;
	}	
	.divMenuFooter{
		height:auto !important;
	}
	img{
		width:100%;
	}
	.vip{
		margin:5px 0 !important;
	}
	.menufoot {
		width: 90%;	
	}
}

@media (max-width: 640px) {
	#container{
	  width: 100% !important;
	  margin: auto;
	  text-align:center !important;
	}
	.div3columnWrapper {
	  width: 100% !important;
	}	
	.div3Hcolumn1{
		height:auto !important;
	}
	.div3column1 {
	  width: 100% !important;
	  height:410px !important;
	  background:#fff url(./new_images/handwash-480.png) no-repeat center top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important;
      height: 450px !important;	  
	}
	.div3column2 {
	  width: 100% !important;
	  background:#fff url(./new_images/service-480.png) no-repeat center top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important;
      height: 480px;	  
	}
	.div3columnLast {
	  width: 100% !important;
	  background:#fff url(./new_images/packages-480.png) no-repeat center top !important;
	  padding:0 !important;
	  margin:0 !important;
	  clear:both !important;
      height: 480px;
	}	
	.div3textWrapper{
		  padding: 155px 0 0 40px !important;
	}
	h3.header{
	  background: #103f53 !important;
	  line-height: 50px;
	  font-size: 25px;
	}	
	#header img{
		width:100%;
	}
	h1.header {
	  text-align: center !important;
	}	
	#mainContentX{
		width:88%;
	}
	#mainContentWrapper{
		width:100% !important;
		background:#d2b04f !important;
		margin:0 !important;
	}
	.div3columnWrapper {
	  padding: 0;
	  width: 80% !important;
	}	
	.video{
	  width: 100% !important;
	  margin-left: 0px !important;
	}
	
	.div3Acolumn1 {
	  float: left;
	  width: 100% !important;	
	}
	.div3AcolumnLast {
	  width: 100% !important;
	  height: inherit !important;
	  padding: 0!important;
	}	

	.div3DcolumnLast{
	  width: 100% !important;
	  height: auto !important;	
  	  padding:0 !important;
	}
	.allprices{
		width:100% !important;
		padding:20px 0 !important;
	}

	.twocolumn{
		text-align:left;
		height:auto;
	}
	.twocolumn .leftside{
		width:100%;
	}
	.twocolumn .rightside{
		width:100%;
	}
	
	.threecolumn{
		text-align:left !important;
		height:auto;
		margin:20px 0;
	}
	
	.threecolumn .leftside{
		float:left !important;
		width:100%;
	}
	.threecolumn .centerside{
		float:left !important;
		width:100%;
	}
	.threecolumn .rightside{
		float:left !important;
		width:100%;
	}


	#monthlypass{
		width:100%;
	}
	#monthlypass .month1{
		float:left;
		width:100% !important;
		padding:0 !important;
		
	}
	#monthlypass .month2{
		width:100% !important;
		padding:0 !important;
		float:right;
	}
	#monthlypass .month3{
		float:left;
		width:100% !important;
		padding:0 !important;
		
	}
	#monthlypass .month4{
		width:100% !important;
		padding:0 !important;
		float:right;
	}

	#sidebar50{
		width:85% !important;
	    float: none !important;
	    width: auto !important;
	    padding: 0 20px !important;
	    text-align: left !important;		
	}
	#mainContent50 {
	   margin: 20px 0 !important;
	   padding: 50px 18px 10px 28px !important;
	   text-align:left !important;
	}

	#sidebarHalf {
		margin:0 -20px !important;
		text-align:left !important;
		margin:0 auto;
		width:95% !important;

	}
	#mainContentHalf {
		margin:0 !important;
		text-align:left !important;
		width:90% !important;	
	}
	.specialitems .mainText12{
		display:block;
	}
	.specialitems p{
		clear:both;
	}
	h2.mainText12{
		background:#103F53;
		padding:10px;
		color:#fff;
	}	
	.coupon1{
		 margin:0 !important;
	}	
	.coupon1 img{
		width:40% !important;
	}
	.autoadditionalservices{
		text-align:left !important;
	}	
	.freeshuttle{
	  padding-left:0 !important;
	  margin-top: 0 !important;		
	}

	.div3AcolumnLast  br{
		display:none !important;
	}
	
	
	.divMainContentPages{
		width:100% !important;
		margin:0 auto !important;
	}
	
	.location .leftside{
	   float:left !important;
	   margin:20px auto !important;
	   width: 100% !important;		
	}
	.location .leftside img{
		width:100% !important;
		clear:both;
	}
	.location .rightside{
		float:right !important;
		text-align:left;
		padding:20px;
	}
	#sidebarX {
	  float:none !important;
	  /* width: 200px; */
	  width: 100%;
	  /* border: 1px blue dashed; */
	  padding:30px 0 !important;
	}
	#sidebarX br{
		display:none;
	}
	h1.header {
	  padding-top: 25px;
	  letter-spacing: 2px;
      padding-left: 0 !important;
	}	
	#sidebarX img{
		float:left;
	}

	.mainTextX {
	  margin-top: 60px;
	  text-align: left;
	}
	
	.div3HcolumnLast {
		  margin-top: 0px !important;
	}
	.additionalservices {
	  padding-top: 50px !important;
	  margin-left: -30px !important;
	}	
	.coupon {
	  padding-left: 0 !important;
	}	
	.freemsg {
	  width: 90% !important;
	  padding-left: 0 !important;
	  font-weight: bold;
	  margin: 0 auto;
	}	
	.starclub {
	  margin-top: 10px !important;
	}	
	.readmore {
	  bottom: 5px;
	}
	.ads{
		width:75%;
		margin:0 auto;
	}
	.divMenuFooter{
		height:auto !important;
	}
	.menufoot {
		width: 90%;	
	}	
}
@media (max-width: 375px) {
	iframe{
		width:350px !important;
	}
	.div3textWrapper {
	  padding: 155px 0 0 0px !important;
	}	

}

@media (max-width: 767px) {
	#container{
		width:100% !important;
	}
	#header img{
		width:100% !important;
	}
	#mainContentWrapper{
		width:100% !important;
	}
	
	#mainContentWrapper #sidebarX img{
		float:left !important;		
	}
}