/*WIDESCREEN*/

@media all and (max-width: 1200px){
}


/*TABLET*/

@media all and (min-width: 700px) and (max-width: 1200px){
	
	html {
overflow: hidden;
}

body
{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow-x:hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
	font-size:62.5%;
}

.bg
{
z-index:-1;
}

.banner
{
height:200px;
}

.logo-lrg, .overlay
{
height:100%;
width:auto;
position:absolute;
margin:0 auto;
left:50%;
margin-left:-367px;
z-index:600;
}



.banner .trigger
{
right:50%;
margin-right:-325px;
top:50px;
height:60px;
width:20px;
position:absolute;
-ms-transform: rotate(-9deg); /* IE 9 */
-webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
transform: rotate(-9deg);
z-index:900;
cursor:pointer;
}

.navigation
{
height:50px;
width:100%;
max-width:1300px;
position:relative;
text-align:center;
z-index:800;
margin:0 auto;
border-radius:10px 10px 0 0;
overflow:visible;
}

.stage .wrap
{
height:auto;
width:auto;
max-width:none;
position:relative;
text-align:center;
margin:0 auto;
z-index:500;
padding:0;
padding-top:0;
background-repeat: repeat;
-webkit-box-shadow:none;
box-shadow:none;
overflow:hidden;
border-radius:5px 0 0 5px;
}


.product .shade .in-stock
{
left:auto;
right:10px;
}


.product .shade .name
{
right:auto;
left:10px;
}



.home-content, .history-content, .parent-content, .camp-content
{
width:auto !important;
padding:30px;
}

.rider-content
{
	position:relative;
	height:auto;
	width:80%;
	z-index:2000;
	top:10px;
	margin:0 auto;
	overflow:hidden;
}

}


/*PHONE*/

@media all and (max-width: 700px){
	
html {
overflow: hidden;
}

body
{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow-x:hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
	font-size:62.5%;
}
	
.bg
{
z-index:-1;
}

/*PHONE - BANNER*/

.banner
{
height:50px;
width:100%;
position:relative;
text-align:center;
z-index:500;
text-align:center;
}

.logo-sm
{
display:block;
height:50px;
width:auto;
position:relative;
z-index:600;
margin:0 auto;

}

.logo-lrg
{
display:none;
}

.banner .trigger
{
display:none;
}

.overlay
{
display:none;
}

/*PHONE - NAVIGATION*/

	.navigation
{
height:50px;
width:100%;
max-width:1300px;
position:relative;
text-align:center;
z-index:800;
margin:0 auto;
border-radius:10px 10px 0 0;
overflow:visible;

}


.navigation .btn
{
height:50px;
width:100%;
float:left;
color:white;
line-height:50px;
text-align:center;
font-family:sans-serif;
position:relative;
overflow:visible;
}

.navigation .btn:after
{
content: '';
height:0;
width:auto;
left:0;
right:0;
bottom:0;
position:absolute;
/*background-color:#FFBE00;*/
background-color:rgba(255, 190, 0, 0.6);
/* Firefox */
-moz-transition: all 0.25s ease;
/* WebKit */
-webkit-transition: all 0.25s ease;
/* Opera */
-o-transition: all 0.25s ease;
/* Standard */
transition: all 0.25s ease;
display:block;
overflow:visible;
}

.navigation .btn:hover
{
cursor:pointer;
color:#f5f5f5;
}

.navigation .btn:hover:after
{
height:10px;
/*-webkit-filter: blur(5px);*/
z-index:800;
}

.menu-lg
{
display:none;
}

.menu-sm
{
display:block;
}

.menu-sm
{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	display:inline-block;
	z-index:7000;
   height: 50px;
   overflow: hidden;
   background:rgba(0,0,0,1);
font-size:1.6em;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.menu-sm select {
		width: 90%;
		padding: 5px;
		font-size: 1em;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 100%;
		-webkit-appearance: none;
		background:rgba(0,0,0,1);
		background:url("../img/toggle.gif") no-repeat right #000;
		color:#ccc;
		padding-left:20px;
		padding-right:40px;
   }

/*STAGE*/

.half
{
width:100%;
}

.stage .wrap
{
height:auto;
width:auto;
max-width:none;
position:relative;
text-align:center;
margin:0 auto;
z-index:500;
padding:0;
padding-top:0;
background-repeat: repeat;
-webkit-box-shadow:none;
box-shadow:none;
overflow:hidden;
border-radius:0;
}


.stage .headline
{
border-radius:0;
padding-left:20px;
}

.home-content, .history-content, .parent-content, .camp-content
{
width:auto !important;
padding:10px;
}

.product .shade .image
{
position:absolute;
height:110px;
width:110px;
top:50%;
left:50%;
margin-left:-55px;
margin-top:-55px;
background:rgba(255,255,255,0.95);
-webkit-box-shadow: 0 5px 15px -5px #000000;
box-shadow: 0 5px 15px -5px #000000;
border-radius:50%;
z-index:1500;
}

.product .shade .in-stock
{
left:auto;
right:10px;
z-index:1501;
}


.product .shade .name
{
right:auto;
left:10px;
z-index:1501;
}
	

	/* BLOG */
	
	/* BLOG PAGE */

.blog
{
text-align:center;
}

.blog a:hover
{
text-decoration:underline;
}


.blog h2
{
	text-align:left;
	padding-left:20px;
}

.blog p
{
	padding-left:10px;
	padding-right:10px;
}


.blog img
{
width:95%;
height:auto;
position:relative;
margin-left:2.5%;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 20px -5px #000;
}

.blog padding
{
}

	/* RIDER BIO SIZE CHANGE */
	
.rider-content
{
	position:relative;
	height:auto;
	width:100%;
	z-index:2000;
	top:10px;
	margin:0 auto;
	overflow:hidden;
}

.rider-firstname
{
	right:20px;
	margin-right:auto;
	
}

.rider-lastname
{
display:none;
}


/* */

.contact .card
{
height:auto;
width:auto;
margin:20px;
background:rgba(255,255,255,0.9);
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
padding:20px;
overflow:hidden;
float:right;
position:relative;
}



/* FOOTER */




.footer a 
{
font-size:1em;
margin:0 auto;
padding:5px;
-webkit-filter: blur(0);
}


}