@media screen and (max-height:670px ) {
/*sanity*/
		.cbp-fbscroller section	{
		height:670px;
	}
	.ac-container input:checked ~ article.ac-small{
		height: 255px;/*140px;*/
	}
	.ac-container input:checked ~ article.ac-medium{
		height: 255px;/*180px;*/
	}
	.ac-container input:checked ~ article.ac-large{
		height: 255px;/*300px;*/
		}
}
@media screen and (max-width: 1400px)	{
}
@media screen and (max-width:1272px ) {
/*gnr*/
.slider p	{
	font-size:0.9em;
	}
}
@media screen and (max-width:1020px ) {
			h2	{
		font-size:1.2em;
		}
}

@media screen and (max-width: 950px)/*(max-width: 55em)*/ {
/*section*/
	.cbp-fbscroller section	{
	height:800px;
	}
/*header*/
	.inhead{
		width:100%;
		height:35px;
		text-align:center;
		/*background:green;*/
		float:none;
		}
	.inhead h1{
		margin:0;
		padding-left:2px;
		line-height:1em;
		}
	header nav,
	header nav a	{
		line-height:1em;
		padding:3px 0px 1px 4px;
		text-align:center;
		/*background:red;*/
		}
	header nav	{
		float:none;
		margin:auto;
		/*background:green;*/
		}
	header nav a	{
		margin:0 auto;
		}
	p	{
		font-size:0.9em;
			}
	.cbp-fbscroller > nav {
	opacity:0.1;
	right:2px;
	left:0px;
	transition:opacity 1s;
	}
	.cbp-fbscroller > nav:hover, .cbp-fbscroller > nav:focus {
	opacity:0.7;
	}
		.cbp-fbscroller > nav:active {
	opacity:0.7;
	}
	header {
		width: 100%;
		height: 80px;
		/*overflow: auto;*/
		position:absolute;
		}
	#menu{
		display:inline;
		}
	.insection	{
	position:absolute;
	text-align:center;
	width:95%;
	height:95%;
	margin:2% 2% 2% 2%;
	border:1px solid black;
	color:black;
	z-index:900;
	background:rgba(255, 255, 255, 0.8);
	}
	.bbox	{
	height:38%;
	}
/*flair*/
	#fbsection2	{
		height:35%;
	}
	#fbsection2	.insection{
		margin:2% 2% 2% 2%;
		}
/*frev*/
	.container_top	{
		width:100%;
		height:46%;
		margin-top:65px;
		padding-top:10px;
		}
	.container_down	{
		width:100%;
		height:43%;
		}
	.abox p{
		margin:0;
		font-size:0.9em;
		}
	.abox	{
		width:100%;
		height:50%;
		margin:0% 6% 1% 0%;
		text-align:left;
		/*border:1px solid black;*/
		color:black;
		float:none;
		/*background:yellow;*/
		padding:7px;
	}
	.frevlog	{
		/*border:1px solid black;*/
		margin:3% auto;
		width:70%;
		height:50%;
		background-image: url(../images/frever_hq.png);
		background-size: contain;
		background-repeat: no-repeat;	
		float:none;
		/*background:blue;*/
		}
	.partner	{
		margin-top:-10px;
		margin-bottom:-5px;
		}
	.partner ul li {
		margin:0.5px;
		}	
.view p {
		font-size:0.8em;
		word-wrap: break-word;
		}
/*sparco*/	
	.boxshoe	{
		width:90%;
		height:55%;
		/*background:red;*/
		margin:0 auto;
		margin-bottom:3px;
		/*border:1px solid red;*/
		/*overflow:auto;*/
		padding:0;
		}
	.slider{
		width:100%; 
		position: relative;
		height:100%;
		/*background:yellow;*/
	}
	.slider>img{
		position: absolute;
		left: 0; top: 0;
		transition: all 0.5s;
		/*width:640px;
		height:356px;*/
		width:88%;
		max-height:100%;
	}
	#sparc	{
		height:20%;
		}
/*probike*/
	.probimg 	{
		width:980px;
		line-height:250px;
		margin:auto;
		}
	.probike_center	{
			overflow:auto;
	}
/*gna*/
	.container_ass	{
		/*margin-top:-30px;*/
		height:72%;
		overflow:hidden;
		}
	.assist_left	{
		width:100%;
		float:none;
		height:57%;
		overflow:auto;
		}
	/*.assist_left ul li img	{
		width:250px;
		}*/
	.assist_right	{
		width:100%;
		height:44%;
		float:none;
		overflow:auto;
		}
	.assist_text	{
		height:100%;
		overflow:auto;
		padding:2px;
		}
	.assist_text p	{
		margin:0;
		}
	.assist ul li img{
		width:110px;
		}
	#assist_big	{
		display:none;
		}
