/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.scroller { margin-top:-220px; width:100%; }
	.scheda_prodotti .scroller { margin-top:0; }
	.sf-menu a { padding-top:4px; padding-bottom:4px; }
	#header .logo {  margin: 10px 0; }
	.logo { height:20px; }
	#main.product .container .text { position:absolute; top:35px; padding:0px; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px; }
	.scroller .bx-wrapper .bx-pager, .scroller .bx-wrapper .bx-controls-auto { bottom:20px; }

}


/* mobile */
@media only screen and (max-width: 720px){

}

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

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

	form .row { margin-bottom:0px; }
	input, select, textarea, input.col { color:#000; margin-bottom:10px; line-height:normal; padding: 5px 10px; -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; }
	input[type="submit"], input[type="button"], input[type="reset"], button, a.btn { width: 100%;  text-align: center; }
	.map { height:300px; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 20px; }
	.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; }
	
	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:30px; margin:0 0 20px 0; line-height:normal; line-height: 38px; }
	h2 { font-size: 20px; }
	h3, .item-row h3 { font-size: 20px; line-height: 28px; }
	
	#header.smaller .logo img { height:60px; }
	header .logo { left:40px; top:30px; right:40px; text-align:center; z-index:999; }
	header .logo img { display:inline; height:60px; }

	header nav { position:fixed; z-index:222; right:0px; top:0px; bottom:0px; left:0px; width:100%; max-width:100%; padding:120px 0 0 0; background:#000; display:none; }
	header ul li { display:block; padding:0px 40px; text-align:left; height:inherit; }
	header ul li a { font-size:20px; padding:5px; }
	header ul li a:hover::after, header ul li a.selected::after { width:0%; }
	header.smaller nav { top: 0; }
	
	
	#footer .headline img { width: 160px;  }
	#footer { padding:0px; margin-top:20px; }
	#footer .content { padding:20px; }
	#footer .col { margin-bottom:20px; text-align:center; }
	#footer li { padding:3px 0; }
	.grid-footer { display:grid; grid-template-columns:1fr 1fr; gap:20px;  }

	#main.page { margin-top: 110px; }
	
	.slide { margin:0px; }
	.slide li { height: -moz-calc(100vh - 150px); height: -webkit-calc(100vh - 150px); height: calc(100vh - 150px); }
	.slide .container { font-size:16px; padding:20px 40px; display:block; bottom:0px; top:inherit; }
	.slide .container h3 { font-size:16px; line-height: 24px; }
	
	.sidbarmenu { bottom: 20px; }
	.discipline figure { border-radius: 10px; margin-bottom:5px;}
	.discipline div { margin-bottom:20px; }
	.scheda { padding: 0 20px; }
	
	.grid-4 { grid-template-columns: 1fr; gap:10px; }
  	.grid-3 { grid-template-columns: 1fr; gap:20px; }
 	.grid-3.list-pack { grid-template-columns: 1fr;  }
  	.grid-3.list-pack .item { margin-bottom:20px;  }
  	.grid-2 { display: grid; grid-template-columns: 1fr; gap: 0px; }
  	
  	.list-team { grid-template-columns: 1fr 1fr; gap:20px; }
  	.team h3 { margin-top:20px; }
  	.team { display:block;  }

	.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; }
	
	.item-row, .item-row-2 { padding:20px 20px; margin-top:20px; }
	.item-row h2 { font-size:20px; line-height: 30px; margin: 0 0 20px 0; }
	.item-row h3 { margin: 0 0 20px 0; }
	
	.blog-template { display:block; }
	.list-blog .item { margin-bottom:40px; }
	
	
	.cover { height:300px; }
	
	.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;}

	.hamburger { display:block; top:30px; right:20px; position:fixed; z-index:2222; padding:12px 10px; width:40px; height:40px; }
}