@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%; background:none; }
	.content { padding:0 20px; }

	.col { margin:0px; }
	.span_1_of_2 { width: 100%; }
	
	.span_1_of_3 { width: 100%; }
	.span_1_of_3-t {
	width: 100%;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	
}

.span_2_of_2-t { 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_3_of_8-2 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_5_of_8-2 { 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; }
	
	.header {
	background: #FFF;
	font-size: 12px;
	position: fixed;
	top: 0;
	z-index: 2000;
	width: 100%;
	padding-top: 2px;
}
	.header .content { padding-bottom:0; }
	.header .lang { float:right; }
	.header .menu { padding-top:5px; text-align:left; }
	.footer { background:#999; font-size:11px; position:fixed; bottom:0px; padding-bottom:20px; padding-top:20px; z-index:998; }

	
	#main img { width:100%; height:auto; }
	#main { width:100%; padding: 40px 0; margin: 65px 0 0 0; }
	#main .pagination { margin: 20px 0 0 0; }
	#main .pagination .span_1_of_2 { width:50%; }
	#main .text .fixed { position:relative; width:100%; }
	#main .text h2 { margin-bottom: 0px; }
	
	h1 { font-size:40px; line-height:30px; margin: 20px 0; }
	h1.big { color:#FFF; position:fixed; top:150px; line-height:normal; }
	
	.list-product .item { width:50%; }    /***************************50%**********100%*************************/
	.list-product .span_1_of_5 { width: 49.2%; } /**********************49.2%*******98.4%*****************************/
	.list-product .item:nth-child(2n+1) { margin-left:0px; }
	.list-product .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.list-product .col:first-child { margin-left: 0; }
	
	.footer { bottom:0px; position:relative; }
	#home .footer { position:fixed; }
	
	.nav-mobile { display:block; z-index:1000; background:#DDD; }
	.nav { width:100%; padding:40px 0 0 0; margin:0; }
	.nav-list { display:none; }
	.nav-item { width:100%; float:none; position:relative; }
	.nav-item > a { padding:10px; background:#DDD;  }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; border-top:1px solid #FFF; }
	.nav-submenu { padding-top:0; }
	.nav-submenu-item a { padding: 10px; background:#EEE; border:0;  }
	.nav-item:last-child { border-top:1px solid #FFF; }
}

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