@media only screen and (max-width: 1300px) {
	#header .menu{padding-left:10px; padding-right:10px; margin-top:27px}
	#header .search{margin-right:20px}
	
	#teaser .inner{width:95%; margin:0 auto;}
    #teaser .inner .element{width:23.8%!important}
	#subteaser .inner{width:95%; margin:0 auto; margin-top: 20px}
	#banners .inner{width:95%; margin:0 auto;}
	#distribuidores {width:95%; margin:0 auto;}
	
	.right.modelos .contenido .left .items{padding:5px}
	.right.modelos .contenido .right .items{padding:5px}
	.right.modelos .contenido .right .items .element{width:200px}
	
	.right.producto .contenido .left .items{padding:5px}
	.right.producto .contenido .right .items{padding:5px}
	.right.producto .contenido .right .items .element{width:200px}
	
	
	.body_empresa #wrapper .inner .left{padding-left:20px}
	.body_clipping #wrapper .inner .left{padding-left:20px}
    .body_prensa #wrapper .inner .left{padding-left:20px}
	
	.body_test #wrapper .inner .left{padding-left:20px}
}

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

}

/* iPad Landscape */
@media only screen and (max-width: 1024px) {
	#teaser .inner .element .subtitle, #teaser .inner .element .title{margin-left:0px; padding-left:30px; font-size:14px; padding-right:10px; text-align:left}
	#teaser .inner .element .boton {margin-left:30px;}
	
	#header .search{ margin-top:20px;}
	
	
	.right.modelos .contenido .left, .right.modelos .contenido .right{width:100%; float:inherit; border:0px}
	.right.modelos .contenido .right .items, .right.modelos .contenido .left .items{display:inline-block}
	.right.modelos .contenido .right .items .element{width:179px}
	
	.right.producto .contenido .left, .right.producto .contenido .right{width:100%; float:inherit; border:0px}
	.right.producto .contenido .right .items, .right.producto .contenido .left .items{display:inline-block}
	
	.right.producto .contenido .right .items{padding-top:30px}
	
	/*NOTICIAS */
	.body_noticias #wrapper .inner .element_100 .content .item{width:40%; margin:30px; float:left; cursor:pointer; }
	.body_noticias #wrapper .inner .element_100 .content .right{width:70%}
	.body_noticias #wrapper .inner .element_100 .content .left{margin-left:10px; margin-right:0px}
	
	/* CALIDAD */
	.body_nofer-calidad #wrapper .inner table{width:100%}
	
	/*EXPOSICION*/
	.body_nofer-exposicion #wrapper .inner table td{width:47%!important; display:inline-table; margin:10px}
	
	/*VIDEO*/
	.body_video-concept #wrapper .inner table td{width:100%!important; display:inline-table; margin:10px}
}

@media only screen and (max-width: 900px) {	
	.body_empresa #wrapper .inner .left{width:90%; float:none; margin-bottom:20px}
	.body_empresa #wrapper .inner .right{width:90%; border-left:0px; padding-left:20px; float:none}
	
	.body_clipping #wrapper .inner .left{width:90%; float:none; margin-bottom:20px}
	.body_clipping #wrapper .inner .right{width:90%; border-left:0px; padding-left:20px; float:none}
    
    .body_prensa #wrapper .inner .left{width:90%; float:none; margin-bottom:20px}
	.body_prensa #wrapper .inner .right{width:90%; border-left:0px; padding-left:20px; float:none}
	
	.body_test #wrapper .inner .left{width:90%; float:none; margin-bottom:20px}
	.body_test #wrapper .inner .right{width:90%; border-left:0px; padding-left:20px; float:none}
	
}

