/* mobile */
@media only screen and (max-width: 768px){
	
	#alert { position:fixed; bottom:0; left:0; right:0; }
	
	body { font-size: 14px; line-height: 20px; }
	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;  }
	.main-slide .content { padding:0px; }
	
	.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 { font-size: 20px; background-size: 100px; margin-bottom:40px; line-height:normal;  }
	h3 { margin: 10px 0; }
	.pl40 { padding-left: 0px; } 
	.pr40 { padding-right: 0px; }
	.break { margin-top:40px; }
	h1.section { font-size: 38px; padding:0px; margin: 20px 0 40px 0; line-height:34px;  }
	h2 { font-size:38px; }
	
	.overlay { padding: 8px; font-size:10px; }
	div.top { right:20px; bottom:20px; }
	.footer .col { margin-bottom:20px; }
	
	#header { height: 120px; padding: 20px; }
	#header .box-social { top:20px; left: 10px; }
	#header .box-lang { display:none; }
	
	#header img.logo  { height: 33px; left:20px; }
	#header .menu { display:none; }
	#sidebar-btn { display:block; }
	
	#header li a:hover, #header li a.selected { color:#8893CD; }
	#header li.lang { display:block; }
	#header.smaller { height: 70px; }
	#header.smaller img.logo { height:20px; margin:0px; top:25px; display:block; }
	
	.menu li.searchmenu { display:block; background:#0F3194; color:#FFF; }
	.searchmenu input[type='text'] {border-bottom:1px solid #FFF; color:#FFF; }
	.searchmenu button { background:none; }
	.searchmenu input:focus{ border:0px; border-bottom:1px solid #CCC; }
	#main { margin-top: 120px; }
	.item-row h1 { margin: 20px 0; }
	.more { margin-top: 20px; }
	.scroll { padding: 0 50px; margin-top:-50px; }
	#preview #header.smaller a { color: #FFF; }
	
	
	
	.menu ul { text-align:center; }
	.menu { right:0px; left:0px; top:0px; }
	.menu li { margin: 0px; padding:0px; }
	
	#footer { font-size:13px; padding:20px;  }
	#footer .logo img { height: 20px; width:auto; margin-bottom:20px;  }
	#footer .social { position:relative; top:inherit; right:inherit; font-size:14px;  }
	#footer .social li { margin:0 20px 20px 0; }
	#map { height:250px; width:100%; color:#000; }
	
	.product-list {  grid-template-columns: 1fr; row-gap:80px; max-width:80%; margin: 0 auto; } 
	.product-list h2 { font-size: 28px; margin: 10px 0 5px 0; line-height: 28px; }
	
	
	.slide li { height: calc(100vh - 240px); }
	.slide li h1 { font-size: 40px; }
	
	.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%; }
	.scheda h1 { font-size: 36px; margin:0; line-height:40px; }
	.scheda .text { font-size: 16px;  }
	
	.main-slide { height:300px; overflow:hidden;}
	.main-slide img { height:300px; width:auto; }
	.item-row { padding:0px; }
	.box-news.grid .span_1_of_4, .box-news.grid .span_1_of_2 { width:100%; }
	.box-news .col.item { margin:0 0 40px 0; }
	.box-news h2 { font-size: 16px; line-height: 22px; margin:10px 0; }
	.box-news .text { min-height: 200px; }
	.contacts .col { margin-bottom:40px; }
	
	.services .item-row { margin-bottom:40px; }
	.services .item-row .image { width:100%; float:none; margin-bottom:20px }
	.services .item-row .text { width:100%; padding:0px; float:none;  }
	.content-small.intro { margin-bottom:40px; }
	
	.products .item { height:320px; }
	
	.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; }
	
	.box-vision { margin-bottom:20px; }
	#vision.item-row { padding:20px; }
	form .row.privacy { margin-bottom:20px; }
	
	.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%; }

	.blog .item { padding:0px; }
	.list-blog .item .gallery .item { margin-bottom:0; }
	.list-blog .item { margin-bottom:20px; padding-bottom:20px; text-align:center; }
	.list-blog .item figure { margin-bottom:10px; }
	.list-blog .item h2 { font-size:22px; margin:5px 0 10px 0; }
	.list-blog .videoWrapper { margin-bottom:10px; }
	
	.about .item-row { padding: 40px 20px;}
	.about .span_1_of_3 { padding: 20px 0; }
	
	#lato { background:#EEE; padding:20px; margin:40px 0; }
	#lato .input_search .span_3_of_4 { width:80%; }
	#lato .input_search .span_1_of_4 { width:20%; }
	
	.press { column-count: 2; -webkit-column-count: 2; column-gap: 20px;  -webkit-column-gap: 20px; line-height:normal;  }
	.press .item { break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; }


	.subnav i { font-size:30px; top:15px; }
	.subnav .left { width:50%; float:left; padding-top:50px; text-align:left; }
	.subnav .left a { padding:40px 0; left:0; text-align:left; position:relative; width: auto; }
	.subnav .left i { left: 0px; top: 0px; margin:0px; }
	.subnav .right { width:50%; float:right; padding-top:50px; text-align:right; }
	.subnav .right a { padding:40px 0; right:0; text-align:right; position:relative; width: auto; }
	.subnav .right i { right: 0px; top: 0px; margin:0px; }
	
	.box-newsletter { padding: 20px 0; max-width: 300px; }
	.box-newsletter .select li { margin:10px 20px 20px 0;  float:left; }
	.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%; }
	
	
	.global-site-notice { right:0px; bottom:0px; left:0px; }
	
	.slick-prev { left: 0; top: 40%; }
	.slick-next { right: 0; top: 40%; }
}

/* iPad Pro */ 
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { 
	#header .menu { display:none; }
	#sidebar-btn { display:block; }
	#header .box-lang { top: 20px; right: 80px; }
}



/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {
		
	#header .logo img { width:120px; height:auto; }
	.header .menu { margin-bottom:10px; }
	.content { max-width:100%; }
	.box-newsletter { max-width: 600px; }
	.cover { max-width:100%; height:550px; background-attachment: inherit; }	
}



/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	
	#header .logo img { width:120px; height:auto; }
	#homepage-video {  height:550px; }
	.nav-list { top:140px; }
	.cover { height:550px; }
	.team .span_1_of_6 { width:33%; }
	.box-newsletter { max-width: 400px;  }
}



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