/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


}


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

	.phone_show { display:block; }
	.phone_hide { display:none; }

	form .row { margin-bottom:0px; }
	form input.col, form select.col { margin-bottom:10px; }
	input, select, textarea { text-align: left; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:45px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	input[type='submit'], input[type='reset'] { text-align:center; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 15px; }
	.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_50 { width: 100%; float:none; }

	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	p.preview { font-size:15px; line-height:20px; }
	.tabs .span_1_of_3 { width: 32.2%; }
	.tabs .col { margin-left: 1.6%; }
	.tabs .col:first-child{ margin-left: 0; }
	.tabs a { padding: 10px; line-height:20px; }
	.tabcontent { padding: 10px; }
	.title_accordion { padding: 10px; }
	.size { text-align: left; font-weight:bold; }
	.page-break { margin-top:20px }
	
	h1 { font-size: 20px; margin-bottom:20px; line-height: 30px; }
	h1.title { font-size: 20px; margin:20px 0 40px 0; padding-bottom:10px;  }
	h2 { font-size: 18px; }
	h2.section { font-size: 25px; margin: 0 0 20px 0; line-height:30px; }
	h3 { font-size: 16px; line-height: 20px; }
	
	.grid-4 { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }

	#slider { padding-top:100px; }
	
	#main { padding:0px; margin-top:150px;}
	#main h1 { margin-bottom:10px; }
	#main .header-page { margin-bottom: 20px; padding: 0 20px; }
	#header { left:0; right:0; top:0; padding:10px; }
	#header .logo { text-align:center; }
	#header .logo img { height:100px; width:auto; transition: .5s ease-in-out; }
	#header2.smaller .logo img { height: 80px; width:auto; transition: .5s ease-in-out; }
	#header .content { padding:0px; }
	#footer { padding:0px; text-align:center; margin-top:40px; }
	#footer .content { padding:20px 20px;  }
	#footer .credits { margin:0px; padding:20px 0; border:0px; }
	#footer .col { margin-bottom:20px; width:100%; }
	#footer .logo img { height: 80px; }
	
	#header .cart { top:20px; right:40px; }
	#header .menu { position:fixed; top:0px; right:0px; z-index:222; background:none; }
	#header ul { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#FFF; z-index:22; display:none; }
	#header ul ul { position:relative; top:0px; bottom:0px; left:0px; right:0px; background:#FFF; z-index:22; display:none; padding-top:0; }
	#header .cart .totalcart p { display:none; }
	#header .menu .tot { display:inline-block; float:none; }
	
	.cover { position: relative; }
	.cover .text { background-color:rgba(0, 0, 0, 0.4); color:#FFF; position:absolute; top:0; left:0; right:0; bottom:0;  }
	.cover .text h3 { font-size:12px; margin-top:40px; }
	.cover .text h3, .cover .text h1, .cover .text a { color:#FFF; }
	
	.home .grid-list .item:last-child { display:none; }
	.grid-list {  grid-template-columns: 45% 45%; grid-column-gap: 5%; }
    .grid-list .item { margin-bottom:20px; }
    
	.header-page { font-size: 16px; }
	.item-row { padding-top: 40px; padding-bottom:40px;  }
	.list-product .item p.text { display:none; }
	.list-product .item h3 { min-height:65px; line-height:16px; font-size:14px; }
	
	.gallery .span_1_of_2 { width: 49.2%; }
	.gallery .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.gallery .col:first-child { margin-left: 0; }
	
	.cover { background-attachment:inherit; background-size: cover; height:300px; margin:0px; }
	.cover .text { max-width:100%; padding:20px; font-size: 14px; }
	.cover .text h1 { font-size:20px; }
	.box-home .text { background:#FFF; padding:0px; position:relative; bottom:0; right:0; left:0; text-align:left; margin:0 0 20px 0; }
 	.box-home h3 { margin: 10px 0 5px 0; }
 	.boxs .span_1_of_4 { width: 47.5%; margin-bottom: 5%; }
 	.boxs .span_1_of_4:first-child { margin-right:5%; }
 	a.link {  font-size:20px; }
 	.scheda_prodotti { margin-bottom:40px; }
 	.scheda_prodotti h1 { margin: 0 0 20px 0; }
    .scheda_prodotti h2 { margin-bottom: 20px; }
 	.scheda_prodotti .box-cart .span_1_of_5 { width:90px; }
 	.scheda_prodotti .box-cart .span_2_of_5 { width:110px; margin-left:10px; }
 	.scheda_prodotti .box-cart i { display:none; }
 	.scheda_prodotti .technical p.text { column-count:1; column-gap: 0px; font-size:14px; }
    
 	.buttons .col { margin-bottom:10px; }
	.buttons { margin-bottom: 40px; }
	/*
	.buttons .col { display: block; float:left; margin: 0 0 5% 5%; }
 	.buttons .col:first-child { margin-left: 0; }
 	.buttons .span_1_of_3 { width: 47.5%; }
 	.buttons .span_1_of_2 { width: 47.5%; }
 	*/
 	
	.grid .col { display: block; float:left; margin: 0 0 5% 5%; }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:5%; }
	.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_3 { width: 47.5%; }
	.grid .span_1_of_2 { width: 47.5%; }
	.grid .span_1_of_4 { width: 47.5%; }
	.grid .span_1_of_5 { width: 47.5%; }
	.grid .span_1_of_6 { width: 47.5%; }

	div.top { right:20px; bottom:20px; z-index:200;}
	
	.map { height:300px; }

	
	.nav .divider { border-right:0px; margin-right:0px; padding-right:0px; }
	.nav-mobile { display:block; position:fixed; top:10px; right:10px; left:inherit; z-index:2222; }
	.nav { width:100%; padding:0px; margin:140px 0 0 0;  }
	.nav-list { display:none; position:absolute; z-index:2; top:60px; right:0px; left:0px; }
	.nav-item { width:100%; float:none; position:relative; border-bottom:1px solid #DDD; background-color:#333; }
	.nav-item > a { display:block; background-color:#FFF; padding: 10px 20px; color:#000; }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; background:#FFF; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; }
	.nav-item a.red { background:#000; margin:0px; }
	.nav-submenu { padding:0; margin:0px; text-align:center;  }
	.nav-submenu-item a { border:0; margin:0px; background:#EEE; border-bottom:1px solid #FFF; }
}