@media screen and (max-width: 40em){

}


/* 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) {
	
	
}


/* mobile */
@media only screen and (max-width: 720px){
	
	.phone_show { display:block; }
	.phone_hide { display:none; }
	h3 { font-size: 16px; }
	input[type='submit'], input[type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; line-height:normal; padding: 5px 10px; border-radius: 0px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	form input, form select, form textarea { margin-bottom:10px; }
	.content-large { padding:20px 20px; }
	
	.pr40 { padding-right:0px; }
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 15px; }
	
	.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%; }
	
	
	.mt40 { margin-top:20px; }
	.mb40 { margin-bottom: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:40px }
	
	
	#header { height: 60px; } 
	#header .logo { z-index: 20000; position: absolute; }
	#header .menu { position:absolute; top:0px; right:0px; left:0; text-align:left; padding:0px; margin:0px; }
	
	#header.smaller #topbar { display:block; }
	#header.smaller .header { height: inherit; padding:15px 0;  }
	#header.smaller .menu { padding-top:0px; }
	#main { margin-top:60px; }
	#myContainer h1 { font-size:30px; position:absolute; bottom:60px; left:0px;}
	
	.item-row { padding-top: 20px; padding-bottom: 20px; }
	#main h1 { margin: 20px 0;  font-size: 24px; }
	#main .container { padding: 0; }
	.image .cover-image { font-size:34px; }
	.list-brands li { width:100%; margin: 5px 0; }
	
	#main.blog { padding: 20px 0; }
	#main.blog .item .data { padding:10px; width:50px; }
	#main.blog .item .section { width:50px; }
	#main.blog #lato { padding-left:0px; }
	
	.gallery .span_1_of_5 { width: 49.2%; }
	.gallery .span_1_of_3 { width: 49.2%; }
	.gallery .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.gallery .col:first-child { margin-left: 0; }
	.gallery .span_1_of_3:nth-child(3n+1) { margin-left:1.6%; }
	.gallery .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.gallery .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.box_search .span_2_of_3 { width:80%; }
	.box_search .span_1_of_3 { width:20%; }
	.cover-brand { background-attachment:inherit; height:300px; }
	
	#footer { margin-top:30px; line-height:normal; background:#EEE; }
	#footer nav { display:none; }
	#footer .social { text-align:left; }
	#footer .col { margin-top:20px; border-top:1px solid #CCC; padding-top:10px; }
	#footer .col:first-child { margin-top:0px; border-top:0px; padding-top:0px; }
	
	
	.grid-works { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
	.grid-home { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:1px; }
	.grid-home figure { height:90px; overflow:hidden; }
	.grid-home img { height:90px; object-fit: cover; }


	div.top { right:20px; bottom:20px; z-index:200;}
	
	.nav .divider { border-right:0px; margin-right:0px; padding-right:0px; }
	.nav-mobile { display:block; position:absolute; right:15px; left:inherit; }
	.nav { width:100%; padding:40px 0 0 0; margin: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 #EEE; }
	.nav-item a { display:block; background-color:#FFF; padding: 15px 15px; }
	.nav-list li.lang { background:#FFF; padding:10px; display:block; }
	.nav-click { display:block; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; }
	.nav-submenu { padding:0; position:static; width:100%; background:#EFEFEF; }
	.nav-submenu-item a { padding: 10px 35px; border:0; color:#666; }
	
}

@media only screen and (max-width: 400px){
	.iphone_hide { display:none; }
	
	#main .list_product .item .image img { width:100%; height:auto; }
}