@media screen and (max-width: 1024px) {
		
}

@media screen and (max-width: 960px) {
	
	
}


@media screen and (max-width: 800px) {
	
		
}



@media screen and (max-width: 768px) {
	#news-home{
		left:20px;
		top:20px;
	}

	#product-previews{
		width:96%;
		margin-left:2%;
	}

	.profile-prologue{
		font-size:26px;
	}
	/*#emotional-night h1, #emotional-day h1, #emotional-night-catalogue h1, #emotional-day-catalogue h1{
		margin-top:-80px;
		font-size: 45px;
	}*/
	
	#emotional-night, #emotional-day, #emotional-night-catalogue, #emotional-day-catalogue{
		width:100%;
		height:50%;
	}
	#emotional-day, #emotional-day-catalogue{
		top:50%;
		left:0;
	}
	#emotional-night h1, #emotional-day h1, #emotional-night-catalogue h1, #emotional-day-catalogue h1{
		margin-top:-70px;
		font-size:70px;
		line-height:72px;
	}
	
	#product-submenu a{
		font-size:18px;
	}
	
		
}

@media screen and (max-width: 640px) {
	.coll-menu{
		left:2%;
	}
	.coll-type-menu{
		right:2%;
	}
	#prod-menu h2{
		font-size:30px;
	}
	#product-submenu{
		width:95%;	
	}
		#product-submenu a{
			margin-right:5px;
			margin-left:5px;
			width:138px;
			font-size:11px;
		}
	#int-fin-block-holder{
		text-align: left;
	}
	
}

@media screen and (max-width: 600px) {
	/*** home ***/
	
	#logo-home{
		width:346px;
		height:auto;
		left:50%;
		top:50%;
		margin-left:-173px;
		margin-top:-88px;
	}
	#text-home{
		font-size:33px;
	}
}

@media screen and (max-width: 568px) {
	.not-mobile{
		display:none;
	}
	.section-wrapper > h2{
		font-size:24px;
		margin-bottom: 15px;
	}
	html, body, #page-container{
		min-height:268px;
	}
	.mobile{
		display:block;
	}
	
	/*** home ***/
	
	#logo-home{
		width:346px;
		height:auto;
		left:50%;
		top:50%;
		margin-left:-173px;
		margin-top:-88px;
	}
	#text-home{
		font-size:33px;
	}
	#news-home, #credits{
		display:none;
	}
	
	/*** menu ***/
	
	nav.main-nav{
		width:90%;
		left:5%;
		margin-left:0 !important;
		display:none;
	}	
		nav ul{
			display:block;
			width:100%;
			background:rgba(255,255,255,0.9);

		}
			nav li{
				display:block;
				width:100%;
			}
			nav a{
				color:#4D4D4D !important;
			}
			nav a:hover span, nav a.selected span{
				background:none;
			}
			
			.main-nav .mobile{
				padding:0 20px 10px 20px;
			}
				.main-nav .mobile a{
					padding:0;
					height:auto;
				}
		.mobile-menu-opener{
			position: fixed;
			bottom:16px;
			left:50%;
			margin-left:-11px;
		}
		.mobile-area-closer, .mobile-language-closer{
			text-align: center;
			padding:10px 0 0 0;
			background: rgba(255,255,255,0.7);
			cursor:pointer;
		}
		
	/*** lang change ***/
	
	#langChangeOpener{
		display:none;
	}
	
	#langChange{
		bottom:0;
		top:auto;
		left:15px;
		right:auto;
		width:80px;
	}
	.mobile-language-closer{
		cursor:pointer;
	}
	
	
	/*** area menu ***/
	#areaMenu{
		right:10px;
		width:80px;
		bottom:0px;
		top:auto;
	}
		
		#areaMenuOpener{
			display:none;
		}
		
	/*** profile ***/
	#profile{
		overflow: auto;
	}
	#profile .section-wrapper{
		overflow: hidden;
		height: auto;
		overflow: visible;
	}
	.profile-prologue{
		position:absolute;
		font-size:18px;
		padding:10px;
		width:100%;
		right:auto;
		left:0;
		text-align: center;
	}
		.profile-header{
			font-size:32px;
		}	
		.profile-block-holder{
			width:100%;
			position:relative;
			left:0%;
			top:260px;
		}
			.profile-block{
				width:100%;
			}
	/*** login ***/
	
	#login, #register, #listini, #form-feedback{
		width:380px;
		margin-top:-117px;
		margin-left:-190px;
	}	
			input[type="text"], input[type="password"], select{
				width:200px;
			}	
			input[type="submit"]{
				margin-left:95px;
			}			
		

	/*** collections & downloads ***/
	#emotional-night, #emotional-day, #emotional-night-catalogue, #emotional-day-catalogue{
		width:50%;
		height:100%;
	}
	#emotional-day, #emotional-day-catalogue{
		top:0%;
		left:50%;
	}
	#emotional-night h1, #emotional-day h1, #emotional-night-catalogue h1, #emotional-day-catalogue h1{
		margin-top:-44px;
		font-size:44px;
		line-height:46px;
	}
	
	/*** products ***/
	a.prod{
		width:60%;
		left:20%;
		float:none;
	}
	
	#product{
		overflow:auto;
	}
	
	.coll-menu, .coll-type-menu{
		position:relative !important;
		width:100%;
		top:auto;
		left:0%;
		text-align: center;
		border-bottom:1px solid #666666;
		overflow: hidden;
		float:none;
	}
	.coll-menu{
		margin-top:70px;
	}
	.coll-type-menu{
		right:auto;
		height:30px;
	}
	#product .logo{
		position: relative;
	}
	#product-submenu{	
		position:relative;
		top:auto;
		width:80%;
		left:10%;
		margin-left:0;
		margin-top:10px;
		overflow:hidden;
		margin-bottom:0;
	}
		#product-submenu a{
			width:47%;
			margin-bottom:10px;
		}
	
	#product-scroll-wrapper{
		position:relative;
		overflow-y:visible;
		top:auto;
	}
	
	.product-spacer{
		font-size:50px;
		margin-bottom:20px;
		padding-top:10px;
	}
		

	/*** finiture interne ****/
	#int-fin-block-holder{
		
	}
	.int-fin-block{
		
	}
		.int-fin-block img{
			width:60%;
		}
		.int-fin-text{
			width:35%;
			margin-left:2%;
		}

	#prod-menu-opener{
		display:none;
	}
	#product-name h1{
		width:100%;
		left:0%;
	}
	#product-info-opener{
		width: 33px;
		bottom:auto;
		top:80px;
	}
	#product-info{
		bottom:auto;
		top:80px;
	}
	#product-info-opener h2{
		font-size:18px;
		left:36px;
	}
		.prod_open_arrow{
			position: absolute;
			top:15px;
			left:13px;
		}
	#product-info-header{
		padding:2px 10px 2px 30px;
		background-position: center left;
	}
		#product-text{
			padding-left:30px;
		}
	#prod-img-counter{
		display:none;
	}
	
	/*** gallery ***/
	#product-gallery{
		margin-top:80px;
	}
		
		#product-gallery div{
			background-size:contain;
			background-repeat:none;
			/*position: absolute;
			width:100%;
			height:100%;	
			overflow: hidden*/;
		}
	
	a.back{
		color:#CBCBCB !important;
		background:none !important;
		left:10px;
		top:10px;
	}
	#prod-img-nav{
		top:60px;
		bottom:auto;
		left:0px;
		right:auto;
	}	
		.next{
			position: absolute;
			bottom:0;
		}
	/********** news ********/
	#news .section-wrapper{
		padding:0 0 0 10px;
	}
	#news-list{
	}
	#news-item{
		width:64%;
	}
	.news-title{
		font-size:14px;
	}	
	
	
	#lightbox-panel .didascalia{
		top:10px;
		font-size:12px;
		width:80%;
		left:10%;
	}
	
	#lightbox-panel .counter{
		font-size:16px;
		left:10px;
		bottom:20px;
	}
	
	/***** download ******/
	#download .section-wrapper{
		padding:0 10px;
	}
		#download-holder{
			width:100%;
			margin-left:0;
		}
			#download-holder a{
				font-size:18px;
				padding:20px 0;
			}
	
	/******** contacts *******/
	#contact_header{
		font-size:16px;
		margin-top:65px;
		margin-left:10px;
	}
	
	#map_canvas{
		top:120px;
	}
	
}		
		
