/* 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; }

}


/* mobile */
@media only screen and (max-width: 768px){
	
	h1, h2 { font-size:18px; }
	h2 b { color:#000; float:right;  }
	.row { margin-bottom:0px; }
	input, select { margin-bottom:10px; }
	input, select, .btn { height: 40px; }
	.label { text-align:left; }
	.btn, input[type="submit"], input[type="button"], button { margin:10px 0 0 0; font-size:14px; }
	.addqta .col { width:33%; }
	.addqta .span_1_of_5 { padding-right:8px; }
	
	.btn.col { margin-bottom:10px; width: 100%; line-height: 26px; }
	.btn.col:last-child { margin-bottom:0px; }
	.mt40 { margin-top:20px; }
	
	.iphone_show { display:block; }
	.iphone_hide { display:none; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding:10px 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; }
	.flex { display:block; }
	.pt100 { padding-top:0px; }
	
	div.top { right:20px; bottom:40px; }
	body { font-size:13px; line-height:20px; }
	i { padding:5px 3px 3px 3px; }
	h1 { font-size:25px;  margin: 0 0 20px 0; }
	h2 { margin: 0 0 20px 0; }
	.break { margin-top:40px; }
	
	.box .btn { width:100%; }
	.box .label { font-weight:bold; padding:8px 0; }
	.box .price { font-size:18px; }
	.page { margin:0; padding-bottom:100px; }
	button.open { right:10px; }
	#header .logo { left:20px; }
	#header .cart { top:20px; right:70px; }
	#header .cart .totalcart { padding-right:0px; }
	#header .cart .totalcart p { right: 35px; top: 10px; white-space: nowrap; font-size: 14px; }
	#header .cart .totalcart span { right:-15px; }
	#header .cart_mini { position:fixed; top:80px; left:0; right:0; width:100%; }
	#header .cart_mini img { margin:0px; }
	
	#footer .logo img { display:inline; }
	#footer { padding:10px 10px 80px 10px; text-align:center; }
	#footer .col { margin-bottom:20px; }
	#footer .col:last-child { margin-bottom:0px; }
	#footer h2, #footer .social h2 { font-size:20px; margin-bottom:5px; }
	#footer .social { float:none; }
	#footer .social ul { margin: 0 auto; }
	#footer .social li { float:none; display: inline-block; }
	#footer .social li a { padding:2px; }
	#footer .credits { text-align:center; margin-top:20px; }
	
	.gallery { display: grid; grid-template-columns: 1fr;}
	.cover .text h1 { font-size: 30px; }
	.cover .text { top:40%; }
	.slide li { height: 500px; }
	.item-row {  height:auto; padding: 80px 20px 130px 20px; }
	.about .text, .about .text2 { float: inline-start; max-width: 100%; padding:20px; font-size:14px; line-height:20px; }
	.about, .about.puglia { background-size:300px 300px; background-attachment:inherit; }
	.contactForm { padding: 20px 0px 100px 0px; }

	.lato { z-index:22; position:fixed; bottom:0; left:0; right:0; top:auto; width:100%; padding:20px; background:#dcd9d3; padding:20px; }
	.lato .cart { position:relative; width:100%; line-height:normal; top:auto; right:auto; }
	.lato h2 { font-size:20px; margin-bottom:10px; }
	.lato.smaller .cart { top:auto; }
	.lato .container { display:none; width:100%; }
	.lato .list-cart { height:340px; overflow-y: scroll; }
	.checkout .lato { display:none; }
	.checkout .total { margin-top:20px; }
	
	.item .box { position: relative; bottom:0px; right:0px; width: 100%; max-width:300px; margin: auto; }
	.item img {  height: 200px; margin: 20px auto; }
	.item .label { margin-bottom:10px; }
	.item h3 { margin:0;}
	
	#main { margin-top:80px; }
	
	.list-products .item .btn { font-size:12px; }
	.list-products .item figure { max-width:80%; margin:0 auto; }
	.list-products .item h1 { font-size:30px; margin:0px; }
	.more img { height:30px; width:auto; margin:0px auto; }
	
	.grid.list-products .col.item { margin-bottom:20px; }

	.list-products .item .text { padding:0px; line-height:normal; }
	.list-products .item select { padding:2px 10px; margin:3px 0 0 0; }
	.request-form .row { margin-bottom:5px; }
	.request-form .span_5_of_6 { width: 74.6%; float:left; }
	.request-form .span_1_of_6 { width: 23.8%; float:left; margin-left:1.6%; }
	.request-form .span_1_of_6 input { width:100%; }
	.request-form .btn { width:32.2%; margin-right:1.6%; }
	
	
	.grid .span_1_of_6 { width: 49.2%; }
	.grid .item:nth-child(2n+1) { margin-left:0px; }
	.grid .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.grid .col:first-child { margin-left: 0; }
	
	
	
	div.top { bottom:80px; }
	div.top a { padding-top:8px; }
	#header .menu a { color: #FFF; }
	.nav-mobile { display:block; z-index:1000; background:none; left:inherit; right:0px; left:0px; top:-60px; width:100%; padding-right:20px; text-align:right; }
	.nav i { color:#FFF; }
	.nav { width:100%; padding:0 0 0 0; margin:0; font-size:20px; z-index:2; position:absolute; top:0; left:0; }
	.nav-list { display:none; }
	.nav-item { width:100%; float:none; position:relative; }
	.nav-item > a { padding:10px 20px; display:block; background:#004c71; color:#FFF; }
	.nav-item:last-child > a { padding-bottom:20px; }
	.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; }
	.nav-submenu { padding-top:0; }
	.nav-submenu-item a { border:0; padding-left:5px; font-size:16px; }

}

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