/* iPad Portrait */
@media only screen and (max-width: 768px) {	
	
	#header{height:auto}
	#header .menu{display:none }
	#wrapper{min-height:inherit}
	.slicknav_menu { display:block; 	}
	.slicknav_menu .sep{display:none}
	
	#header .search{float:right; margin-top:0px; margin-top:20px}
	#header .phone{padding-right:20px}
	
	.linea_header{margin-top:20px}
	
	#teaser .inner{width:100%; margin:0 auto;}
	#subteaser .inner{width:100%; margin:0 auto; margin-top:20px}
	#banners .inner{width:100%; margin:0 auto;}
	
	#teaser .inner .element .subtitle, #teaser .inner .element .title{font-size:18px}
	
	#teaser .inner .element{width:90%!important; margin:0 auto; display:block}
	#subteaser .inner .element{width:90%; margin:0 auto; display:block}
	#banners .inner .element{width:49%; margin-top:10px}
	#subteaser .inner .element .title{padding-top:10px}
	#distribuidores{width:90%; margin:0 auto; display:block}
	#distribuidores .distribuidores{padding-left:0px; margin-top:5px}
	
	.menu_prod{display:none}
	.right.gamas{width:90%; float:inherit; margin:0 auto;}
	.right.gamas .descripcion{width:100%;}
	
	.right.modelos{width:90%; float:inherit; margin:0 auto;}
	.right.producto{width:90%; float:inherit; margin:0 auto;}
	

	
	/* DELEGACIONES */
	.body_delegaciones #wrapper .inner .element_50{width:90%; margin:0 auto; display:block}
	/* 404 */
	.body_error_404 #wrapper .inner .element_100{width:90%; margin:0 auto; display:block}
	
	/* NOTICIAS */
	.body_noticias #wrapper .inner .element_100{width:90%; margin:0 auto; display:block}
	
    
    .body_emblematicos #wrapper .inner .element_100{width:90%; margin:0 auto; display:block}
    
	
	/*NOTICIAS*/
	.body_noticias #wrapper .inner .element_100 .content .item{width:100%;margin:0 auto; float:inherit; margin-top:30px; cursor:pointer}
	.body_noticias #wrapper .inner .element_100 .content .item .contenido, .body_noticias #wrapper .inner .element_100 .content .item .title{height:auto; }
	.body_noticias #wrapper .inner .element_100 .content .item .contenido{padding-bottom:10px}
	.body_noticias #wrapper .inner .element_100 .content .right{width:100%; margin:0 auto; float:inherit; margin-top:10px}
	.body_noticias #wrapper .inner .element_100 .content .left{display:none}
	
	#sub_footer .inner .suscripcion_newsletter{float:inherit; padding-top:10px}
	.container .inner_info .suscripcion_newsletter{float:inherit; padding-top:20px; padding-left:10px}
	
	.container .inner_info{margin-top:20px}
	.container .inner_info .link{text-align:left; width:auto; display:block; padding-bottom:4px}
	
	/*EMPRESA*/
	.body_empresa #wrapper .inner #table_distribuidores td{display:inline-block}
    
	.body_registro-garantia-nofer-aparici .header_logos img{max-width: 140px}
	.body_registro-garantia-nofer-aparici #formulario .left .f.f_radio{padding-top: 10px}
	.body_registro-garantia-nofer-aparici-gracias .header_logos img{max-width: 140px}
	.body_registro-garantia-nofer-aparici-gracias #wrapper{padding-bottom: 50px}
	
	
	/*CONCEPT3*/
	.body_concept3 #wrapper .inner .title{padding-top:30px; font-size:23px}
	.body_concept3 #wrapper .inner .subtitle{padding-top:20px; font-size: 16px}
	.body_concept3 #wrapper .inner .titulo_video{padding-bottom: 20px}
	
}

