/*---------------------------------------------------------------------- */
/* Smartphones (portrait) ---------------------------------------------- */
/*---------------------------------------------------------------------- */
@media only screen and (max-width : 480px) {

h1 { font-size: 26px; }
h2 { font-size: 20px; }
#content { padding: 30px 0px; }

/* Header */
nav,
.prenav,
#foot-prod,
#food-sitemap { display:none; }
#nav-responsive {
	display:block;
	}
	
.main { width: 90%; }
.nav-logo {
	width:100%;
	text-align:center;
	height:50px;
	}
.nav-logo img {
	/*height:50px;
	width:auto;*/
	display:none;
	}
#logo-responsive { display:block; }
#slider,
#encabezado,
#product-detail,
#institucionales,
#encabezado_tag,
#mayoristas {
    padding-top: 80px;
	}

/* Footer */
.footer_column .nav_redes {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
.footer_content .colum1 {
	width:100%;
	text-align:center;
	padding-bottom:30px;
	}
.footer_content .colum2 {
	width:100%;
	border-left:none;
	padding-left: 0px;
	text-align:center;
	}
.footer_column .nav_redes .item {
	padding:25px 15px 0px 15px;
	}
.whatsapp {
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
	}

/* Home */
#lanzamientos,
#destacados-home {
	padding:30px 0px;
	}
#lanzamientos .item {
    margin: 15px 1.5%;
	}
#lanzamientos .descripcion .titulo,
#lanzamientos .descripcion .precio,
#lanzamientos .descripcion .precios {
	width: 100%;
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
	}
#lanzamientos .descripcion .precios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
#lanzamientos .descripcion .precio_normal,
#lanzamientos .descripcion .precio_rebajado {
	width:50%;
	}

#lanzamientos .descripcion .titulo {
	height:55px;
	font-size:14px;
	}
#lanzamientos .descripcion .comprar { width:80%; }
.btn-slide-left {
	padding-top: 10px;
	padding-bottom: 10px;
	}
#destacados-home .item {
	float:left;
	width:97%;
	margin:15px 1.5%;
	}
.newsletter .content,
.newsletter .formu {
	width:100%;
	padding-bottom:15px;
	}
.newsletter {
	font-size: 16px;
    padding: 25px;
	}

.slides {
	width:750px;
	}
#jssor_1 {
	width:750px;
	}

/*Categoria */
#content .columna {
	display:none;
	}
.productos {
	float:right;
	width:100%;
	}
.productos .item {
    float:left;
    width:48%;
    margin:15px 1%;
	}
.productos .descripcion {
	font-size: 16px;
	}
.productos .descripcion .comprar,
.productos .descripcion .precio {
    width:90%;
	}
.productos .descripcion .precios {
	width: 100%;
	}
.productos .descripcion .precio_normal {
	padding-top:0px;
    font-size: 14px;
	}

/*Productos */
#product-detail .colum-fotos,
#product-detail .colum-description {
    width:100%;
	}
#product-detail .colum-description { padding-top:30px; }
#presentaciones .item {
    padding:0px 10px;
	}
.colum-description .h1,
.colum-description .precio {
	font-size:30px;
	}
.colum-description .art {
    font-size: 14px;
	}
.colum-fotos .video iframe {
	height:200px;
	}
#relacionados {
    padding: 30px 0px;
	}
#relacionados .item {
    padding: 14px;
	}
#relacionados .productos .tag {
	padding:7px; 
	}

/* Videos */
#content-gral .columna {
	width:100%; 
	}
#content-gral .nav-bar {
    padding-bottom: 10px;
	}
#content-gral .nav-bar a {
	display:inline-block;
	float:left;
    padding: 10px 20px 10px 0px;
	border-bottom: none;
	}
.videos {
	float:left;
	width:100%;
	}
.videos .subtitulo h2 {
	font-size:18px;
	}
