/* Smartphone
------------------------------------------------------------------------------------------ */
@media (max-width: 979px){

	body{ font-size: 15px; line-height: 20px; }

	#bg_main{ width: 100%; left: 0; margin: 0; }
	#contenitore{ width: 100%; }


	/* Menu
	------------------------------------------------------------------------------------------ */
	#main_menu{ width: 100%; }
	#mobile_menu{
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		z-index: 50;
		background: url(../immagini_layout/bg_menu_opener.svg) no-repeat center center;
	}
	#logo .sostituzione{ background-position: 20px center; background-color: #FFF; }
	#main_menu ul{ display: none; }

	/* CONTENUTO
	------------------------------------------------------------------------------------------ */
	#contenuto{
		width: 100%;
		height: auto;
		padding-top: 0;
		min-height: 100px;
		box-sizing: border-box;
		text-align: left;
	}

	#contenuto #slideshow{
		width: calc(100% + 40px);
		height: 147px;
		position: relative;
		top: 0;
		left: -20px;
		box-sizing: border-box;
	}
	.homepage #contenuto #titolo{
		width: 100%;
		padding: 5px;
		margin: 0 0 -5px 0;
		top: 147px;
		position: absolute;
		box-sizing: border-box;
		text-align: center;
	}
		#contenuto #slideshow span{ position: relative; }
		#contenuto #titolo .piega{ display: none; }
		#contenuto #slideshow img{ width: 100%; height: auto; }

	#contenuto #titolo{ width: 100%; box-sizing: border-box; }
	#contenuto img{ width: 100%; height: auto; }

	#gallery_container{ width: 100%; margin: 0; box-sizing: border-box; }
		#gallery_container a{ width: 204px; margin: 0 auto 20px auto; float: none; }

	#map{ width: 100%; box-sizing: border-box; }

	#gallery_container a, #gallery_container a img{ width: 100%; height: auto; display: block; }
	#gallery_container a:hover .plus { display: none;}

	/* Prodotti
	------------------------------------------------------------------------------------------ */
	#container_prodotto{
		width: 100%;
		height: 380px;
		background-size: 100%;
	}
	#contenuto #titolo.title_mobile{ font-size: 16px;}
	#essencewood_link{ margin: 115px 0 0 45px; }
	#slogan{ width: 280px; margin: 4px 0 0 35px; }
	#nome_prodotto{ margin: 20px 0px 0px 35px; }


	/* FOOTER
	------------------------------------------------------------------------------------------ */
	#footer{
		width: 100%;
		height: auto;
		margin-top: 50px;
		position: relative;
		overflow: hidden;
	}
		#footer #box_contatti{
			width: 250px;
			height: auto;
			margin: 20px auto;
			float: none;
			box-sizing: border-box;
			position: relative;
		}
		#footer .aree{
			width: 250px;
			height: 215px;
			margin: 0 auto;
			float: none;
			box-sizing: border-box;
			position: relative;
		}
		#footer #box_falegnameria{ margin: 0 auto; }

		#footer p#dati_fiscali{ padding: 20px; text-align: center; }


}

@media (min-width: 568px) and (max-width: 979px){

	#contenuto #slideshow{ min-height: 258px; }
	.homepage #contenuto #titolo{ top: 258px; }

}