/* 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) {
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	h1 { font-size:24px }
	
	.slide li h1 { font-size:24px; }
	.scheda h1 { font-size:28px; margin: 20px 0 20px 0; }

}


/* mobile */
@media only screen and (min-width: 320px) and (max-width: 768px) {
	* { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	
	.btn.col { margin-bottom:10px; }
	.btn.col:last-child { margin-bottom:0px; }
	.label { text-align:center; padding-bottom:10px; display:block; }
	
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	h1 { font-size:22px }
	h2 { font-size:18px; }
	.button_link { width:100%; text-align:center; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding: 0 10px; }
	
	.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%; }
	
	div.top { right:20px; bottom:20px; }
	
	header { padding: 10px; min-height: 60px; }
	header .logo h1 { height:40px; width:150px; background-size: 140px 50px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s;  -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;  }
	header.smaller .logo h1 { height:auto; width:auto background-size: auto; }
	header .menu { padding:0;  }
	header .menu ul { float:none; }
	header .menu li { float:none; margin:0;  }
	
	#main { margin-top:100px; }
	#main.references { margin-top:120px; } 
	
	.slide .menuslide { display:none; }
	
	.slide li { height:250px; min-height:250px; }
	.slide li h1 { font-size:18px; }
	.slide li p { font-size:18px; }
	.slide li .content { top:102px; left:50px; width:300px; }
	
	.box .content { margin-top:0px; }
	.box_item .span_1_of_2 { width: 49.2%; } 
	.box_item .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.box_item .col:first-child { margin-left: 0; }
	.box_item .item { height:250px; margin-bottom:20px; }
	.box_item .item .text { min-height:130px; }
	
	.about .item .content { padding: 10px; }
	
	.about .item h2 { font-size:26px; }
	.about .item2 { padding: 20px 0; }
	.about .item2 h2 { font-size:16px; }
	.about .item2 .col { padding: 0px; margin-bottom:20px; }
	.about .item2 .text { padding: 20px; height:400px; background: #FFF; }
	
	.product h1 { font-size:22px; }
	.product .span_1_of_3 { width: 49.2%; } 
	.product .col, .product .list .item:nth-child(3n+1) { display: block; float:left; margin-left:1.6%; }
	.product .list .item:nth-child(2n+1) { margin-left:0px; }
	.product .col:first-child { margin-left: 0; }
	.product .list p { display:none; }
	.product .list .item .text { min-height:100px; }
	.product .list .item h3 { font-size:14px; }
	
	.references .span_1_of_5 { width: 49.2%; } 
	.references .col, .references .list .item:nth-child(5n+1) { display: block; float:left; margin-left:1.6%; }
	.references .list .item:nth-child(2n+1) { margin-left:0px; }
	
	
	.scheda .text { margin: 20px 0; font-size:14px; }
	.scheda .others { padding:10px; }
	.scheda .others .span_1_of_4 { width: 49.2%; } 
	.scheda .others .col, .scheda .others .list .item:nth-child(4n+1) { display: block; float:left; margin-left:1.6%; }
	.scheda .others .item:nth-child(2n+1) { margin-left:0px; }
	.scheda .others h3 { margin:5px 0 20px 0; font-size:14px; }
	.scheda .others h2 { margin-bottom:10px; }
	.scheda .others .text { margin:0 0 20px 0; padding-top:5px; }
	
	.contact #map { height:300px; } 
	.contact .form .rows { margin-bottom:0px; }
	.contact .form input, .contact .form select, .contact .form textarea { margin-bottom:10px; }
	.contact .form .privacy { margin: 10px 0; }
	.contact .buttons .span_1_of_2, .contact .antispam .span_1_of_2 { width: 49.2%; } 
	.contact .buttons .col { display: block; float:left; margin-left:1.6%; }
	.contact .buttons .col:nth-child(2n+1) { margin-left:0px; }
	
	
	.nav-mobile { display:block; z-index:1000; float:right; }
	.nav-list { display:none; }
	.nav-item { width:100%; float:none; position:relative; }
	.nav-item > a { padding:10px 0; color:#FFF; padding-left:10px; }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; border-bottom:1px solid #555; background:#162C4E; }
	.nav-submenu { padding-top:0; }
	.nav-submenu-item { float:none; }
	.nav-submenu-item a { padding: 10px 10px 10px 30px; width:auto; }
	.nav-submenu-item:last-child a { border-bottom:0px; }
	
	
	
}

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

}