.videos .item {
	float:left;
	width:100%;
	margin:30px 0px 30px 0px;
	}
.videos .item iframe {
	height:200px;
	}
.videos .item .productos .thumbnail {
	float:left;
	width:33%;
	padding:0px 2% 5px 0px;
	}

/* Locales */
#locales-comer {
	padding:30px 0px;
	}
#locales-comer .colum1,
#locales-comer .colum2,
#mayoristas .colum1,
#mayoristas .colum2,
#mapa  .colum2,
#institucionales .colum1,
#institucionales .colum2 {
	width:100%;
	}
#mapa .colum1 {
	display:none;
	}

/* Mayoritas */
#mayoristas .colum1,
#institucionales .colum1 {
	padding-bottom:50px;
	}
.mayoristas-encabezado {
	height:100px;
	margin-bottom:30px;
	}
.mayoristas-encabezado h1 {
	font-size:18px;
	bottom: 20px;
	}
	
/* Nosotros */
.nosotros-back {
	padding:0px;
	background-size: 400px auto;
	background-repeat: no-repeat;
	background-position: top right;
	}
.nosotros-back .colum1 {
	width:100% !important;
	}
.nosotros-back .colum1 h1 {
	width:50%;
	display: block;
	padding:150px 0px 30px 0px;
	}
.magazine-dowload .btn {
	width:80%;
	margin:0 auto;
	}


}



/*-------------------------------------------------------------------- */
/* Smartphones (portrait) -------------------------------------------- */
/*-------------------------------------------------------------------- */
@media only screen and (min-width : 481px) and (max-width : 767px) {

h1 { font-size: 30px; }
h2 { font-size: 20px; }
#content { padding: 30px 0px; }

/* Header */
nav,
.prenav,
#foot-prod,
#food-sitemap { display:none; }
#nav-responsive {
	display:block;
	}
.main { width: 95%; }
.nav-logo {
	width:100%;
	text-align:center;
	height:50px;
	}
.nav-logo img {
	/*height:50px;
	width:auto;*/
	display:none;
	}
#logo-responsive { display:block; }
#slider,
#encabezado,
#product-detail,
#institucionales,
#encabezado_tag,
#mayoristas {
    padding-top: 80px;
	}

/* Footer */
.footer_column .nav_redes {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
.footer_content .colum1 {
	width:100%;
	text-align:center;
	padding-bottom:30px;
	}
.footer_content .colum2 {
	width:100%;
	border-left:none;
	padding-left: 0px;
	text-align:center;
	}
.footer_column .nav_redes .item {
	padding:25px 15px 0px 15px;
	}
.whatsapp {
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
	}
	
/* Home */
#lanzamientos,
#destacados-home {
	padding:40px 0px;
	}
#lanzamientos .descripcion .titulo {
	height: 50px;
    font-size: 16px;
	}
#lanzamientos .descripcion .titulo,
#lanzamientos .descripcion .precio,
#lanzamientos .descripcion .precios {
	width: 100%;
	padding-bottom:15px;
	text-align:center;
	}
#lanzamientos .descripcion .precios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
#lanzamientos .descripcion .precio_normal,
#lanzamientos .descripcion .precio_rebajado {
	width:40%;
	}
	
#lanzamientos .descripcion .comprar { width:50%; }

.newsletter .content,
.newsletter .formu {
	width:100%;
	padding-bottom:15px;
	}
.newsletter {
    padding: 35px;
	}
.slides {
	width:750px;
	}
#jssor_1 {
	width:750px;
	}

/*Categoria */
#content .columna {
    width: 25%;
	}
.productos {
	float:right;
	width:72%;
	}
.productos .item {
    float: left;
    width: 48%;
    margin: 30px 1%;
	}
.productos .descripcion .comprar {
    width: 90%;
	}
.productos .descripcion .precios {
	width: 100%;
	}

/*Productos */
#product-detail .colum-fotos,
#product-detail .colum-description {
    width: 100%;
	}