@media screen and (max-width: 400px) {
	/*** collections ***/
	#emotional-night, #emotional-day, #emotional-night-catalogue, #emotional-day-catalogue{
		position: absolute;
		width:100%;
		height:50%;
	}
	#emotional-day, #emotional-day-catalogue{
		top:50%;
		left:0;
	}
	#emotional-night h1, #emotional-day h1, #emotional-night-catalogue h1, #emotional-day-catalogue h1{
		margin-top:-40px;
		font-size:40px;
		line-height:40px;
	}
	#emotional-day h1, #emotional-day-catalogue h1{
		margin-top:-60px;	
	}
		#emotional-night-catalogue .cover, #emotional-day-catalogue .cover{
			background-image:url(../img/download/download-button-small.png);
		}
		#emotional-night-catalogue .cover span, #emotional-day-catalogue .cover span{
			font-size:16px;
			margin-top:20px;
		}
		
	html, body{
		min-height:
	}
	
	#logo-home{
		width:230px;
		margin-left:-115px;
		margin-top:-59px;
	}
	#text-home{
		font-size:22px;
	}
	
	.product-spacer{
		font-size:24px;
	}
	.profile-header{
		font-size:26px;
	}
		
	
	.coll-type-menu a{
		margin-right:5px;
		margin-left:5px;
	}
	.coll-type-menu a span{
		font-size:12px;
	}
	#product-submenu{
		width:300px;
		left:10px;
	}
	#product-submenu a{
		width:100%;
		margin-bottom:6px;
	}
	a.prod{
		width:80%;
		left:10%;
	}
	#lightbox-next{
		right:5px;
	}
	#lightbox-prev{
		left:5px;
	}
	
	#map_canvas{
		top:160px;
	}
	
	.fin-block-wrapper{
		width:100%;
	}
		.fin-block-holder{
		}
		.fin-block{
			width:143px;
		}
			.fin-block img{
				width:143px;
				height:auto;
			}		
	
		/*** login ***/
	
	#login, #register, #listini, #form-feedback{
		width:280px;
		left:0;
		margin-left:20px;
		margin-top:-117px;
	}	
			input[type="text"], input[type="password"], select{
				width:180px;
			}				
			#forgotten_password{
				margin-top:-20px;
			}
	#listini a{
		font-size:16px;
		padding:10px 0;
	}	
	.login-header{
		width:40px;
	}	


 }