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

}


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

	label { padding-top:8px; display:block; }
	input, select { height: 45px; }
	input, textarea, select { border-radius:0; line-height:normal; padding:5px 10px; }
	form input.col, form input, form select { margin:0 0 10px 0; }
	form .row { margin-bottom:0px; }
	form .buttons { margin: 20px 0; }
	form .buttons .col { width: 49.2%;  }
	form .buttons .col:first-child { margin-left: 0; }
	form .buttons .col { display: block; float:left; margin: 0 0 0 1.6%; }
	form .privacy { margin:10px 0; }
	.filter { margin-bottom:40px; }
	.label { padding:0 0 10px 0; text-align:left; }
	.msg_error { margin: 20px 0; }

	.btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; }
	.col.break, .break { margin-top:20px;}
	.item-row.break { margin-top:20px;}
	td { line-height: normal; }

	h1 { margin-bottom:20px; font-size:24px; line-height: 30px; }
	h2 { font-size:24px; line-height: 30px; }
	h2.section { margin:20px 0; font-size: 18px; font-weight:bold; }
	h3.section { margin:30px 0; font-size: 18px; font-weight:bold; }

	.iphone_hide { display:none; }
	.iphone_show, #header li.iphone_show { display:block; }

	.wrapper { min-width:0px; width:100%; }
	.content { padding:20px; max-width:100%; }
	.content-large { width:100%; }
	

	.mt40 { margin-top: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%; }
	
	form .grid-3 { display:block; }
	form .grid-2 { grid-template-columns:1fr 1fr;  }

	div.top { right:20px; bottom:20px; }
	
	
	#header .social { right:60px; top:30px; font-size:16px; }
	#header .container.row { font-size:11px; line-height:11px; padding:10px 20px; }
	#header .row .search { grid-template-columns: 120px 50px; }
	#header .row img { margin: 0 20px; }
	#header nav { top:80px; right:0; left:0; background:#000; display:none; padding:20px; position:fixed; z-index:22; }
	#header nav li { display:block; font-size:18px; }
	#header nav li a { color:white;  padding:10px 0; display:block; }
	#header nav li a.selected { color: #D9801C; }
	
	#header.smaller .logo { width: 200px; position:fixed; top:20px; left:20px; }
	#header.smaller .logo img { width:200px; height:auto; }
	#header.smaller nav { top:80px; }
	#header.smaller .social { top:30px; }
	#header.smaller .container { height:80px; background:#FFF; }
	
	
	
	.intro.grid-2 { grid-template-columns: 1fr 1fr; gap:0; }
	.intro div .text h2 { padding:10px 20px; font-size: 20px; line-height:25px; }
	.evidence h3 { padding:10px; font-size:16px; }
	.categorie { grid-template-columns: 1fr;  }
	.grid-categorie { grid-template-columns: 1fr 1fr; gap:10px;}
	.categorie .bg { padding:10px; }
	.search { font-size:16px; text-align:right; gap:0; }
	.categorie .all { margin-bottom:20px;  }
	.categorie .search { font-size:16px; }
	.banner-3 { grid-template-columns: 1fr; }
	.banner-3 .text { padding:20px; }
	
	.footer .social li { margin:0 2px; }
	.footer img { display:inline-block; }
	.footer div { padding:0px; }
	.footer .grid { display:block; padding: 0 20px; }
	
	#main { margin-top:140px; }
	.cover { height:150px; overflow:hidden; margin:0px; }
	.cover .text { padding:20px; background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 90%); }
	.cover img { height:150px; width:auto; }
	.cover h1 { font-size:22px; line-height:25px; font-weight:normal; margin:0px; }
	.maps iframe { height:300px; }
	.about { padding:0px; }
	.about .text { padding:20px; }
	.list-products ul { grid-template-columns:1fr 1fr;  gap:10px; }
	.list-products li figure { padding:20px; }
	.scheda { padding:0px; }
	.scheda .image { min-height: 150px; }
	.scheda h1 { line-height: 30px; margin:20px 0; }
	.tabs { padding:0px; margin-top:50px; }
	.tabs a { padding:10px 10px; font-size:13px; }
	.tab-content { padding:20px 0; }
	.related { padding:0px; }
	.grid-green { grid-template-columns:1fr 100px; }
	.projects .grid-3 { display: grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
	.projects h2  { margin:10px 0; }
	.news h2.title { font-size: 28px; }
	.news h2.title span { font-size: 38px; }
	
	
	.grid-2 { display: grid; grid-template-columns:1fr; gap:20px; }
	.grid-3 { display: grid; grid-template-columns:1fr; gap:20px; }
	.grid-4 { display: grid; grid-template-columns:1fr 1fr; gap:20px; }
	.grid-5 { display: grid; grid-template-columns:1fr 1fr; gap:20px; }
	.grid-6 { display: grid; grid-template-columns:1fr 1fr; gap: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_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%; }


	.ecogreen { grid-template-columns: 1fr; }
	.grid-download { padding:40px 10px; }
	.treeview-file, .treeview-folder { white-space:inherit; }
	.cover-small { height: 400px; }
	.cover-small h1 { font-size:20px; line-height:26px; padding:20px 20px; }
	.ecogreen img { float:right; width:100px; margin:0 0 20px 20px;  }

	
	.hamburger { display:block; z-index:1; padding:12px 10px; position:fixed; top:20px; right:15px; background:black; border-radius:200px; width:40px; height:40px; }
	.grid-spareparts { grid-template-columns: 1fr; gap:20px; }
	.grid-spareparts .item { font-size:16px; }
	.grid-spareparts .item li { padding: 4px 30px 5px 10px; }
	.list-products { grid-template-columns: 1fr 1fr; grid-gap: 10px; }
	.list-products .item { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto;  -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
	.list-products.small { grid-template-columns: 1fr 1fr; }
	.scheda, .account { display: block; gap:0; }
	
	
	.contentTimeline { display:grid; grid-template-columns: 1fr; gap:20px; }
	.titleHistory { font-size:30px; line-height:20px; padding-left:20px; }
	.timeline::after { left: 31px; }
	.timeline .container { width: 100%; padding-left: 70px; padding-right: 25px; }
	.timeline .container::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }
	.timeline .left::after, .right::after { left: 15px; }
	.timeline .right { left: 0%; }
	.timeline .left { text-align:left; }
	
	
}

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