/* 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 { padding-top:8px; display:block; }
	input, select { height: 45px; }
	input, textarea, select { border-radius:0; line-height:normal; padding:5px 10px; }
	input.col, select.col, textarea.col { margin:8px 0; }
	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; }

	.btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; }
	.col.break, .break { margin-top:20px;}
	.item-row.break { margin-top:20px;}
	td { line-height: normal; }

	h1 { margin-bottom:20px; font-size:24px; line-height: 30px; }
	h2 { font-size: 18px; }
	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; }

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


	div.top { right:20px; bottom:20px; }
	.header .logo { text-align:center;}
	.header .logo img { width:80px; height:auto; margin:15px 0 0; }
	#header .content { height:75px; background:#FFF; }
	#header h4 { top:20px; }
	.header .menu ul.nav-list { text-align: center; }
	 #header.smaller { height:75px; }
	 #header.smaller .logo img { display:block; }
	.header .menu { margin-top:-20px;}
	.header .menu li { margin: 0; }
	.header .menu a { display: block; }
	.header .right { display: none; }

	#footer { background:#FFF; padding: 10px 10px 40px 10px; line-height:18px;  }
	.footer ul, .footer { text-align: center;}
	#footer .maps { text-align:left; display: grid; grid-template-columns: 45% 45%; grid-template-rows: 45% 45%; grid-column-gap: 10%; }
	#footer .maps::before { display:none; }
	#footer .maps .item { margin-bottom:20px; }
	.masonry { column-count: 2; column-gap: 10px; margin-top:10px; }
	#main { margin-top:75px; }
	#main.page { margin:140px 0 40px 0; }
	.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; }

	.page-header h1 { font-size: 20px; line-height: normal; font-weight: bold; }
	.page-header h2 { margin-top: 40%; font-size: 20px; line-height: normal; }
 	.page-header { font-size: 14px; line-height: normal; padding: 0; margin:0px; }
	.page-header p { margin-bottom:20px; }

	img.image_h { height:auto; width:100%; }


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


	.list-blog .item { margin-bottom:40px; text-align:center; }
	.list-blog .item figure { margin-bottom:10px; }
	.list-blog .item h2 { font-size:22px; margin:5px 0 10px 0; }

	.dashboard .item { height:220px; line-height: normal; }
	.dashboard a { padding:20px 5px; }
	.dashboard .item .tot { top:50px; right:20px; }
	
	.blog .span_3_of_4 { padding-right: 0px; }
	.blog { margin-top:0px; }
	.blog .item { padding:0 0 20px 0; }
	.blog .item img { margin-bottom:10px; }
	.blog .item .data, .blog .item .section { display:none; }
	.blog .item h2 { font-size: 18px; }

	
	.grid-2 { display:block; }
	.grid-4 { grid-template-columns:1fr 1fr; gap:20px; }
	.exhibitions .grid-2 div:nth-child(2n+1) { border:0px; }
	.exhibitions .grid-2 div { margin-bottom:40px; }
	.exhibitions h2 { font-size: 24px; line-height:34px; }
	.exhibitions-scheda .content.intro h1 {  font-size: 30px; line-height:40px; }
	.exhibitions-scheda .date { font-size: 14px; margin-top:40px;  }
	.exhibitions-scheda .indice { font-size: 14px; margin: 20px 0; }
	
	
	#lato { background:#EEE; padding:20px; margin:40px 0; }
	#lato .input_search .span_3_of_4 { width:80%; }
	#lato .input_search .span_1_of_4 { width:20%; }

	.subnav .col { width:50%; }
	.subnav .col:first-child a { border-bottom:0px;  }
	.subnav i { font-size:30px; top:15px; }
	.subnav .left a { padding-left:30px; text-align:left; }
	.subnav .right a { padding-right:30px; text-align:right; }

	.box-newsletter { padding: 20px 40px; background:#DDD; }
	.box-newsletter .select li { margin:20px 0;  }

	.nav-mobile { display:block; z-index:1000; float:right; }
	.nav-list { display:none; position:absolute; top:75px; left:0px; right:0px; z-index:200; }
	.nav-item { width:100%; float:none; position:relative; }
	.nav-item > a { padding:15px 20px; margin:0px; display:block; font-size:14px; }
	.nav-item img { display:none; float:right; height:22px; width:auto; margin-right:10px; }
	.nav-click { display:none; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; padding-top:0px; margin:0px; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; border-bottom:1px solid #DDD; background:#FFF; }
	.nav-submenu { padding-top:0; }
	.nav-submenu-item { float:none;  }
	.nav-submenu-item a { padding: 15px 20px; width:auto; margin:0px; background:#EEE; font-size:14px; text-align:center; }
	.nav-submenu-item:last-child a { border-bottom:0px; }


}

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