@media only screen and (max-width: 600px)  {	
	#header .logo{padding-top:20px}
	.right.producto .contenido .right .items .social{display:inline-block; padding-top:20px}
	.right.producto .contenido .right .items .img{margin:0 auto; padding-top:20px}
	
	.right.producto .contenido .right .items .info_center img{max-width:100%}
	#wrapper{border:0px; padding-left:0px; width:100%}
	#wrapper .inner{width:90%; margin:0 auto}
	#wrapper .inner img{width:100%!important; max-width:auto!important; height:auto!important}
	
	.body_nofer-en-el-mundo #wrapper .inner table td{display:block}
	.body_nofer-medio-ambiente #wrapper .inner table td{display:block}
	.body_ferias #wrapper .inner table td{display:block}
	
	.body_descargas #wrapper .inner table td{display:block}
	.body_nofer-calidad #wrapper .inner table td{display:block}
	.body_nofer-calidad #wrapper .inner table img{max-width:100px}
	
	.body_nofer-exposicion #wrapper .inner table img{max-width:100px; width:auto!important}
	
	#formulario .left .f{float:left; width:100%!important;}
	
	.body_delegaciones #wrapper table, .body_delegaciones #wrapper table td{width:100%; display:block}
	

	.body_empresa #wrapper .inner .left{width:100%; float:none; padding-left:0px}
	
	.body_empresa #wrapper .inner .right{width:100%; border-left:0px; padding-left:0px; float:none}
    
    
    .body_clipping #wrapper .inner .left{width:100%; float:none; padding-left:0px}
	
	.body_clipping #wrapper .inner .right{width:100%; border-left:0px; padding-left:0px; float:none}
    
    .body_prensa #wrapper .inner .left{width:100%; float:none; padding-left:0px}
	
	.body_prensa #wrapper .inner .right{width:100%; border-left:0px; padding-left:0px; float:none}
	
	
	.body_test #wrapper .inner .left{width:100%; float:none; padding-left:0px}
	
	.body_test #wrapper .inner .right{width:100%; border-left:0px; padding-left:0px; float:none}
	
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px)  {
	#banners .inner .element{width:90%; margin:0 auto; display:block; margin-top:10px}
	
	#header .logo{text-align:center; float:inherit; padding-left:0px}
	#header .logo img{width:150px}
	
	.right.gamas .items .title_secamanos{margin-left:-20px}
	.right.gamas .items .element{margin-right:15px}
	
	.right.modelos .contenido .right .items .element{width:130px}
	.right.modelos .title{line-height:30px}
	.right.producto .contenido .right .items .title{width:100%; padding-left:0px}
	.right.producto .contenido .right .items .img{float:left; display:block; width:90%}
	.right.producto .contenido .right .items .info{width:100%}
	
	.right.producto .contenido .right .items .social{float:left}
	
	#distribuidores .distribuidores{width:100%}
	.body_nofer-calidad #wrapper .inner table{width:100%}
	.body_nofer-calidad #wrapper .inner table td{text-align:center}
	.body_nofer-medio-ambiente #wrapper .inner table{width:70%}
	
	/* DELEGACIONES */
	.body_delegaciones #wrapper .inner .element_50 .content table{width:100%}
	.body_delegaciones #wrapper .inner table{width:100%}
	.body_delegaciones #wrapper .inner table img{width:auto!important}
	/* 404 */
	.body_error_404 #wrapper .inner .element_50 .content table{width:100%}
	
	/* BUSCAR */
	.body_buscar #wrapper .inner .resultado .img, .body_buscar #wrapper .inner .resultado .info{ width:90%;}
	
	#sub_footer .inner a{display:block; padding-bottom:10px}
	#sub_footer .inner .suscripcion_newsletter input.big{width:170px; font-size:11px}
	#sub_footer .inner .suscripcion_newsletter input[type="button"]{font-size:12px}
	
	.container .inner_info .link, .container .inner_info .link.suscripcion_newsletter{width:100%}
	.container .inner_info a{display:block; padding-bottom:10px}
	.container .inner_info .suscripcion_newsletter input.big{width:210px; font-size:11px}
	.container .inner_info .suscripcion_newsletter input[type="button"]{font-size:12px}
	
	/*EMPRESA*/
	.body_empresa #table_distribuidores img{height:inherit!important; width:inherit!important}
	.body_empresa #table_distribuidores .pdf img, .body_empresa #table_distribuidores .www img{width:50px!important}
    
    
    
    
    
}