@charset "UTF-8";
/* CSS Document por luisgajardo.com

*/
/* ------------------------- [__] imac 27 -- */

@media only screen and (max-width: 2560px) {
.gif {width: 20%;}
.gif img {height: 240px;}
.banner {width: 98%;margin: 1% 1% 0% 1%;}
.bannermas {width: 98%;margin: 1% 1% 0% 1%;}
.info {font-size: 13px;line-height: 15px;}
	.boton {
    margin-top: 25px;
    font-size: 80px;
    line-height: 80px;
}


@media only screen and (max-width: 2300px) {


}

@media only screen and (max-width: 2000px) {
.gif {width: 25%; overflow: hidden;}

}

@media only screen and (max-width: 1800px) {

}

@media only screen and (max-width: 1500px) {
}

/* ------------------------- [_] macbook 15 -- */

@media only screen and (max-width: 1370px) {

}

/* ------------------------- [_] macbook 13 -- */

@media only screen and (max-width: 1290px) {
}

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

@media only screen and (max-width: 1160px) {
}

/* ------------------------- [=] landcape iPad -- */

@media only screen and (max-width: 1080px) {
.gif {width: 33%; overflow: visible;}
.gif img {height: 200px;}
.banner {width: 96%;margin: 2% 2% 0% 2%;}
.bannermas {width: 96%;margin: 2% 2% 0% 2%;}
}

@media only screen and (max-width: 1052px) {
}


/* ------------------------- [] portrait iPad -- */

@media only screen and (max-width: 970px) {
	
}

}

@media only screen and (max-width: 800px) {
	.info {font-size: 8px;line-height: 11px;}
	.boton {
    margin-top: 12px;
    font-size: 30px;
    line-height: 48px;
		}
		
	.producto {
	width: 50%;
	height: 190px;
	float: left;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
	
	.full {
	width: 100%;
	height: 350px;
   }
	
	.ktm {
	width: 100%;
	height: 220px;
   }
	
	.detalle {
	width: 50%;
	height: 190px;
}
	
	.mini {
	width: 33.333333%;
	height: 135px;
   }
	
	.guante {
		display: block;
	
	}

/* ------------------------- [=] landcape iPhone 6;6 plus -- */

@media only screen and (max-width: 765px) {
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 552px) {
}

@media only screen and (max-width: 530px) {
}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 490px) {

}

/* ------------------------- [] portrait iPhone 6;6 plus -- */

@media only screen and (max-width: 424px) {
.gif { width: 50%; overflow: hidden;}
.banner {width: 94%;margin: 3% 3% 0% 3%;}
.bannermas {width: 94%;margin: 3% 3% 0% 3%;}
.info {font-size: 13px;line-height: 15px;}
}

@media only screen and (max-width: 375px) {
}

/* ------------------------- [] portrait iPhone 4;5  i5 460px-- */

@media only screen and (max-width: 320px) {


}