/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

@media only screen and (max-width: 1315px){
	#cotizador-icon { right: 15px; height: 35px; width: 35px; }
	#cotizador-icon .fa { font-size: 16px; }
}

@media only screen and (max-width: 1250px){
	.wrap, .gray { width: 90%; }
	.servicios h4 {font-size: 16px; top: 145px; } .suscribirse input {width:100%;}.suscribirse button {
margin: 20px 25%;width: 50%;}
	.portada .title { bottom: 2px; }
	.marcas.limpiar > li { min-height: 324px; }
	.bx-wrapper .bx-controls .bx-prev { left: -39px; }
	.bx-wrapper { width: 100%; }
	.bx-wrapper .bx-controls .bx-next { right: -35px; }
}

@media only screen and (max-width: 1160px){
	.blue .menu { display: none; float: left; margin-top: 35px; width: 100%; }
	header nav ul li { float: none; width: 100%; }
	header nav ul li a { width: 100%; box-sizing: border-box; }
	.bars { display: block; color: #FFF; font-size:23px; float: right; padding: 10px; }
	header nav ul li:nth-of-type(4) { margin-left: 0; }
	.sub { width: 100%; position: relative; border: none; }
	header nav ul.sub a { text-align: center; }
	header nav ul.sub li { border: none; }
	.welcome-text p.bold { font-size: 25px; }
	.welcome-text p { font-size: 18px; }
	.derechos { font-size: 15px; }
	.logo-center { width: 100%; }
	header h1{ left: 0; }
	.llama { padding: 8px 19px; }
	.llama p { font-size: 15px; }
	.categories > li, .arprod li { width: 31%; margin: 1%; }
	.hover h4 { font-size: 16px; margin-bottom: 12px; }
	a.mas { font-size: 14px; padding: 5px 20px;}
	.hover { padding: 5px 20px; }
	.filo-le { width: 60%; }
	.filo-ri { width: 40%; }
	.about { line-height: 27px; font-size: 15px; }
	.servicios h4 { font-size: 15px; top: 120px; }
	.about2 { font-size: 18px; }
	.portada .title { bottom: 1px; }
	.marcas.limpiar > li { min-height: 335px;}
	#cotizador-icon { right: 42px; top: 36px; }
}

@media only screen and (max-width: 980px){
	.suscribirse.limpiar {
    float: left;
    margin: 25px 10%;
    width: 80%;
}.suscribirse input {
    text-align: center;
    width: 90%;
}
	.welcome-text p.bold { font-size: 23px; line-height: 34px; }
	.welcome-text p { font-size: 16px; line-height: 27px; }
	.bars { padding: 13px; }
	.quintityp { margin: 15px 15px 15px 0; font-size: 19px;}
	.carrito .quantity a { width: 26px; }
	 .carrito .quantity input { font-size: 15px; padding: 13px; width: 18%;  }
	 .servicios.limpiar > li { width: 44%; }
	 .servicios.limpiar > li:nth-child(4n) { margin-left: 3%; }
	 .servicios h4 { top: 190px;}
	 .marcas.limpiar > li {  margin: 15px 5%; min-height: 350px; width: 40%; }
	 .gray ul li img { width: 100%; }
	 .categories.mercado > li { margin: 2% 5%; width: 40%; }
	 .mercado .hover { padding: 10px 20px; }
	 .about2 { font-size: 17px; line-height: 25px; }
	 #contact { margin: 10px 0;}
	 .siguenos {margin: 10px 5%; width: 90%; }
	 .form textarea { box-sizing: border-box; width: 97%; margin-right: 1%;}
	 .form { width: 90%; margin: 0 5%; }
	 .form button { font-size: 17px; }
	 .categories > li, .arprod li { margin: 1%; width: 47%; }
}

@media only screen and  (max-width: 950px){
	.servicios h4 { top: 185px;}
}

@media only screen and (max-width: 860px ){
	.servicios h4 { top: 160px; }
}

@media only screen and (max-width: 800px ){
	.welcome-text { margin-top: 40px; }
	.welcome-text p.bold { font-size: 20px; line-height: 28px; }
	.welcome-text p { font-size: 16px; line-height: 23px; }
	 .visita { font-size: 13px; line-height: 19px; }
	 .visita span { font-size: 16px; }
	 .derechos { box-sizing: border-box; font-size: 14px; padding: 0 5px; }
	 a.tekoestudio { width: 115px; background-size: 100% auto; background-repeat: no-repeat; margin: 30px 0;}
	 .full-prod { float: left; margin: 0 10%; text-align: center; width: 80%; }
	 .prod-des { width: 100%; padding: 50px 0 20px; }
	 a.back { margin-top: 10px; }
	 .about { width: 100%; margin: 10px 0;}
	 #rel > img { margin: 0 20%; position: relative; top: 0; width: 60%; }
	 .filo-ri, .filo-le { width: 100%; }
	 .servicios h4 { position: relative; top: 5px; }
	 .opc { margin-right: 0; width: 100%; }
	 img.performance { width: 90%; margin: 10px 5%; }
	 .cont.limpiar { padding: 50px 0 20px; }
	 .marcas.limpiar > li { min-height: 320px; }
	 .categories.mercado > li { width: 85%; margin: 2% 7.5%; }
	 #mapa { height: 430px; }
	 .portada h3 { font-size: 20px; }
	 .portada p { font-size: 15px; }
	 .about2 { font-size: 15px; line-height: 23px; margin: 25px 0 15px; }
	 .arprod img { max-width: 100%; }
	 .img-full > img { max-width: 100%; }
	 .right {
    float: right;
    width: 100%;
}

}

@media only screen and (max-width: 620px ){
	.wrap.whitet { padding: 60px 25px; }
	.wrap { width: 100%; margin: 0; }
	.gray { width: 100%; }
	.welcome img { width: 65%;} 
	.welcome .welcome-text { width: 100%; margin-top: 25px; }
	.bx-wrapper .bx-viewport { left: 0; }
	.bx-controls-direction { display: none; }
	.categories.limpiar > li { margin: 10px 0; width: 100%; }
	.categories .hover {padding: 13px 20px; }
	.categories a.ver-mas { margin-top: 5px; }	
	.carrito .quantity input { width: 42px; padding: 10px 0; }
	.quintityp { font-size: 16px; }
	.carrito .agregar, .agregar_a { padding: 10px 0;}
	.categories.mercado .hover { padding: 10px 20px 20px; } 
	.form button { font-size: 15px; }
	.llama p {font-size: 13px; }
}

@media only screen and (max-width: 530px ) {
	.llama{display: none;}
}

@media only screen and ( max-width: 500px ) {
	header nav { padding: 0; }
	header h1 { height: 95px; width: 180px; }
	a.logo { height: 55px; width: 155px; margin: 38px auto 0;}
	#cotizador-icon { top: 8px; }
	.welcome-text p.bold {font-size: 17px; line-height: 25px; }
	.welcome-text p { font-size: 14px; line-height: 22px; }
	.gray { padding: 30px 15px; }
	.gray ul li { float: left; margin: 0 5%; width: 40%; }
	.visita { font-size: 13px; line-height: 19px; text-align: center; width: 100%; }
	.derechos { box-sizing: border-box; font-size: 13px; padding: 0; text-align: center; width: 100%; }
	a.tekoestudio { margin: 15px calc(50% - 58px) 0; }
	.about2 { padding: 0; }
	.arprod h4 { font-size: 15px; }
	a.ver-mas { font-size: 13px; }
	.arprod li.sin { min-height: 380px; }
	.portada .title { padding: 15px 30px; }
	.portada h3 { font-size: 18px; }
	.prod-des h2 { font-size: 18px; margin-bottom: 10px; }
	.des > p { line-height: 24px; }
	.carrito .quantity { width: 100%; }
	.carrito .agregar, .agregar_a {padding: 8px 10px; width: auto;}
	.full-prod a { font-size: 14px; }
	.filo h4 { font-size: 20px; margin: 30px auto 20px; }
	.filo { padding: 0 0 50px; }
	.filo-ri, .filo-le { padding: 20px; }
	.about { line-height: 25px; }
	.servicios h4 { width: 90%; margin: 0 5%; }
	.wrap.whitet { padding: 60px 15px; }
	.opc > p { font-size: 16px; }
	.ventajas { padding: 0; }
	.marcas.limpiar > li { width: 90%; }
	.marcas.limpiar > li img { width: 80%; }
	.categories.mercado.limpiar img { height: 100%; width: auto;}
	.portada p, .portada h3, .portada .title { transform: skewX(0);}
	.form input { width: 100%; padding: 12px; }
	.form textarea { margin-right: 0; width: 100%; padding: 12px; }
	 .img-full > img { max-width: 100%; }

}

@media only screen and ( max-width: 350px ){
	.servicios.limpiar > li { width: 100%; }
}