/*ecomod*/
	.supereco	{
	width:100%;
	height:50%;
	}
/*cont*/
	#contacts	{
		height:30%;
		}
	#fbsection9 .frevlog{
		width:80%;
		}	
}
@media screen and (max-width: 768px)	{
/*sparco*/
	.boxshoe	{
	width:87%;
	height:60%;
	/*background:red;*/
	margin:0 auto;
	}
	.slider>img{
		width:100%;
		max-height:100%;
	}
	.slider label {
		border: 1px solid #777;
		margin:63% auto;
		float: left;
		width:68px;
		height:70px;
		position:static;
		}
	.slider label img{
		display: block;
		width:100%;
		height:70%;
	}	
	#sparc	{
		position:absolute;
		}
/*gna*/
	#long_ass	{
		height:170px;
		}
/*eco*/
	.ecocontainer	{
	width:460px;
	height:100%;
	}
}
@media screen and (max-width: 644px)	{
/*frever*/
.view p {
		font-size:0.5em;
		}
/*sparco*/
	#sparc	{
	height:27%;
	}
	.boxshoe{
	margin-bottom:-10%;
	height:55%;
	}
	#ridebbox{
	height:52%;
	margin-top:-1%;
	}
#bike_text{
margin-top:-300px;
height:250px;
}	
/*gna*/
	#long_ass	{
	height:190px;
	}
/*sanity*/
	#fbsection8 .container_ass	{
		margin-top:1%;
		height:77%;
		/*background:red;*/
		}
	.ac-container label:hover:after,
	.ac-container input:checked + label:hover:after{
		top:1px;
		}
		
	.sanity_left	{
		width:100%;
		float:none;
		height:40%;
		margin-bottom:1%;
		overflow:auto;
		}

	.sanity_right	{
		width:100%;
		height:59%;
		float:none;
		overflow:auto;
		}
	.sanity_text	{
		height:100%;
		overflow:hidden;
		padding:0.2em;
		background-image:url(../images/eco-sany/sanycar_app_p.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;	
		}
	.sanity_text p	{
		display:none;
		}
	.sanity_text_n	{
	display:block;
		height:40%;
		width:80%;
		overflow:hidden;
		padding:0.4em;
	margin-top:-70%;
	position:absolute;
	background:yellow;
	}
	.ac-container article p	{
		font-size:0.8em;
		}
	.ac-container label{
		height:25px;
		font-size: 1em;
		line-height:25px;
		}
	.ac-container input:checked ~ article.ac-large{
		height: 240px;/*300px;*/
		}
	#sanity_bag	{
		/*height:35%;*/
		display:none;
		}
}
@media screen and (max-width: 392px)/*(max-width: 55em)*/ {
/*head*/
	.container_top	{
		width:100%;
		height:60%;
		margin-top:65px;
		padding-top:10px;
		}
	.container_down	{
		width:100%;
		height:33%;
		margin-top:0%;
		/*background:red;*/
		}
	.abox p{
		margin:0;
		font-size:0.9em;
		}
	.abox	{
		width:100%;
		height:50%;
		margin:-9% 6% 1% 0%;
		text-align:left;
		/*border:1px solid black;*/
		color:black;
		float:none;
		/*background:yellow;*/
		padding:7px;
	}	
	.frevlog	{
		/*border:1px solid black;*/
		margin:3% auto;
		width:70%;
		height:50%;
		background-image: url(../images/frever_hq.png);
		background-size: contain;
		background-repeat: no-repeat;	
		float:none;
		/*background:blue;*/
		}
/*sparco*/
		#sparc	{
	margin-top:-15%;
	/*background:red;*/
	height:30%;
	}
/*contacts*/
	#contacts	{
		margin-top:-40px;
		height:40%;
		}
}
@media screen and (max-width: 500px)/*(max-width: 55em)*/ {
	#sparc	{
	margin-top:0%;
	/*background:red;*/
	height:36%;
	}
	#longest	{	
	height:200px;
	}
	.ecocontainer	{
	width:230px;
	height:100%;
	}
}
@media screen and (max-width: 356px)/*(max-width: 55em)*/ {
	.abox	{
		width:100%;
		height:50%;
		margin:-25% 6% 1% 0%;
	}
		.container_down	{
		margin-top:-10%;
		}
	.bbox{
		height:40%;
	}

}