/* ==================================================
Media Queries
================================================== */

/* --- Mobile --- */
@media only screen and (max-width: 767px) {
h1 { font-size:60px; }
h2 { font-size:36px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:20px; }
h6 { font-size:16px; }

header {
background:none;
}
	header #nav{
		display:none;
	}
	
	header #menu{
		float:right;
		width:100%;
		margin:0;
	}
	
	header .selectnav{ 
		padding:0 5px;
		width:100%;
height:30px;
		border:1px solid #464d52;
		color:#fff;
		background:#373c3f url(../img/icon_@2x.png) right center no-repeat;
		background-position:99% 7px;
		background-size:16px 16px;
		cursor:pointer;
		margin:0;
		float:left;
		display:block;
		position:relative;
		z-index:101;

		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;   
		box-sizing: border-box;        
	}
header #logo { display:none; }

#homepage ul.slides .caption.center img{
	width:150%;
margin-left: -50px;
}

#historia .texto img.izq, #historia .texto img.der {
width:300px;
height:200px;
float:left;
padding:0 2px 20px 0px;
}

	.parallax#px01 .bg{
		background-attachment:scroll !important;
		background-size:250% !important;
	}
	
	.parallax#px02 .bg{
		background-attachment:scroll !important;
		background-size:250% !important;
	}
	
	.parallax#px03 .bg{
		background-attachment:scroll !important;
		background-size:250% !important;
	}
	
	.parallax#px04 .bg{
		background-attachment:scroll !important;
		background-size:250% !important;
	}

	
	.contacto_form #contacto_form_submitter{
		margin-bottom:20px;
	}

	
	#productos_items .item img{
		width:260px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		border-radius:25px;
	}
	
	#productos_items .item .texto {
	padding:5px 30px 0 0px;
	width:90%;
	text-align:justify;
}

.contacto_form_area input{
	width:95%;
}
	
	footer{
	line-height:20px;
}

}


/* --- Mobile Landscape Specific --- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
header #logo { display:none; }

#homepage ul.slides .caption.center img{
	width:125%;
}
#historia .texto img.izq, #historia .texto img.der {
width:100%;
height:100%;
float:left;
padding:0 2px 20px 0px;
}
#productos_items .item {
	margin:0 0 40px 0;
	padding:0;
}
#productos_items .item img{
margin:0 0 0 60px;
		width:260px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		border-radius:25px;
	}
	
	#productos_items .item .texto {
	padding:5px 0 0 0;
	width:90%;
	text-align:justify;
}


.parallax{
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}
	.parallax#px01 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
	}
	
	.parallax#px02 .bg{
		background-attachment:scroll !important;
		background-size:250% !important;
	}
	
	.parallax#px03 .bg{
		background-attachment:scroll !important;
		background-size:150% !important;
	}
}



/* --- Tablet Portrait Specific --- */
@media only screen and (min-width: 768px) and (max-width: 959px) {

header #logo { display:none; }

#homepage ul.slides .caption.center img{
	width:100%;
}
	.parallax#px01 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
	}
	.parallax#px02 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
	}
	.parallax#px03 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
	}
}

/* --- Tablet Landscape Specific --- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

#homepage ul.slides .caption.center img{
	width:100%;
}

	.parallax#px01 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
		background-position: 0px;
	}
	.parallax#px02 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
	}
	.parallax#px03 .bg{
		background-attachment:scroll !important;
		background-size:100% !important;
		background-position: 0px;
	}
}