/*
  #
  # Esta es la hoja de estilo comun a todas las páginas para la versión de móvil.
  #
  */

@media screen and (max-width:1650px){
	//body{ padding-left: 16%; padding-right: 16%; }		
  .familia-olfativa{ margin-left: 15px; }	
	.ing-familiaolfativa{ width: 95px; margin-bottom: 10px; }
  .intensidad p{ margin-left: 0; }
	
	.sugerencias{ padding-top:130px; }			
	.notasolfativas{ margin-left: 20px; }	
  .img_perfume img{	max-width: 280px;width:100%; }
  .numreferencia{ margin-bottom:15px; }
  .capaingredientedeshabilitado{width:95px;height:140px;}			
	//.intensidad p{ margin-left: 40px;	}
}
/******************************************************************************/
@media screen and (max-width:1324px){
	//body{ padding-left: 14%; padding-right: 14%; }
  .social_icons{width: 100%;display: block;padding: 0;}
  .social_icons li{height: 60px;display:inline-block;}
  .wrapper{text-align: center;}
  .grid{display:block;}
  .column{width: 100%;display: block;margin-bottom:40px;}
  			
}
/******************************************************************************/
@media screen and (max-width:1248px){
  .piramide{margin-left: 0%;}
  .separacionlayer{margin-left: 0%;}
  .sugerencias{ padding-top:0px; }
  .caja-datos div{ width:100%; text-align:center;}
	//body{ padding-left: 3%; padding-right: 3%; }
	.cabecera{ margin-top: 80px; }	
	.logo{ float: none; text-align: center; margin-top:80px; }
  .logo2 img{ width: 100%;	max-width: 160px;	}		
	.hr-inicio-mobile,.hr-inicio-mobile2,.bienvenida{ display: none; }	
	.buscar{ text-align: center; }	
	.form-buscar{ width: 100%; }	
	.text-search{ width: 100%; margin-bottom: 0px; padding-left: 5px;  }	
	.submit-search{ width: 100%; float: none; }	
	.familia-olfativa{ margin-left: 30px;	}
	.volver img { width: 100%;	max-width: 120px; }
  .volver div{width:92px;height:92px;margin-top:-97px;line-height:98px;}	
	.separacion-pagina2{ margin-top: 0; margin-bottom: 0; }	
	.caja-datos{ text-align: center; margin-bottom: 10px; }			
	.datos_ingredientes{ width: 100%; padding-top: 15px; margin-bottom: 0px; text-align: center; }	
	.fragancias-femeninas{ float: none; width: auto; margin-bottom: 0; }	
	.fragancias-masculinas{ float: none; width: auto; }	
	.container-femenino{ text-align: center; width: auto; margin-left: 290px; }
	.intensidad_ficha{ margin-left: 10px; margin-right: 10px; }	
	.intensidad_ficha img{ width: auto;	}
	.separacion-pagina3{ margin-top: 0; margin-bottom: 0; }		
	.img_perfume{ text-align: center; float: none; margin-right: 0; margin-bottom: 0; }	
	.img_perfume img{ max-width: 320px;width:100%; }	
	.datos_perfume{ float: none; width: 100%; margin-bottom: 50px; padding-bottom: 0px; }
  .datos_ingredientes{ text-align:center; }		
	.descripcion_perfume{ margin-top: 40px;  }	
	.title_piramide{ padding-top: 10px; }	
	.img_piramide{ float: none; margin-left: 0; }	
	.notasolfativas{ float: none; width: 100%; margin-left: 0; }	
	.notasolfativas p{ text-align: center;  }		
	.intensidades div p img{margin-top: -10px; margin-left: 0; }	
	.intensidades div p { width: 100%; margin-top: -20px; }	
	//.intensidad p{ margin-left: 0; }
  .img_ingrediente_ficha img{ margin-right:0px; }
  .numreferencia{ font-size:24px; }
  .separacion span { font-size:20px; }
}
/******************************************************************************/
@media screen and (max-width:874px){
	

	.hr-inicio-mobile,.bienvenida,.hr-inicio-mobile2{ display: none;	}		
	.form-buscar{ width: 100%; }					
	.separacion-pagina2{ margin-top: 0; margin-bottom: 0; }	
	.caja-datos{ text-align: center; height: auto; margin-bottom: 10px;	}						
	.intensidad_ficha{ float: left; margin-left: 10px; margin-right: 10px; }	
	.intensidad_ficha img{ width: auto; }
  .separacion span { font-size:16px; }
  .numreferencia{margin-bottom:20px;}
  .intensidad p{ font-size: 14px; }
  .volver div{width:92px;height:92px;margin-top:-97px;line-height:98px;}
  .caja-datos div{ width:100%; text-align:center;}
  .textofamilia p{ margin-left:0; }
}
/******************************************************************************/
@media screen and (max-width:774px){
	.familia-olfativa{ margin-left: 40px; }	
	.container-femenino{ margin-left: 150px; }	
	.separacion2-pagina3 hr{ margin-top: -20px; }	
  #cajasperfumesingrediente{ width:100%; }
  .text-search{font-size:14px;}
}
/******************************************************************************/
@media screen and (max-width:520px){	
	.hr-inicio-mobile{ display: block; width: 100%; height: 1px; border: 0; text-align: center; color: #000; background-color: #000; margin-top: 20px; margin-bottom: 20px; }	
	.hr-inicio-mobile2{ display: block; width: 100%; height: 1px; border: 0; text-align: center; color: #000; background-color: #000; margin-bottom: 20px; }	
	.separacion-secundaria hr:after,.separacion-principal hr:after,.separacion-familias hr:after { font-size: 20px; }
	.container-femenino{ margin-left: 80px; }	
}
/******************************************************************************/
@media screen and (max-width:385px){	
	.separacion-secundaria hr:after { font-size: 24px; }	
	.separacion-familias{ width: 100%; }		
	.container-femenino{ margin-left: 30px; }	
	.separacion-pagina3 hr:after { font-size: 24px; line-height: 24px; }	
}