/*styles for 480px - 620px @ 16px!*/
@media screen and (min-width: 380px) and (max-width: 767px){

.head{
	width:480px;
	background:url(../img/logo-mobile.png) no-repeat;
	height: 229px;
}

.menu{
	width:480px;
	background:url(../img/logo-mobile.png) no-repeat;
	margin:10px -240px 0 0;
}
.content1{
	width: 480px;
	margin: 20px auto 20px auto;
	padding: 0 0 20px 20px;
}

#nav {
    display:none;
}
.tinynav{       
    width: 170px !important; 
    display: table;
    float: left;
    margin: 59px 0 0 200px;
    font-size:16px;
    border-radius: 0 !important;         
    background:#fff;            
}

a .hide{
	display: none;
}

#contact-wrap{
	background: #fff;
}

#locations-wrap{
	background: #fff;
}

#about-wrap{
	background: #fff;
}

#services-wrap:{
	background: #fff;
}

#shop-wrap{
	background: #fff;
}

.title{
	width: 480px;
}

.sub1{
	display: none;
}

.content1{
	width: 480px;
}

.content-sub{
	width: 480px; /* make same as title */
}

#head-wrap{
	background: url(../img/logo-mobile.png) no-repeat center center; 
	height: 461px;
}

.home-wrap1{
	height: 640px;
	margin:0 auto;
}

.home1{
	width: 480px;
}

.cov-home{
	width: 480px;
	height: 270px;
	background: url("http://racerwash.com/assets/img/cov480.png") no-repeat;
}

.cov-home1{
	width: 480px;
	height: 161px;
	background: no-repeat url("../img/480-cov.png");
	margin:0 auto;
}

.ttu{
	margin:0 auto;
	width:480px;
	height:160px;
	background:url("../img/480-ttu.png") center bottom no-repeat #E0E0E0;
	float:left;
	margin-top:20px;
}

.fb{
	width: 480px;
	height: 290px;
	margin:20px auto;
}

.home-tag{
	display: none;
}


/***** COL *****/

.one{
	width: 450px;
}

.title-fw{
	width: 480px;
}

.two-fw{
	width: 480px;
	padding-bottom: 20px;
}

.two-last-fw{
	width: 480px;
}

.two{
	width: 450px;
}

.two-last{
	width: 450px;
	padding-top: 20px;
}

.three{
	width: 450px;
}

.three-last{
	width: 450px;
}

.three-two{
	width: 450px;
}

.locations{
	background: url("../img/locationsbox450.png")center bottom no-repeat #ececec;
	height: 179px;
	margin-bottom: 20px;
}

.locations a{
	padding-right: 20px;
}
	
.footer{
	width:480px;
}
.copyright{
	display: none;
}

}




/*styles for 800px and up @ 16px!*/
@media screen and (min-width: 768px) and (max-width: 1023px){
.head{
	width:768px;
	background:url(../img/menu768.png) no-repeat;
	height: 250px;
}

.menu{
	width:768px;
	background:url(../img/menu768.png) no-repeat;
	margin:10px -393px 0 0;
}

#menu-container{
	z-index:3;
	width:100%;
	height:250px;
	position:fixed;
}
/*
.menu{
	width:768px;
	height:250px;
	margin:0 auto;
	background:url(../img/menu7681.png) no-repeat;
	z-index:3;
	text-align:left;
}*/

nav {
    width:auto;
    position:relative;
    z-index:9999;
}
 
#nav {
    padding:0px;
    font-weight:normal;
    list-style-type:none;
    position:relative;
    display:block;
    width: 550px;
    margin: 0 0 0 180px;
    z-index:9999;
    float:left;
}
#nav li {
    float:left;
    display:block;
    width:auto;
    position:relative;
    z-index:500;
}
#nav li a {
    display:block;
    line-height:10px;
    text-decoration:none;
    color:#fff;
    font-weight:300;
	padding:88px 20px 20px 20px; /*change not selected layer */
	font-family:"adelle-sans",sans-serif;
	font-size:15px;
	font-weight:700;
	text-transform: uppercase;
}
 

#nav li a:hover {
    color:#cc0000;
}
 
#nav li a.active {
    color: #fff;
	background:#cc0000;
	padding:88px 10px 20px 10px;
	position:relative;
	margin-right: 10px;
}
 
#nav ul {
    position:absolute;
    left:0;
    display:none;
    top:130;
    margin:0;
    padding:0;
    list-style:none;
    width: 200px;
}
#nav ul li {
    min-width:180px;
    float:left;
    height: 50px;
}
#nav ul li a,#nav ul li ul a {
    font-size:14px;
    padding-left:20px;
    line-height:50px;
    color:#fff;
    background: #333;
	    width: 200px;
}
#nav ul a.active:after,#nav ul a.active:before {
    border:none !important;
}
#nav ul a {
    display:block;
	height:50px;
	padding:0px 15px 0px 15px;
    color:#fff;
    background-color:#333;
    border:none !important;
}
#nav ul a:active, #nav ul a:hover
{
    border:none !important;
}
#nav ul li a.active {
    color:#fff;
    background:#cc0000;
}
#nav ul a:active,#nav ul a:hover {
    border:none !important;
}
#nav ul a:hover {
    text-decoration:none;
    color:#fff;
    background:#cc0000;
}
#nav ul li ul {
    margin-left:180px;
    position:absolute;
    display:none;
    padding:0px;
    height:auto;
    top:0px;
 
}
#nav ul li ul li {
    width:180px;
    float: left;
}
a .hide{
	display: none;
}

.title{
	width: 489px;
}

.sub1{
	width: 210px;
}

.content1{
	width: 739px;
}

