/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {
	header { height: 75px }
	.navbar-brand { width: 100px; }
	.navbar-brand img { width: 100%; }
	nav .navbar-form { padding-top: 8px; }
	nav li a:link { font-size: 12px; padding-top: 25px; height: 75px; }

}



/* 
	============================================= IPAD LANDSCAPE ====
*/

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

}


/* 
	============================================== IPAD PORTRAIT ====
*/
@media only screen and  (max-width: 989px) {
	h2 { margin-top: 10px; }
	.textoSlide { left: 40%; }
	.listadoProductoHome { font-size: 20px; }
	.unaNovedadHome { margin-bottom: 20px!important; }
	.tabs li { width: 180px; height: 58px; font-size: 14px; padding-top: 17px; }
	.tabs li.tabProductos { width: 210px; }
	.bread { margin-top: 30px; }
	
	.carousel-caption { color: white; padding-top: 80%px; font-size: 15px; text-align: right; line-height: 35pt; left: 50%; text-shadow: 18px 18px 18px rgba(81, 81, 81, 99); }
.carousel-caption strong { font-weight: 100; }
	
}	


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

	nav { height: auto; padding-bottom: 15px;  }
	.navbar-toggle { margin-top: 25px; }
	.navbar-collapse { border: none!important; }
	.collapse ul { border: none!important; }
	nav ul.navbar-nav { margin-top: 10px!important; }
	nav .navbar-form input { float: left; margin-left: 0!important; margin-right: 20px; width: 200px!important; margin-top: 5px; }
	nav .navbar-form button { float: left; }
	.royalSlider { min-height: 400px; }
	.textoSlide { padding-top: 300px; left: 33%; }
	.mobileOFF { display: none!important; }
	.mobileON { display: block; }
}


/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 550px) {
 
/* cambiar el color de fondo a la barra */



nav.navbar {
    background-color:#F9F9F9!important;
}	

nav li a:link { color: black!important; font-size:16px;  }
nav li a:visited { color: grey!important; }
nav li a:active { color:  blue!important; }
nav li a:hover { color: black!important;  }
nav li ul { border: none!important; background-color: #CCC!important; }
nav li a:link { color: black!important; font-size:16px; padding-top: 25px;  }
	
	
	.royalSlider { min-height: 250px; }
	.textoSlide { padding-top: 130px; left: 15%; font-size: 25px; line-height: 27px; }
	.encabezados { height: 250px; padding-top: 130px; }
	.encabezados h3 { font-size: 25px; line-height: 27px; }

	

}



/* 
	============================================ IPHONE PORTRAIT ====
*/
@media only screen and (max-width: 320px) {	

}



/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	


}