/* mobile */
@media only screen and (max-width: 768px){
	
	body { font-size: 20px; line-height:30px; }
	input, select { height: 45px; }
	input, textarea, select { border-radius:0; line-height:inherit; padding: 10px; }
	.btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; margin:10px 0 0 0; }
	textarea { margin-bottom:20px; }
	form .row { margin:0px; }
	form .col { margin-bottom:10px; }
	
	.iphone_hide { display:none; }
	.iphone_show { display:block; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding:0 20px; max-width:100%; }
	.content-small { padding:0 20px;  }
	
	.mt20 { margin-top:10px; }
	.mb40 { margin-bottom: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%; }
	
	h1, #footer h1 { font-size: 34px; line-height:40px; text-align:center; }
	h2 { font-size:34px; line-height:40px; }
	h3 { margin: 10px 0; font-size:30px; }
	.pl40 { padding-left: 0px; } 
	.pr40 { padding-right: 0px; }
	.break { margin-top:40px; }
	
	.overlay { padding: 8px; font-size:10px; }
	div.top { right:20px; bottom:20px; }
	.mt80 { margin-top:20px; }
	.sidbarmenu { display:none; }
	
	
	#header { height: 160px; } 
	#header .logo { width:200px; margin:0 auto;}
	#header .lang { position:absolute; top:60px; }
	#header .menu li { text-align:center; font-size:30px; padding:20px; display:block; }
	#header .menu a { color:#FFF; }
	#header .menu { display:none; position:fixed; top:0; bottom:0; left:0; right:0; align-content: center; z-index:222; background:#000; }
	
	#footer { font-size:18px; line-height:28px; padding:0px; }
	#footer img { height: 50px; }
	#footer .grid { grid-template-columns: 1fr; }
		
	.header-section { padding: 20px; }
	
	.list-servizi { grid-template-columns: 1fr; padding: 0 20px; } 
	.grid-4 { grid-template-columns: 1fr 1fr;  } 
	.grid-2, .grid-3 { display:block; text-align: center; } 
	.grid-2.gallery { margin-top:40px; }
	.grid-2 img { margin-bottom:20px; }
	.gap20 { gap:5px; }
	.list-recensioni li { min-height:300px; }
	
	.cover { max-width:100%; height:240px; background-attachment: inherit; margin:0px; }
	.parallax { height: calc(100vh - 240px);  background-attachment: inherit;  }
	.parallax .text { top: 0px; padding:20px; width: 100%; }
	
	.separator { padding:20px 0; }
	.share { position:relative; width:inherit; text-align:center; margin:0 auto; margin-top:20px; }
	.share h3 { font-size:13px; text-transform:uppercase; }
	.share ul li { display:inline-block; margin:0; border:0px; }
	
	.gallery .col:nth-child(n) { margin-left:0; }
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 0; width: 100%; }
	.gallery .col:first-child { margin-left: 0; }
	.gallery .col:nth-child(2n+1) { margin-left:0px; }
	.gallery figure { margin:0px; }
	.gallery .col { width: 49.2%; }
	.pagination { text-align:center; }
	
	.grid .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:1.6%; }
	.grid .span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2 { width: 49.2%; }
	.grid .span_1_of_3 { width: 49.2%; }
	.grid .span_1_of_4 { width: 49.2%; }
	.grid .span_1_of_5 { width: 49.2%; }
	.grid .span_1_of_6 { width: 49.2%; }
	
	.slick-prev { left: 0; top: 40%; }
	.slick-next { right: 0; top: 40%; }
	
	.hamburger { background:#FFF; display: block; top:50px; left: 10px; position: fixed; z-index: 2222; padding: 12px 5px; width: 50px; height: 50px; border-radius:600px; }
}

/* iPad Pro */ 
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { 

}



/* 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) {

}



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