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

}

@media only screen and (max-width: 500px){

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

	form .row { margin-bottom:0px; }
	input, select, textarea, input.col {  margin-bottom:10px; line-height:normal; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	.form_contatto input[type='submit'] { margin: 20px 0 60px 0; }
	input[type="submit"], input[type="button"], input[type="reset"], button, a.btn { width: 100%;  text-align: center; }
	.map { height:300px; }
	.noticePromo, header .buttons { display:none; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 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%; }
	.span_50 { width: 100%; float:none;  }
	.span_50.text { padding:0px; }

	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	.pl40 { padding-left:0px; }
	.break { margin-top:40px; }
	
	.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: 0; }
	.title_accordion { padding: 10px; }
	.size { text-align: left; font-weight:bold; }
	.page-break { margin-top:20px }
	
	h1 { font-size:30px; margin:0 0 20px 0; line-height:normal; line-height: 38px; }
	h1.section { font-size: 20px; line-height: 20px;  margin: 0; padding: 20px 0;}
	h2 { font-size: 20px; line-height: 26px; margin:0 0 10px 0; }
	h2.section { padding: 20px 0; color:#000; }
	h3, .item-row h3 { font-size: 20px; line-height: 28px;  }
	
	header { position:fixed; top:0; z-index:222; }
	header h3 { display:none; }
	header .logo { height:80px; }
	header .btn { display:none; }
	header .search-filter { display:none; }
	#main { margin-top:80px; }
	
	.logo img { height:50px; top:20px; }
	.icon-search { display:block; position:fixed; top: 25px; right:100px; font-size: 20px;}
	.icon-shopping-mobile { display:block; position:fixed; top: 25px; right:60px; font-size: 20px;}
	.icon-shopping-mobile sup { padding:0px; position:fixed; top: 15px; right:45px; background: orange; border-radius:200px; width:20px; height:20px; display:block; color:white;text-align:center; font-size:11px; }
	nav { display:none; }
	.menu ul ul, .menu li.shoppingbag { display:none; }
	#footer .grid-footer { grid-template-columns: 1fr; row-gap:40px;}
	.pagination { grid-template-columns: 1fr; font-size:13px; }
	
	.boxHome { display:grid; grid-template-columns:1fr; gap:10px; }

	
	.tab-product .tabs { overflow-x:scroll; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:5px; margin-bottom:20px;  }
	.tab-product .tabs li { width:100%; white-space:nowrap; }
	.tab-product .tabs li a { padding: 10px 20px; }
	.tab-product .tabcontent li { padding: 3px 8px; }
  	
  	.notice { line-height:19px; padding: 20px; }
  	#popup img { width:300px }
	
  	.box-quality.grid-3, .box-quality.grid-4 {  line-height: 20px; overflow-x:scroll; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; }
	.box-quality div { margin: 0; padding:0 10px 20px 10px; width:220px; background:none; text-align:left; }
	.box-quality.grid-4 .item { margin:0; margin-top:20px; }
  	.box-quality div h3 { margin-bottom:10px; line-height:20px; }
  	.box-quality div i { font-size: 22px; margin: 10px 0; color:#61b22f; }
  	.grid-home { margin-top:20px; }
  	
  	.item-row { padding: 20px 0px; line-height: 24px; }
	
	#search header .search-filter { display:block; }
	#search #main { margin-top: 400px; }
	
	.filter { padding:10px 0; }
	.grid-search { display:block; }
	.grid-search .grid-4 { grid-template-columns: 1fr 1fr; gap:20px; row-gap:5px; }
	.grid-search .grid-2 { grid-template-columns: 1fr 1fr; gap:20px;  }
	.grid-search .col2 { margin-top:20px; }
	.grid-search input, .grid-search select { margin:0px; }
	.grid-search button { width:50%; height:40px; background:#CCC; }
	
	.grid-home { grid-template-columns: 1fr; gap:0px; }
	.grid-home h3 { font-size: 16px; padding: 8px 15px; letter-spacing: 0; }
	.grid-home i { right: 10px; top: 14px; }
	.grid-2.contact { grid-template-columns: 1fr;  }
  	.grid-4 { grid-template-columns: 1fr;  }
  	.grid-4 .item { border: 0px; margin-bottom:40px; }
  	.grid-footer { grid-template-columns: 1fr;  }
  	.grid-partners { grid-template-columns: 1fr 1fr; gap: 10px; }
  	.grid-partners .item { margin-bottom:20px; line-height:16px; }
  	.grid-partners b { font-weight:normal; }
  	.grid-news { grid-template-columns: 1fr; }
  	.grid-6 { grid-template-columns: 1fr; }
  	.grid-5 { grid-template-columns: 1fr 1fr; gap:0px; column-gap:5px; }
  	.grid-3 { grid-template-columns: 1fr; }
  	.grid-2 { gap: 5px; }
  	
  	.grid-4.filter { gap:0px; }
  	
  	.slideHome li { height: 300px; padding-bottom:400px; }
	.slideHome .container { width:100%; bottom:0; right:0; left:0; padding:10px; text-align:left; }
  	.slideHome .container h2 { font-size: 18px; margin: 0 0 0 0; }
  	.slideHome .container .text { padding: 0 20px; min-height:120px; line-height:18px; }
  	.slide li {  height: 200px; }
  	
  	.sidbarmenu { display: none; }
  	.item-row-cert { grid-template-columns: 1fr;  }
  	.item-row-cert .image { padding: 0px; border:0px; }
  	.item-row-cert .image img { width:200px; height:auto; }
  	
  	.flexnav li.shoppingbag { float:left; }
  	.grid-store { display:block; padding:20px; }
	.list-store { grid-template-columns: 1fr; gap: 10px; }
	.list-store .item { display:block; }
	.cat { padding: 5px 10px; }
	
	.slideHome .container { top:inherit; }
	
	.scheda-store { display:block; margin-bottom: 40px; }
	.scheda-store .main-detail { padding: 20px;}
	.scheda-store h1 { font-size:22px; margin-bottom:10px; }
	.scheda-store .buttons { display:block; margin-bottom:0px; }
	.scheda-store .buttons li { margin-bottom:20px; }
	.scheda-store .buttons li:last-child { margin:0px; }
	
	.cart img { margin:0px; width: 100px; }
	.form { padding:20px; }
	.form .grid-2 { display:block; }
	.form .buttons div { margin-bottom:10px; }
	
	.row-detail { display:block; padding:40px 20px; }
	.row-detail img { margin-bottom:20px; }
	
	.service .item-row h1 { font-size:30px; }
	.service .grid-home { padding-top:30px; }
	.detail.content { display: block; padding: 40px; border-bottom: 1px solid #CCC; }
	.detail h3 { font-size:20px; margin-top:20px; line-height:30px; }
	.gallery.content { grid-template-columns: 1fr 1fr; gap: 5px; padding: 40px 20px; }
	
	.checkout, .response { padding: 20px 0; }
	
	.flexnav li ul li { float:none; display: block; }
	.item-with-ul { padding-right:0px; }
	.flexnav li ul { min-width: 200px; padding: 0; }
	
	.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_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: 49.2%; }
	.grid .span_1_of_2 { width: 49.2%; }
	.grid .span_1_of_4 { width: 49.2%; }
	.grid .span_1_of_5 { width: 49.2%; }
	.grid .span_1_of_6 { width: 49.2%; }

	div.top { right:20px; bottom:20px; z-index:200;}
	
	header nav { padding: 20px 0; }
	.flexnav li a { padding: 10px 0; }
	.hamburger { display:block; top:20px; right:10px; position:fixed; z-index:2222; padding:12px 10px; width:40px; height:40px; }
}
