@media only screen and (max-width: 2000px){
	.page { left:38%; }
}
@media only screen and (max-width: 1700px){
	.page { left:35%; }
}
@media only screen and (max-width: 1300px){
	.page { left:30%; }
}
@media only screen and (max-width: 990px){
	.page { left:inherit; }
}


/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {
	
}

/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	
	.iphone_show { display:block; }
	.iphone_hide { display:none; }

}


/* mobile */
@media only screen and (max-width: 768px){
	
	.btn.col { margin-bottom:10px; }
	.btn.col:last-child { margin-bottom:0px; }
	
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding:40px 20px; }

	.col { margin:0px; }
	.span_1_of_2 { width: 100%; }
	
	.span_1_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_3_of_3 { width: 100%; }
	
	.span_1_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	
	.span_1_of_5 { width: 100%; }
	.span_2_of_5 { width: 100%; }
	.span_3_of_5 { width: 100%; }
	.span_4_of_5 { width: 100%; }
	.span_5_of_5 { width: 100%; }

	.span_1_of_6 { width: 100%; }
	.span_2_of_6 { width: 100%; }
	.span_3_of_6 { width: 100%; }
	.span_4_of_6 { width: 100%; }
	.span_5_of_6 { width: 100%; }
	.span_6_of_6 { width: 100%; }
	
	.span_1_of_8 { width: 100%; }
	.span_2_of_8 { width: 100%; }
	.span_3_of_8 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_6_of_8 { width: 100%; }
	.span_7_of_8 { width: 100%; }
	.span_8_of_8 { width: 100%; }
	
	.span_1_of_10 { width: 100%; }
	.span_2_of_10 { width: 100%; }
	.span_3_of_10 { width: 100%; }
	.span_4_of_10 { width: 100%; }
	.span_5_of_10 { width: 100%; }
	.span_6_of_10 { width: 100%; }
	.span_7_of_10 { width: 100%; }
	.span_8_of_10 { width: 100%; }
	.span_9_of_10 { width: 100%; }
	.span_10_of_10 { width: 100%; }
	
	
	div.top { right:20px; bottom:20px; }
	body { font-size:16px; line-height:20px; }
	i { padding:8px; }
	
	.header .content { padding:10px 0; }
	.header .logo { text-align:center; padding:10px 0; }
	.header .menu { margin-top:-70px; text-align:center; }
	.header .nav { padding:0px; }
	.header .nav li { border-left:0px; }
	.header .nav li:first-child { border-bottom:1px solid #EEE;  }
	.header li.lang { display:inline-block; border-bottom:1px solid #EEE; }
	.header li.lang a  { display:inline-block; }
	.header li.lang:after { display:none; }
	
	.number {  width:150px; color:#FFF;  text-shadow: 1px 1px 1px #000; top:10px; }
	.number h1 { font-size:60px; margin:0px; }
	
	.main { margin-top:20px; }
	.item-row { padding: 0px; position:relative; line-height:normal; } 
	.item-row .col { padding:10px 0; }
	.footer .content { padding:20px 20px; width:100%; font-size:16px; }
	
	.slide li .title { display:none; }
	
	.home .main h1 { font-size:60px; letter-spacing:50px; }
	.home .main { position:absolute; top:35%; left:50%; margin-top:-30px; margin-left:-150px; width:300px; height:60px; }
	.header .nav li { margin:0px; }
	
	.gallery .span_1_of_6 { width: 49.2%; }
	.gallery .item:nth-child(2n+1) { margin-left:0px; }
	.gallery .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.gallery .col:first-child { margin-left: 0; }

	.header li.separator { margin-left:0px; }
	
	.nav-mobile { display:block; position:absolute; right:0px; left:0px; left:inherit; }
	.nav { width:100%; padding:40px 0 0 0; margin:0;  }
	.nav-list { display:none; position:absolute; z-index:2; top:60px; right:0px; left:0px; }
	.nav-item { width:100%; float:none; position:relative; border:0px; margin:0px; background-color:#FFF; border-bottom:1px solid #EEE; }
	.nav-item > a { display:block; padding: 8px 15px; margin:0px; }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; background:#DDD; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; }
	.nav-submenu { padding:0; }
	.nav-submenu-item a { padding: 10px 40px; border:0; color:#666; font-size: 14px; }

}

@media only screen and (max-width: 400px){
	.iphone_hide { display:none; }
}