#product-detail .colum-description { padding-top:30px; }
#presentaciones .item {
    padding: 0px 10px;
	}
#relacionados .item {
    padding: 20px;
	}

/* Videos */
#content-gral .columna {
	width:100%; 
	}
#content-gral .nav-bar {
    padding-bottom: 10px;
	}
#content-gral .nav-bar a {
	display:inline-block;
	float:left;
    padding: 10px 25px 10px 0px;
	border-bottom: none;
	}
.videos {
	float:left;
	width:100%;
	}
.videos .item iframe {
	width:100%;
	height:175px;
	}
.videos .item .productos .thumbnail {
	float:left;
	width:33%;
	padding:0px 2% 5px 0px;
	}

/* Locales */
#locales-comer {
	padding:30px 0px;
	}
#mapa .colum1 img {
	width:80%;
	height:auto;
	}

/* Mayoritas */
#mayoristas .colum1,
#mayoristas .colum2,
#institucionales .colum1,
#institucionales .colum2 {
	width:100%;
	}
#mayoristas .colum1,
#institucionales .colum1 {
	padding-bottom:50px;
	}
#mayoristas .btn-slide-left {
	width:50%;
	}
.mayoristas-encabezado {
	height:150px;
	}
.mayoristas-encabezado h1 {
	font-size:24px;
	}

.nosotros-back {
	padding:0px;
	background-size: 370px auto;
	background-repeat: no-repeat;
	background-position: top right;
	}
.nosotros-back .colum1 {
	width:100% !important;
	}
.nosotros-back .colum1 h1 {
	width:50%;
	display: block;
	padding:150px 0px 30px 0px;
	}





}




/*------------------------------------------------------------------ */
/* iPads (landscape) ----------------------------------------------- */
/*------------------------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
/* Header */
nav,
.prenav,
#foot-prod,
#food-sitemap { display:none; }
#nav-responsive {
	display:block;
	}
.main { width: 95%; }
.nav-logo {
	width:100%;
	text-align:center;
	height:50px;
	}
.nav-logo img {
	/*height:50px;
	width:auto;*/
	display:none;
	}
#logo-responsive { display:block; }

#slider,
#encabezado,
#product-detail,
#institucionales,
#encabezado_tag,
#mayoristas {
    padding-top: 80px;
	}

/* Footer */
.footer_column .nav_redes {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
.footer_content .colum1 {
	width:100%;
	text-align:center;
	padding-bottom:30px;
	}
.footer_content .colum2 {
	width:100%;
	border-left:none;
	padding-left: 0px;
	text-align:center;
	}
.footer_column .nav_redes .item {
	padding:25px 15px 0px 15px;
	}

/* Home */
#lanzamientos,
#destacados-home {
	padding:40px 0px;
	}
#lanzamientos .descripcion .titulo,
#lanzamientos .descripcion .precio,
#lanzamientos .descripcion .precios {
	width: 100%;
	padding-bottom:15px;
	text-align:center;
	}
#lanzamientos .descripcion .precios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
#lanzamientos .descripcion .precio_normal,
#lanzamientos .descripcion .precio_rebajado {
	width:30%;
	}

#lanzamientos .descripcion .comprar { width:50%; }
.newsletter { font-size: 14px !important; }
.slides {
	width:750px;
	}
#jssor_1 {
	width:750px;
	}

/* Locales */
#mapa .colum1 img {
	width:80%;
	height:auto;
	}

/* Mayoritas */
#mayoristas .btn-slide-left {
	width:50%;
	}
.mayoristas-encabezado {
	height:200px;
	}

.nosotros-back {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 70% center;
	}






}





/*------------------------------------------------------------------ */
/* Desktops and laptops -------------------------------------------- */
/*------------------------------------------------------------------ */
@media only screen and (min-width : 1024px) and (max-width : 1100px) {
.main { width: 95%; }
}