/* mobile */
@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	input[type='text'], 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%; }
	
	.span_25 { width:50%; float:left; }
	.span_20 { width:50%; float:left; }
	
	
	h1, h2 { font-size:20px; }
	h3 { margin: 10px 0; }
	.pl40 { padding-left: 0px; } 
	.pr40 { padding-right: 0px; }
	.break { margin-top:40px; }
	
	.overlay { padding: 8px; font-size:10px; }
	div.top { right:20px; bottom:20px; }
	#header .logo { text-align:left; }
	#header .logo img { height:30px; margin:15px 0; }
	#header .wrapper { top:0; left:0; right:0; z-index:100; padding:0; }
	#header li, #header li li { margin:0px;  padding:0px;}
	#header li ul { padding:0px; }
	#header .menu ul ul { margin-left:0px; }
	#header .shopping { position:absolute; top: 27px; right: 60px; }
	#header .cart_mini { position:fixed; left:0; top:60px; right:0; width:100%; box-shadow: none; padding: 20px; }
	
	
	#main { margin-top:80px }
	.slide li  { padding:20px 0; height: 350px; }
	.slide li .content { right:50px; left:50px; top:150px; text-align:center; max-width:100%;  }
	.slide li .content h1.section {  font-size:32px; font-family: 'Gotham'; font-weight: bold; letter-spacing:5px; line-height:30px; text-transform:uppercase; }
	.slide li .content h1 {  font-size:32px; line-height:30px; }
	
	
	.footer .social { width:100%; }
	.footer .address { display:grid; grid-template-columns:1fr; gap:20px; }
	
	.grid-products { grid-template-columns: 1fr 1fr; gap: 20px; row-gap:60px; }
	.grid-products .text { line-height: 16px; }
	.scheda .details { padding-left:0px; }
	.grid-varianti { grid-template-columns: 1fr 1fr 1fr; }

	.separator { padding:20px 0; }
	.share { position:relative; width:inherit; text-align:center; margin:0 auto; }
	.share h3 { font-size:13px; text-transform:uppercase; }
	.share ul li { display:inline-block; margin: 0 5px; border:0px; }
	
	.gallery_2 .col { width: 49.2%; }
	.gallery_2 .span_1_of_2:nth-child(n) { margin-left:1.6%; }
	.gallery_2 .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 1.6%; 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%; }
	
	
	.subnav i { font-size:30px; top:15px; }
	.subnav .left a { padding-left:30px; text-align:left; }
	.subnav .right a { padding-right:30px; text-align:right; }
	
	.box-newsletter { padding: 20px 0; max-width: 300px; }
	.box-newsletter .select li { margin:10px 20px 20px 0;  float:left; }
	.pagination { text-align:center; }
	
	.grid-home, .grid-home-2 { grid-template-columns: 1fr; }
	#header .wrapper { height: 80px; }
	
	
	#header .nav-mobile { display:block; z-index:1000; float:right; }
	#header .nav-list { display:none; position:absolute; top:70px; left:0px; right:0px; z-index:200; }
	#header .nav-item { width:100%; float:none; position:relative; text-align:center; border-bottom:1px solid #EEE; font-size:16px; }
	#header .nav-item > a { padding:15px 0; color:#000; margin:0px; }
	#header .nav-click { display:block; }
	#header .nav-item:hover .nav-submenu { display:none; }
	#header .nav-submenu { position:static; width:100%; padding-top:0px;  }
	#header .nav-item { border-right:0px; padding-right:0px; margin-right:0px; background-color: #FFF; }
	#header .nav-submenu { padding-top:0; margin-left: 0px; }
	#header .nav-submenu-item { float:none; text-align:center; }
	#header .nav-submenu-item a { width:auto; margin:0px; display:inline-block; padding:15px 0;  }
	#header .nav-submenu-item a:hover { color:#444;  }
	#header .nav-submenu-item:last-child a { border-bottom:0px; }
	
	
}

/* 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) {		
	.header .menu { margin-bottom:10px; }
	.content { max-width:100%; }
	.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) {
	.nav-list { top:140px; }
	.cover { height:550px; }
}



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