/* mobile */
@media only screen and (max-width: 800px){
	
	.phone_show { display:block; }
	.phone_hide { display:none; }

	form .row { margin-bottom:0px; }
	input, select, textarea, input.col { margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	.form_contatto input[type='submit'] { margin: 20px 0 60px 0; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 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%; }

	.span_50 { width: 100%; float:none; }

	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	p.preview { font-size:15px; line-height:20px; }
	.tabs .span_1_of_3 { width: 32.2%; }
	.tabs .col { margin-left: 1.6%; }
	.tabs .col:first-child{ margin-left: 0; }
	.tabs a { padding: 10px; line-height:20px; }
	.tabcontent { padding: 10px; }
	.title_accordion { padding: 10px; }
	.size { text-align: left; font-weight:bold; }
	.page-break { margin-top:20px }
	
	h1 { font-size: 24px; margin-bottom:20px;}
	h1.title { font-size: 24px; margin:20px 0 40px 0; padding-bottom:10px;  }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	#main { padding-top:0px; margin-top:110px; }
	.slide li { height:250px; }

	#header { left:0; right:0; top:0; padding:20px 0; }
	#header .content { padding:0px; }
	#header .menu { position:fixed; top:8px;  }
	#header .logo img { width:150px; height:auto; margin:0 20px; }
	
	#footer { padding:20px; text-align:center; }
	
	.item-row { padding:30px 20px; }
	.item-row h2 { font-size: 22px; }
	.gallery .span_1_of_2 { width: 49.2%; }
	.gallery .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.gallery .col:first-child { margin-left: 0; }

	#footer .maps { display:none; }
	.flex-center { display:block; }
	.flex-center .span_1_of_2:last-child { padding:20px; }
	
	.grid.list-service .item { width:100%; margin-left:0px; }
	.grid.list-service .item:nth-child(n) { margin-left:0px; }
	
	
	.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_3 { width: 49.2%; }
	.grid .span_1_of_2 { 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%; }

	div.top { right:20px; bottom:20px; z-index:200;}

	#header .menu a { color: #FFF; background:#EA5328; font-size:16px;  }
	#header .menu a:hover { background:#7EBA28; }
	
	.nav .divider { border-right:0px; margin-right:0px; padding-right:0px; }
	.nav-mobile { display:block; position:absolute; right:20px; left:inherit; color:#444}
	.nav { width:100%; padding:40px 0 0 0; margin:0;  }
	.nav-list { display:none; position:absolute; z-index:2; top:75px; right:0px; left:0px; }
	.nav-item { width:100%; float:none; position:relative; border-bottom:1px solid #FFF; }
	.nav-item > a { display:block;  padding: 15px 20px;  }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; background:#000; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; }
	.nav-submenu { padding:0; margin:0px; }
	.nav-submenu-item a { border:0; font-size: 14px; margin:0px; padding: 10px 40px; color:#FFF; }
}


/* iphone 6-7-8 orizzontale  */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape){
	.grid.list-service .item { width: 49.2%; }
	.grid.list-service .item.col { margin: 0 0 1.6% 1.6%;  }
	.grid.list-service .item.col:first-child { margin-left: 0; }
	.grid.list-service .item:nth-child(2n+1) { margin-left:0px; }
}
/* iphone 6-7-8 verticale  */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){
	
}

/* iphone X orizzontale  */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape)  and (-webkit-device-pixel-ratio: 2){
	.grid.list-service .item { width: 49.2%; }
	.grid.list-service .item.col { margin: 0 0 1.6% 1.6%;  }
	.grid.list-service .item.col:first-child { margin-left: 0; }
	.grid.list-service .item:nth-child(2n+1) { margin-left:0px; }
}
/* iphone X verticale  */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait)  and (-webkit-device-pixel-ratio: 2){
	
}

/* iphone 11 PRO orizzontale  */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape)  and (-webkit-device-pixel-ratio: 3){
	.grid.list-service .item { width: 49.2%; }
	.grid.list-service .item.col { margin: 0 0 1.6% 1.6%;  }
	.grid.list-service .item.col:first-child { margin-left: 0; }
	.grid.list-service .item:nth-child(2n+1) { margin-left:0px; }
}
/* iphone X verticale  */
@media only screen and (min-device-width: 375x) and (max-device-height: 812px) and (orientation : portrait)  and (-webkit-device-pixel-ratio: 3){
	
}