/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
	
	.home .item-row .container { padding: 40px; line-height: 16px; }
	.home .item-row .image, .home .item-row .text { width:50%; } 
	.home .item-row .container .partner { bottom: 40px; }
	.home .item-row .container h1 { font-size:30px; margin: 20px 0; }
	#event .headline .fascia { padding:40px 20px; font-size: 16px; line-height: 24px; }
}



/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	
	.home .item-row .container { padding: 20px; line-height: 16px; }
	.home .item-row .image, .home .item-row .text { width:50%; } 
	.home .item-row .container .partner { bottom: 20px; }
	.home .item-row .containjer h1 { font-size:30px; margin: 10px 0; }
	#event .headline .fascia { padding:40px 20px; font-size: 16px; line-height: 24px; }
}


/* mobile */
@media only screen and (max-width: 720px){
	
	img { display:block; }
	label { padding-top:8px; display:block; }
	input, textarea, select { border-radius:0; line-height:normal; font-size:14px; padding:5px 10px; margin-bottom:5px; }
	input.col, select.col, textarea.col { margin:5px 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; }
	aa { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; }
	td { line-height: normal; }
	
	h1 { margin-bottom:20px; font-size:24px; line-height: 30px; }
	h2 { font-size: 28px; line-height: 28px; margin-bottom:10px; }
	h2.section { font-size: 16px; }
	h3.section { font-size: 16px; }
	h3.section.mt40 { margin-top:40px; }
	h4 { margin: 0 0 20px 0; }
	.authors { font-size:18px; line-height: 18px; }
	.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%; }
	.content.item-row { padding:0 20px; }
	.tabcontent { padding: 20px 20px; }
	
	.mt40 { margin-top:20px; }
	.mb40 { margin-bottom:20px; }
	.pl100, .pr100 { padding:0px; }
	.pl40 { padding-left:0px; }
	.pr40 { padding-right:0px; }
	
	.parallax { background-attachment: inherit; height:400px; margin-bottom:5px; }
	
	.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; }
	.maps iframe { height:250px;}
	
	div.top { right:20px; bottom:20px; }
	
	#header { left:0; right:0; min-height:inherit; height:120px; }
	#header img { height:100px; }
	#header .btnmenu { top: 40px; left: 20px; width: 60px; }
	#header .lang { display:none; }
	#header .account { display:none; }
	#header .menu { background:#000; left:0; right:0; top:0px; bottom:0; display:none; position:fixed; z-index:22; }
	#header .menu li { padding:15px 20px; font-size:14px; display:block; }
	#header .menu li > ul { position:relative; }
	header nav { padding: 50px 0 50px 0; background:#000; letter-spacing:4px; }
	header nav a { color:#fff; } 
	#header .menu li a.selected { color: #FFF; }
	#footer { padding:0; }
	#footer .grid-4 { display:block; }
	#footer .grid-4 div { padding: 10px 20px; }
    #footer .credits, #footer .legal { padding:10px 20px; }

	.home .events { border:0; }
	.home .grid-3 { display:block;  }
	.home .grid-3 .grid-2 { padding: 0 20px; }
	.home .grid-2 { display:block; }
	.home .grid-2 .text { padding: 0 20px 0px 20px; }
	.home .grid-2 .image img { margin-bottom:10px; }
	.home .grid-2 .btn { left:20px;  margin:0 0 10px 0; }
	
	.item-row { padding: 0 20px; }
	
	.exhibitions-list img { margin-bottom:10px; }
	.exhibitions-list h2 { font-size:18px; line-height:20px; }
	.exhibitions-list p { font-size:13px; line-height:15px; }
	
	.content.item-row.grid-people { grid-template-columns: 1fr; padding-bottom:40px; }
	.grid-progetti { grid-template-columns: 1fr; }
	.grid-progetti .item { padding-bottom:30px; border-bottom:1px solid #000; margin-bottom:20px; }
	.box-header { height:auto; }
	
	#event .grid-2 { display:block; padding:0 20px; }
	#event .grid-2 div { padding-bottom:20px; }
	
	.about .slider { width:100%; margin:40px auto; }
	.slider, .press, .gallery { padding:0; overflow:inherit; margin: 0 0 50px 0; }
	.slider img, .press img, .gallery img { width:100%; height:auto; }
	.about .slider img { padding:0px; }
	
	
	.grid-artists { display: grid; grid-template-columns: 1fr 1fr; column-gap:10px; }
	.grid-artists h3 { font-size:26px; line-height:26px; overflow-wrap: break-word;
  word-wrap: break-word;-ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
	.grid-artists .item { height: 150px; }
  
	.masonry { column-count: 2; column-gap: 10px; margin-top:10px; }
	.masonry .item { min-height: 340px; }
	
	.pfmasonry .item { min-height: 340px; }
	.pfmasonry {   display: grid;  grid-template-columns: 50% 50%;  grid-auto-flow: row; }
	
	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; }
	.list-artist { margin-bottom:40px; }
	.list-news { display: grid; grid-template-columns: 1fr; row-gap:20px; }

	#main {  padding:0; }
	.grid-news { display:block; }
	.grid-news .text { padding-top:5px; padding-bottom:20px; }
	.grid-news .scheda .text { padding:0 0 40px 0; }
	.grid-news .scheda .text a { line-height:14px; } 
	.grid-news .scheda h1 { max-width: 100%; line-height:26px; margin-top:5px; }
	.exhibitions-list { padding: 0 20px }
	
	.lato { padding: 0 20px; }
	.pagination { padding: 0 20px; text-align:center; }
	.pagination .page { text-align:center; }
	
	.grid-2 { display:block; }
	.contact .grid-2.row { display:grid; padding:0; }
	.grid-1-3 { display:block; }
	.grid-1-2-1 { display:block; padding:0 20px; }
	.grid-4 { grid-template-columns: 1fr; }
	.gap100 { gap:0; }
	.gap10 { gap: 2px; }
	
	.form-search form { grid-template-columns: 1fr 1fr; gap:20px; padding:0 20px; }
	.scheda { padding: 0 20px; }
	.share { text-align:center; }
	.share .btn { margin:0 0 5px 0; min-width: 50px; padding:5px; font-size:12px; height:auto; }
	
	.about .grid-1-3 div { text-align:left; padding: 10px 20px; }
	.contact .grid-2 { padding: 0 20px; }
	.contact .grid-2 .item { padding-bottom:40px; }
	.container { padding: 0 20px; }
	
	.grid .col { display: block; float:left; margin: 0 0 10% 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_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_6 { 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; }
}