@media all and (max-width: 1000px)
{	

	/*#menu .submenu > li:hover ul {
		display: block!important;
	}*/
	
.bloc_fill {
    width: 96%!important;
    background-color: #f7f7f7;
    padding: 2%;
    box-sizing: border-box;
}


	.submenu ul {
		position: inherit;
		left: 0!important;
	}
	
	.label_form_gen{width: 100%; text-align: left; margin: 0;}
	.form_generic input[type=text],.form_generic input[type=password]{width: 95% !important; margin: 2% 0 !important;}
	.form_generic textarea{width: 100% !important; margin: 2% 0 !important;}
	
	body
	{
		min-width: 0;
	}
	
	.titolar_gran
	{
		font-size: 26px;
	}
	
	#desplegador_menu
	{
		background: #3a3a3a;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		display: block;
		text-transform: uppercase;
		cursor: pointer;
	}
	
	#barra_top
	{
		height: auto;
	}
		
		#barra_top .contenidor_centrat{padding: 0 2% !important;}
		#header .contenidor_centrat{padding: 0 !important;}

	#header
	{
		position: static; 
		height: auto;
		min-height: 0; 
	}

	
		#idiomes li ul
		{
			z-index: 100;
			
		}
		
	#menu li:hover ul
	{
		display: none !important;
	}
		
	#menu li ul.active
	{
		display: block !important;
		position: static;
		margin: 0;
		max-width: none;
	}
	
		#menu li a
		{
			box-shadow: none !important;
		}
		
		.hvr-underline-from-center:before {

		  left: 50% !important;
		  right: 50% !important;
		}

	
	#logo
	{
		display: block;
		width: 250px;
		margin: 0 auto;
		padding: 20px 0px;
		float: none !important;
	}
	
		#logo img
		{
			width: 250px;
		}
		
	#caixa_login
	{
		float: none !important;
		display:inline-block;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
		#caixa_login span
		{
			display: inline-block !important;
			margin: 0px 10px;
		}
	
		#form_login
		{
			right: auto !important;
			left: 10px;
		}
		
		#form_login span
		{
			display: block !important;
			margin: 0;
			
		}

	#menu{display: none; margin-top: 0;}
	
	#menu.active{display: block;}	
	
	#menu li
	{
		float: none;
		margin: 0;
		height: auto;
		padding: 0;
	}
	
		#menu i
		{
			display: none;
		}
		#menu > li > a
		{
			display: block;
			padding: 8px 10px;
			background-color: #DDDDDD;
			text-align: left;
			border-bottom: 1px solid #FFFFFF;
	
		}
		
	.slide_home, .slide_generic
	{
		height: 200px;
		margin-bottom: 20px;
	}
	
		.slide_home > div, .slide_generic > div
		{
			height: inherit;
			background-size: cover !important; 
		}
		
	#carousel_home .producte_carousel
	{
		width: 72% !important;
	}
	
	#prev_producte {
		left: 20px;
	}
	
	#next_producte {
		right: 20px;
	}


	#frase_home > div, #frase_portada_producte > div
	{
		font-size: 22px;
	}
	#frase_home > div > div, #frase_portada_producte > div > div
	{
		width: auto;
		padding: 2%;
	}
	
	#imatge_portada_producte
	{
		width: 100%; 
	}
	
		#imatge_portada_producte .boto_portada
		{
			right: 20px;
			left: auto;
			margin: 0;
		}
	
	
	
	.contenidor_centrat
	{
		width: 100%; 
		padding: 2% 4%;
		margin-bottom: 15px !important;
		
	}
	
	.content_fills
	{
		width: 100%;
	}
									
	
	input[type=text],textarea
	{
		width: 91%;
	}
	
	
	

	
		.producte_carousel
		{
			width: 31%;
			margin: 1%;
			
		}
		
			.producte_carousel img
			{
				width: 65% !important;
			}
			
		
			
		.bloc_producte
		{
			width: 96% !important;
			margin: 2%;
		}
			
			.bloc_producte img
			{
				width: 100%
			}
			
		.media_alma,.desc_alma
		{ 
			float:none !important;
			width:96% !important;
			margin: 2%
		}
		
			.media_alma img
			{
				width:100%;
			}
			
		.descripcio_portada_producte > img
		{
			float: none !important;
			display:block;
			margin: auto;
			max-width: 100%;
		}
		.descripcio_portada_producte > div
		{
			width: 100%;
			margin-top: 0px;
			margin-bottom: 15px;
		}
		
		.info_ecologia {
			margin-bottom: 30px;
			border-bottom: 1px solid #353535;
			padding-bottom: 30px;
		}
		
			.media_ecologia {
				width: 260px;
				float: none !important; 
				margin: 15px auto 25px auto;
			}
			
			.desc_ecologia
			{
				width: 100% !important;
				padding: 0 !important;
				border: none !important;
				min-height: 0 !important;
			}
			
				.desc_ecologia table
				{
					min-height: 0 !important;
				}
			
			
		.medio
		{
			width: 30%;
			margin: 0 1.3%;
		}
		
			.img_medio, .titol_medio
			{
				height: auto;
				padding: 10px 0px;
			}
		
		.evento
		{
			margin-bottom: 30px;
			border-bottom: 1px solid #3a3a3a;
		}
		.desc_evento, .foto_evento
		{
			width: 100% !important;
			border: none;
			padding: 0 !important;
			border: none !important;
			min-height: 0 !important;
			margin-bottom: 15px;
		}
		
		.foto_evento img
		{
			width: 100%;
		}
			
			
		#fitxa_article
		{
			padding: 0;
		}
		
		#fitxa_article > div.fl, #fitxa-promo > div.fl
		{
			width: 100% !important;
		}

		#fitxa_article > div.fl > img, #fitxa-promo > div.fl > img
		{
			max-width: 100%;
		}

		#fitxa_article > div.fr, #fitxa-promo > div.fr
		{
			width: 100% !important;
			min-height: 0 !important;
		}

				
		
		#footer
		{
			padding: 2% 0;
		}
		
			#contact_footer
			{
				text-align: center;
				width: 50%;
				margin:0;
			}
			
			#titol_contacta_footer
			{
				margin: auto;
				text-align: left;
			}
			
		#menu_peu
		{
			width:50% !important;
			box-sizing: border-box;
			padding: 0 3%;
		}
		
		#links_peu br
		{
			display:none;
		}
		
		#links_peu a
		{
			margin: 0px 3px; display:inline-block;
		}
			
		.columna_footer
		{
			max-width:none;
			width: 44%;
			padding: 2%;
			text-align: center;
			float: none !important;
			display: inline-block;
			vertical-align: top;
			
		}
		
		.columna_footer.fl
		{
			 margin: 0;
		}
		
		#footer .fr
		{
			width: 100% !important;
			text-align: center !important;
			margin: 5% 0;
			
		}
		

			
	.white-popup {
	  position: relative;
	  background: #FFF;
	  padding: 20px;
	  max-width: 500px;
	  width: auto;
	  max-height: 500px;
	  overflow: auto;
	  margin: 20px auto;
	}
	
		.white-popup > div
		{
			max-height: 480px; 
			overflow: auto;
		}
	.label_slide_home	 {display:none}
}

