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

}



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

	label { display:block; margin-top:10px; }
	input, textarea, select { border-radius:0; line-height:normal; font-size:14px; margin:0; }
	textarea { margin-bottom:10px; }
	.btn, input[type="submit"], input[type="button"], input[type="reset"], button { margin:0px; }
	form .row { margin-bottom:0px; }
	form .buttons { margin: 20px 0; }
	form .buttons .col { width: 49.2%;  }
	form .buttons .col:first-child { margin-left: 0; }
	form .buttons .col { display: block; float:left; margin: 0 0 0 1.6%; }
	form .privacy { margin:10px 0; }
	.label { padding:0 0 10px 0; text-align:left; }
	.msg_error { margin: 20px 0; }
	.content-small {  max-width: 1000%; padding:0px; }
	
	.col.break, .break { margin-top:60px;}
	.item-row.break { margin-top:20px;}
	td { line-height: normal; }

	h1 { margin-bottom:20px; font-size:24px; line-height: 30px; }
	h2 { font-size: 22px; margin-bottom:10px; }
	h2.section { margin:20px 0; font-size: 18px; font-weight:bold; }
	h3.section { margin:30px 0; font-size: 18px; font-weight:bold; }
	h4 { margin: 0 0 20px 0; font-weight:600; }
	.pl20 { padding-left: 0px; }

	.iphone_hide { display:none; }
	.iphone_show, .header .menu li.iphone_show { display:block; }

	.wrapper { min-width:0px; width:100%; }
	.content { padding:0 20px; max-width:100%; }
	.main-slide .content { padding:0px; }
	.headline { font-size:16px; }
	.filter { margin-bottom:40px; }
	.filter .col { width: 49.2%; display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.filter .col:first-child { margin-left: 0; }
	.filter .col:nth-child(2n+1) { margin-left:0px; }
	.filter .button { width:100%; }

	.mt40 { margin-top:20px; }
	.mb40 { margin-bottom:20px; }
	.pl100, .pr100 { padding:0px; }
	.pl40 { padding-left:0px; }
	.pr40 { padding-right:0px; }
	
	
	
	.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%; }
	.pr80 { padding-right:0px; }
	.separator { margin-top: 40px; }
	
	
	div.top { right:20px; bottom:20px; }

	#header .logo img { margin: 20px 0;  }
	
	#header li { display: block; margin: 0px; }
	#header li a { padding:10px; display:block; }
	#header { border-bottom: 0px solid #DDD; padding:0px; }
	#footer .grid-footer { margin: 20px 0; display: grid; grid-template-columns: 1fr; gap: 40px; }
	#footer h4 { margin: 0 0 5px 0; font-size: 14px; }
	
	.grid-footer .item { text-align:center; }
	
	#main {  margin-top: 0px; }
	
	.masonry { grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 20px; margin:0 auto; }
	.masonry .item figure { height: 220px; overflow:hidden;}
	
	.slide li { height:400px; padding:0px; }
	.slide li h1 { font-size: 32px; line-height:42px; margin-bottom:10px; }
	.slide li .text p { font-size:22px; margin:0px; }
	
	.temi { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
	.temi h3 { font-size: 20px; }
	.temi img { border-radius: 200px; }
	
	.grid-2.about { display:block; }
	.grid-artists .item h3 { text-align:center; }
	
	.about .text { padding: 20px; }
	.mission { font-size:16px; line-height: 22px; padding: 40px 20px; }
	.paginations .links { margin-top:20px; }

	
	.header-page {  padding: 10px 0;  margin-bottom:20px; }
	.header-page h2 { font-size: 22px; }
	
	.menu { display:none; }
	.menu img { display:none; }
	.intro { margin-top: 70%; }
	.intro img { margin: 0 40px; width: 80px; height:auto; }
	.container { padding-left:0px; }
	ul.list-artist li { padding:3px 0; }
	ul.list-artist { margin-bottom:40px; }
	.masonry-layout { column-count: 2; -webkit-column-count: 2; column-gap: 20px;  -webkit-column-gap: 20px; }
	.masonry .item {  margin: 0 0 40px; }
	.grid-artists { display: grid; grid-template-columns: 1fr 1fr; gap:10px; }
	.grid-artists .item { height: 200px; }
	.scheda-product h1 { font-size: 36px; margin: 20px 0; line-height:46px;}
	.scheda-product img { margin-bottom:20px; }
	.scheda-product .btn { margin-top:40px; width:100%; }
	.grid-2 { grid-template-columns: 1fr; gap:0px; }
	
	.slide-home { padding:40px 0;}
	.slide-home ul { width: 80%; }
	.grid.authors .item { width:100%; border-bottom:1px solid #EEE; margin:0px; padding: 10px 0; }
	.item-row { margin-top:0;   }
	
	.column_2 { column-count: 1; column-gap: 0px; }
	.grid-container { display: grid; grid-gap: 5px; grid-template-columns: auto; }
	.accordion_text { padding:0 20px 10px 20px; }

	
	
	
	
	.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_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%; }


	.hamburger { display:block; top:32px; right:20px; position:fixed; z-index:2222; background:#EEE; padding:12px 10px; width:40px; height:40px; border-radius:200px; }


}

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