.content-sub{
	width: 489px; /* make same as title */
}

.home-wrap1{
	margin:20px 0 0 0;
	padding: 20px 0px;
}

.home1{
	width: 768px;
}

.cov-home{
	width: 409px;
	background: url("http://racerwash.com/assets/img/cov768.png") no-repeat;
}


.cov-home1{
	width: 768px;
	height: 120px;
	background: no-repeat url("../img/768-cov.png");
	margin:0 auto;
}

.ttu{
	margin:0 auto;
	width:409px;
	height:275px;
	background:url("../img/768-ttu.png") center center no-repeat #E0E0E0;
	float:left;
	margin-top:20px;
}

.fb{
	width: 330px;
	height: 290px;
}


/***** COL *****/

.one{
	width: 450px;
}

.title-fw{
	width: 768px;
}

.two-fw{
	width: 364px;
	padding-right: 20px;
	float: left;
}

.two-last-fw{
	width: 364px;
	float: left;
}

.two{
	width: 450px;
}

.two-last{
	width: 450px;
	padding-top: 20px;
}

.three{
	width: 450px;
}

.three-last{
	width: 450px;
}

.three-two{
	width: 450px;
	margin-top: 20px;
}

.locations{
	background: url("../img/locationsbox450.png")center bottom no-repeat #ececec;
	height: 179px;
	margin-bottom: 20px;
}

.locations a{
	padding-right: 20px;
}
.footer{
	width:768px;
}

.copyright{
	width: 400px;	
}



}

/*styles for 1100px and up @ 16px!*/
@media screen and (min-width: 1024px) and (max-width: 1279px){
	
.head{
	width:1024px;
	background:url(../img/menu1024.png) no-repeat;
	height: 150px;
}

.menu{
	width:1024px;
	height:150px;
	background:url(../img/menu1024.png) no-repeat;
	position:absolute;
	z-index:9999;
	right:50%;
	margin:10px -512px 0 0;
	top:20;
}

nav {
    width:auto;
    position:relative;
    z-index:9999;
}
 
#nav {
    padding:0px;
    font-weight:normal;
    list-style-type:none;
    position:relative;
    display:block;
    width: 800px;
    margin: 0 0 0 280px;
    z-index:9999;
    float:left;
}
#nav li {
    float:left;
    display:block;
    width:auto;
    position:relative;
    z-index:500;
}
#nav li a {
    display:block;
    line-height:10px;
    text-decoration:none;
    color:#fff;
    font-weight:300;
	padding:102px 25px 20px 25px;
	font-family:"adelle-sans",sans-serif;
	font-size:15px;
	font-weight:700;
	text-transform: uppercase;
}
 

#nav li a:hover {
    color:#cc0000;
}
 
#nav li a.active {
    color: #fff;
	background:#cc0000;
	padding:102px 20px 20px 20px;
	position:relative;
	margin-right: 10px;
}
 
#nav ul {
    position:absolute;
    left:0;
    display:none;
    top:130;
    margin:0;
    padding:0;
    list-style:none;
    width: 200px;
}
#nav ul li {
    min-width:180px;
    float:left;
    height: 50px;
}
#nav ul li a,#nav ul li ul a {
    font-size:14px;
    padding-left:20px;
    line-height:50px;
    color:#fff;
    background: #333;
	    width: 200px;
}
#nav ul a.active:after,#nav ul a.active:before {
    border:none !important;
}
#nav ul a {
    display:block;
	height:50px;
	padding:0px 15px 0px 15px;
    color:#fff;
    background-color:#333;
    border:none !important;
}
#nav ul a:active, #nav ul a:hover
{
    border:none !important;
}
#nav ul li a.active {
    color:#fff;
    background:#cc0000;
}
#nav ul a:active,#nav ul a:hover {
    border:none !important;
}
#nav ul a:hover {
    text-decoration:none;
    color:#fff;
    background:#cc0000;
}
#nav ul li ul {
    margin-left:180px;
    position:absolute;
    display:none;
    padding:0px;
    height:auto;
    top:0px;
 
}
#nav ul li ul li {
    width:180px;
    float: left;
}


.title{
	width: 814px;
}

.sub1{
	width: 170px;
}

.content1{
	width: 1024px;
}

.content-sub{
	width: 774px; /* make same as title */
}
.home-wrap1{
	margin:20px 0 0 0;
	padding: 20px 0;
}

.home1{
	width: 1024px;
}

.cov-home{
	width: 700px;
	background: url("http://racerwash.com/assets/img/cov1024.png");
}

.cov-home1{
	width: 1024px;
	height: 170px;
	background: no-repeat url("../img/1024-cov.png");
	margin:0 auto;
}

.ttu{
	margin:0 auto;
	width:700px;
	height:275px;
	background:url("../img/1024-ttu.png") center center no-repeat #E0E0E0;
	float:left;
	margin-top:20px;
}

.fb{
	width: 290px;
}


/***** COL *****/

.one{
	width: 790px;
}

.title-fw{
	width: 1024px;
}

.two-fw{
	width: 492px;
	padding-right: 20px;
	float: left;
}

.two-last-fw{
	width: 492px;
	float: left;
}

.two{
	width: 380px;
}

.two-last{
	width: 380px;
}

.three{
	width: 236px;
}

.three-last{
	width: 236px;
}

.three-two{
	width: 548px;
}

.locations{
	background: url("../img/locationsbox235.png") center bottom no-repeat #ececec;
	height: 175px;
	margin-bottom: 20px;
}


.locations a{
padding: 20px 0px 10px 20px;
}


.footer{
	width:1024px;
}



.quote{
	width:350px;
}

.testquote{
	height:150px;
}