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

}


/* mobile */


@media only screen and (max-width: 850px){

	.phone_show { display:block; }
	.phone_hide { display:none; }

	form .rows, .box-form .rows { margin-bottom:0px; }
	input, select, textarea, input.col { margin-bottom:10px; line-height:normal; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	input[type='submit'] { margin-top:20px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	
	body { font-size: 15px; }
	p { line-height: 22px; }
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0; }
	.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;  }
	.span_50.text { padding:0px; }

	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	.pl40 { padding-left:0px; }
	.break { margin-top:40px; }
	a.selected { border:0px; opacity:0.5; }
	
	
	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: 28px; line-height: 36px;  }
	h2, h3 { font-size: 20px; line-height: 26px; } 
	.list-home .text h2 { font-size: 28px; line-height: 36px; }
	
	#header .lang { padding-right:15px; }
	.menu .container { padding: 20px; }
	
	.logo img { margin-left: 5px; height: 50px; transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease-in-out;  }
	#header .menu li { display: block; margin-right:0px;}
	

	nav { display:none; position: absolute; top:0px; border:0px; width:100%; background:#f5c1ca; }
	.hamburger { display:block; position:absolute; top:65px; right:20px; z-index:2; }
	.box-form { padding: 0 20px; }
	.grid-3, .grid-scheda { display:block; }
	.grid-scheda div { margin-bottom:20px; }
	.item-product .image { padding: 40px; }
	.container { padding: 0 20px; }
	.scheda h1 { margin: 20px 0; }
	.box-form { margin-bottom:40px; }
	
	.grid-3.team { display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom:20px; }
	
	.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;}


}