@media all and (max-width:600px)
{
	.no-mobile
	{
		display:none;
	}
	.producte_carousel
	{
		width: 96%;
		margin: 2%;
	}
	
		.producte_carousel img
		{
			width: 180px !important;
		}
			
	#logo
	{
		width: 170px !important;
	}
	
		#logo img
		{
			width: 170px !important;
		}
		
	.recerca input[type=text] {
		width: 150px;
	}
	
	.arrow_carousel
	{
		font-size: 30px !important;
		top: 60% !important;
	}
	
		#prev_producte
		{
			left: 10px;
		}
		
		#next_producte
		{
			right: 10px;
		}
	#frase_barra
	{
		display: none;
	}
	
	.filtre_grups
	{
		position: static;
		display: block;
		width: 250px;
		margin: 0 auto 25px auto;
	}
	
	#fitxa_article
	{
		padding: 0;
	}
	
	#fitxa_article .cycle
	{
		width: 100% !important;
		height: 300px !important;
	}
	
		#fitxa_article > div.fl
		{
			width: 100% !important;
			position: static !important;
			min-height: 300px;
			max-width: none;
		}
		
			#fitxa_article > div.fl > img
			{
				max-width: 100%;
			}
			
		#fitxa_article > div.fr
		{
			width: 100% !important;
			min-height: 0 !important;
		}
		
	.medio
	{
		width: 47%;
		margin: 0 1.2%;
	}
	
		.img_medio, .titol_medio
		{
			height: auto;
			padding: 10px 0px;
		}
	
	
	#res_client > div , #res_client > table
	{
		width: 100% !important; 
	}
	#contact_footer
	{
		background: none;
	}
}

@media all and (min-width:600px) and (max-width:1000px)
{
	.slide_home, .slide_generic
	{
		height: 350px;
		background-size: cover !important; 
	}
	
	
}

@media all and (max-width: 1650px)
{

	#barra_top .contenidor_centrat{
		padding: 0 10px 0 10px!important;
		margin-bottom: 0!important;
		width: calc(100% - 200px)!important;
		float: right;
	}
	#frase_barra
	{
		width: 270px;
		top: 0;
		bottom: 0;
		left: 200px;
		right: 0;
		display: inline-block;
		margin: auto;
		height: 15px;
	}
	
	
	
}

@media all and (max-width: 1220px) {
	#barra_top .contenidor_centrat {
		width: 96%;
	}
}

@media all and (max-width: 1000px) {
#frase_barra {
    display: none;
}
#barra_top .contenidor_centrat {
	margin-bottom: 0!important
}
}

@media all and (max-width: 600px) {
.punt_fincafe {
    left: 50%;
    margin-left: -100px;
}
.punt_alma {
    left: 50%;
}
#barra_top .contenidor_centrat {
float: none;
    width: 100%!important;
    margin-top: 40px;
}
}