﻿
/* ---------------------------------------------------------------------- */
/*	1680px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1680px) {
	.gallery{
		margin-top: 5rem;
	}
	.top-sub-home {
	  margin-top: -44rem;
	}
	.details-bike.gallery {
  		margin-top: 2rem;
  	}
  	.overlay{
  		height: 100%;
  	}
	
}

/* ---------------------------------------------------------------------- */
/*	1600px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1600px) {
	.gallery {
	  margin-top: 2.5rem;
	}
}

/* ---------------------------------------------------------------------- */
/*	1440px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1440px) {
	.video{
		width: 58.3%;
	}
	.gallery {
	  margin-bottom: 0;
	}
	.sidebar .list-bikes li{
		width: 30%;
	}
	.item-category figure .sub-text {
		left: 4%;
		width: 92%;
	}
	.list-bikes li{
		width: 23%;
	}
	.list-bikes li:hover .buy-item {
	  left: 2rem;
	}
	.list-bikes li:hover .item-detail {
	  right: 2rem;
	}
	.team > li:first-child{
		padding-left: 0;
	}
	.team > li:nth-child(3){
		padding-right: 0;
	}
	.team > li:nth-child(3), .team > li:nth-child(2),
	.team > li:first-child{
		padding-top: 0;
	}
	.team{
		margin-top: 3rem;
	}
}

/* ---------------------------------------------------------------------- */
/*	1024 Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {
	.item-category figure{
		margin-top: 5rem;
	}
	.title-downloads{
		line-height: 6rem;
		font-size: 3rem;
	}
	.video {
	  	width: 100%;
	}
	.gallery {
  		width: 90%;
  		margin-left: 5%;
	}
	.table-check li span{
		font-size: 1.2rem;
		display: inline-block;
	}
	.display-pc{
		display: none;
	}
	.bg-title.paddings {
	  padding: 0rem 0 37rem 0;
	}
	.bg-title img{
		height: 100%;
	}
	.home-03 .item-category{
		display: none;
	}
	.team > li:first-child {
  		padding-left: 0;
	}
	.team > li:nth-child(3){
		padding-right: 0;
	}
	.item-category.events figure{
		margin-top: 0;
	}
	.item-category.events .description h4{
		margin-top: 3rem;
	}
	.team-carousel .overlay-info .data-name {
	  -webkit-transform: translate3d(0,54px,0);
	  transform: translate3d(0,54px,0);
	}
	.team-carousel .team-gallery:hover .overlay-description {
	  -webkit-transform: translate3d(0,-5px,0);
	  transform: translate3d(0,-5px,0);
	}
	.team-gallery .overlay-description{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.list-bikes li {
	  width: 30.9%;
	}
	.extra-products li p{
		overflow: auto;
	}
	.bg-title .text-content{
		width: 80%;
	}
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 980px){
	#menu{
		display: none;	
	}
	.tinynav {
		display: inline;
		width: 60%;	
		border-radius: 0;
		font-size: 14px;
		padding: 5px 10px;
		border: 1px solid #dbdbdb;
		height: 30px;	
		margin: 15px 20% 15px 20%;
	} 
	.item-category figure .sub-text h4{
		display: none;
	}
	.subtitle-downloads h4{
		font-size: 1.5rem;
	}
	#newsletterForm button{
		height: 7.3rem;
		font-size: 3rem;
	}
	#newsletterForm input, #newsletterForm button{
		font-size: 4.2rem;
	}
	.bar-login.right,
	nav .logo{
		text-align: center;
	}
	nav .bar-login{
		padding-top: 0;
	}
	.bg-title .text-content {
	  width: 100%;
	}
	.text-content.home-03{
		padding-bottom: 10rem;
	}
	.sidebar .list-bikes li {
	  width: 46%;
	}
	.extra-products li figure img{
		width: 14%;
	}
	.team > li:nth-child(3), .team > li:nth-child(2),
	.team > li:first-child{
		padding-top: 0;
	}
	.team li{
		display: inline-block;
	}
	.overlay-info .data-name{
		-webkit-transform: translate3d(0,61px,0);
  		transform: translate3d(0,61px,0);
	}
	.list-bikes li {
	  	width: 47%;
	}
	.item-category.events figure {
	  	margin-bottom: 5rem;
	}
	.post .center{
		text-align: left;
	}
	.place-purchase img,
	.place-purchase .item-category figure .sub-text{
		width: 100%;
	}
	.form-contact{
		margin-top: 4rem;
	}
	.place-purchase .item-category {
	  margin-bottom: 13rem;
	}
	.error-page{
		text-align: center;
	}
	.error-page p{
		width: 100%;
	}
}

/* ---------------------------------------------------------------------- */
/*	768px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px){
	
}

/* ---------------------------------------------------------------------- */
/*	767px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 767px){
	
}
/* ---------------------------------------------------------------------- */
/*	720px Version
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 720px) {
	.video .sub-text h4,
	.bar-section ul li:before,
	.overlay-description{
		display: none;
	}
	#newsletterForm input, #newsletterForm button {
	  	font-size: 2rem;
	}
	#newsletterForm button {
	  height: 4.1rem;
	}
	.bar-section ul li{
		text-align: center;
	}
	.gallery-images figure:hover figcaption, .img-hover figure:hover figcaption {
  		padding: 12rem 0;
  	}
  	.bar-login.right{
  		padding-left: 1.5rem;
  	}
  	.text-content h2{
  		font-size: 3rem;
  		line-height: 4rem;
  	}
  	.services i{
  		float: none;
  		margin: 0;
  	}
  	.services{
  		text-align: center;
  		padding: 0 4rem;
  		margin: 0;
  	}
  	.video figure figcaption i{
  		font-size: 6rem;
  	}
  	.video figure figcaption .text-video h2 {
  		font-size: 2.5rem;
  	}
  	.responsive-numbers{
  		font-size: 2rem;
  	}
  	.image-clients-downloads{
  		padding-left: 0;
  	}
  	.subtitle-downloads h4{
  		width: 66%;
  	}
  	.text-content.paddings{
  		padding: 5rem 0;
  	}
  	.top-sub-home {
	  	margin-top: -40rem;
	}
	.sidebar .list-bikes li {
	  width: 100%;
	}
	.team{
		padding-left: 17%;
	}
	.events figcaption {
  		bottom: -2.5rem;
  	}
  	.team-carousel .overlay-info .data-name {
	  	-webkit-transform: translate3d(0,6px,0);
	  	transform: translate3d(0,6px,0);
	}
	.list-bikes li {
	  	width: 90%;
	  	margin-left: 5%;
	}
	.list-features li{
		line-height: 1.4rem;
	}
	.error-page h2, .coming-soon h2{
		font-size: 10rem;
		line-height: 11rem;
	}
	.error-page h3, .coming-soon h3{
		font-size: 6rem;
  		line-height: 7rem;
  		letter-spacing: -0.3rem;
	}
	.error-page.paddings {
	  	padding: 5rem 0;
	}
	.coming-soon h2 {
	  	font-size: 6rem;
	  	line-height: 7rem;
	}
}


/* ---------------------------------------------------------------------- */
/*	569px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 569px) {
	.overlay-info .data-name {
	  -webkit-transform: translate3d(0,61px,0);
	  transform: translate3d(0,-20px,0);
	}
	.item-category.post .divider{
		margin: 0 0 5rem 0;
	}
	.error-page.paddings {
	  	padding: 1rem 0 5rem 0;
	}
	.error-page h3 {
		font-size: 5rem;
		line-height: 6rem;
		letter-spacing: 0;
	}
	.error-page p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.list-detail, .details-bike .list-inline.colors{
		padding-left: 0;
	}
}


/* ---------------------------------------------------------------------- */
/*	480px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 480px) {
	
}


/* ---------------------------------------------------------------------- */
/*	384px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 384px) {
	.info .link .more{
		right: 0;
	}
	.faq .info{
		padding-left: 0;
	}
	.bar-section ul li{
		line-height: 2.8rem;
	}
	.subtitle-downloads h4 {
	 	width: 100%;
	}
	.bar-login.right, nav .logo{
		padding-left: 0;
	}
	.video figure figcaption{
		left: 1rem;
	}
}

/* ---------------------------------------------------------------------- */
/*	320px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 320px) {
	.bar-section h2 {
	  	font-size: 2rem;
	  	line-height: 3rem;
	}
	.responsive-numbers {
	  	font-size: 1.5rem;
	}
	.title-downloads {
	  	line-height: 5rem;
	  	font-size: 2.5rem;
	}
}