/* Cell (portrait) orizzontale ----------- */
@media only screen and (max-device-width : 400px) and (orientation : landscape) {

}




/* mobile */
@media only screen and (max-width: 768px){
	
	.phone_hide { display:none; }
	.iphone_show { display:block; }
	
	body { padding-bottom:100px; }
	.wrapper { min-width:0px; width:auto; }
	.content { padding:10px; }
	.content_column_right {padding: 20px; }
	.content_column_left { padding: 20px; }
	.mt20 { margin-top:10px; }
	.mb40 { margin-bottom:20px; }
	img.scalemobile { width:100%; height:auto; display:block; }
	.col { margin:0px; }
	
	.span_50 { width: 100%; }
	
	.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%; }
	
	.column_2 {  -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0em; -webkit-column-gap: 0em; column-gap: 0em; }
	
	h2 { font-size:20px; margin: 20px 0; }
	h3 { font-size:20px; margin: 20px 0; }
	div.top { right:20px; bottom:20px; padding-top:10px;  }
	.btn { width:100%; margin: 5px 0; max-width:100%; }
	.navigation { margin-top:10px; margin-bottom:20px;  line-height:14px; }
	.navigation { margin-top:20px; }
	.collection .indice ul { display:none; }
	.collection .profile h3 { margin:0 0 10px 0; }
	.collection .profile img { width:150px; height:150px; }
	.collection .profile .namecard { margin-top:20px; text-align:left; }
	.collection .profile .namecard img { float: left; margin-left:0px; margin-right:20px; }
	.collection .list-opere .span_1_of_6 { width: 49.2%;  }
	.collection .list-opere .col:nth-child(*) { margin-left:1.6%; }
	.collection .list-opere .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.collection .list-opere .col:first-child { margin-left: 0; }
	.collection .list-opere .col:nth-child(2n+1) { margin-left:0; }
	.collection .list-opere .item { height: 320px; font-size:11px; }
	.collection .list-opere .item h3 { font-size:11px; margin:0px; }
	.collection .main-scheda {  padding-left:0px; background:none; }
	.collection .scheda .bibliografia { margin-top:40px; }
	.collection .scheda h1 { margin: 10px 0; }
	.collection .scheda .images .span_1_of_5 { width: 18.72%; }
	.collection .scheda .images .span_1_of_5:nth-child(5n+1) { margin-left:0; }
	.collection .scheda .images .col { display: block; float:left; margin-left:1.6%; }
	.collection .scheda .images .col:first-child { margin-left: 0; }
	.collection .scheda .images p.didascalia { line-height:normal; font-size:7px; }
	.collection .scheda .images figure { padding:0px; }
	
	
	#header { margin-top:0px; padding:0px; position:fixed; top:0px; left:0; right:0; height:60px; z-index:222; }
	#header .logo { left:20px; }
	#header .menu { top:0px; left:0; }
	#header .menu ul { margin-top: 0px; }
	#header .lang { display:none; }
	#header.smaller { height:60px; padding:0px; }
	#header.smaller h1, #header h1 { font-size:20px; line-height:20px; top:8px; left:20px; }
	#header .lang-item { display:block; }
	#header .lang-item a { display:inline-block; text-align:center; }
	#header .select-lang { position:absolute; top:22px; right:70px; z-index:121; }
	#header .select-lang a { margin: 0 5px; }
	
	.box_search2 { max-width:49.2%; margin-top:20px; }
	.collection.intro .box_search2 { float:right; margin:0px; }
	
	#main { margin-top:50px; }
	.content, .content-large { padding: 0 20px; }
	.slider li { height: 450px; background-attachment:inherit; }
	.item-row { padding-top:20px; padding-bottom:20px;  }
	.wrapper.news h3 { margin:20px 0; }
	
	.navigation .span_1_of_2 { width:50%; }
	.navigation p:first-child { margin-bottom:10px; }
	
	form .row, form .col { margin-bottom:0px; }
	input[type='text'], input[type='submit'], input[type='reset'], input[type='button'], input[type='password'], select, textarea, button, input { margin-top:10px; border-radius:0px; }
	.content-search { left:15%; right:15%; }
	.content-search input { margin-top:0px; }
	.separator { margin-top:20px; padding:20px 0; }
	.break { margin-top:40px; }
	
	.scheda h1 { font-size:20px;  }
	.scheda h2 { font-size:16px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #000; padding: 10px 0; }
	.links .col { padding-top:40px; }
	
	.gallery .span_1_of_6 { width: 49.2%; }
	.gallery .span_1_of_6:nth-child(2n+1) { margin-left:0; }
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.gallery .col:first-child { margin-left: 0; }
	
	.collection .poetry.intro { font-size:50px; min-height:700px; }
	.collection .poetry.intro .unique { transform: rotate(90deg); transform-origin: left top 0; left:200px; top:300px; position:absolute; z-index:2; }
	.collection .poetry.intro .performance { top:160px; left:0; position:absolute; }
	.collection .poetry.intro .edition { margin-top:180px; margin-left:25%; position:absolute; }
	.collection .poetry.intro .document {transform: rotate(90deg); transform-origin: left top 0; top:250px; right:0; position:absolute; z-index:2; }
	.collection .poetry.intro .artistsbook {transform: rotate(90deg); transform-origin: left top 0; top:400px; left:100px; position:absolute; z-index:2; }
	.collection .poetry.intro .periodical { top:170px; right:8%; position:absolute;   }
	.collection .poetry.intro .catalogue { transform: rotate(90deg); transform-origin: left top 0; top:500px; left:200px; position:absolute; z-index:2; }
	.collection .poetry.intro .book { margin-top:550px; margin-left:100px; position:absolute; }
	.collection .poetry.intro .announcement { top:400px; margin-left:20%; position:absolute; z-index:2;  }
	.collection .poetry.intro .video { top:510px; left:57%; position:absolute; z-index:2; }
	.collection .poetry.intro .audio { transform: rotate(90deg); transform-origin: left top 0; top:80px; right:30%; position:absolute; z-index:2; }
	
	.collection .buttons li { padding-left:30px; }
	.hand { left: -30px; }
	.ruota { position:relative; top:0; left:0px; bottom:inherit; right:inherit; margin-bottom:0px; }
		
	.item-row .buttons p:first-child { margin:20px 0 0 0; }
	.item-row .buttons p { margin:5px 0 0 0; }
	
	.collection .indice .poetry li { width: 80px; height: 110px; font-size:60px; padding-top:25px; }
	.collection .submenu li, .collection .submenu li h3 { font-size:11px; line-height:16px; }
	
	
	#footer .lang { text-align:left; margin: 20px 0; }
	#footer .lang  a { padding: 0 20px 0 0; }
	#footer .social li { float:left; }
	
	.wow { animation-name: none !important;  visibility: visible !important; }
	
	.nav-mobile { display:block; position:absolute; right:15px; top:13px; left:inherit; }
	.nav { width:100%; padding: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; background-color: rgba(0, 0, 0, 0.9); }
	.nav-item > a { display:block; padding: 20px; margin:0px; font-size:20px; }
	.nav-click { display:none; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; padding:0; background:none; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px; }
	.nav-submenu-item a { width:100%; text-align:center; margin:0px; padding: 20px; font-size:20px; color:#FFF; }	
}



/* iPads (landscape) orizzontale ----------- */
@media only screen and (max-device-width : 768px) and (orientation : landscape) {
	.iphone_hide { display:none; }
	.content-large { padding:20px; }
	
	#header .menu_page { display:block; }
	#header .logo { left:20px; }
	#header .lang { right:20px; }
	.slider, .slider li { height:450px; }
	.buttons-area .span_1_of_2 { width: 49.2%; }
	.buttons-area .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.buttons-area .col:first-child { margin-left: 0; }
	.collection .indice li { width:103px; height: 103px;  }
	.collection .indice .poetry li { width:103px; height: 103px;  }
	
	
	.banner .span_1_of_3 { width: 32.2%; }
	.banner .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.banner .col:first-child { margin-left: 0; }
	
	.section { padding:0px; }
	.list-products .span_1_of_5.col:nth-child(n) { margin-left:1.6%; }
	.list-products .span_1_of_5 { width: 23.8%; }
	.list-products .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.list-products .col:first-child { margin-left: 0; }
	.list-products .span_1_of_5.col:nth-child(4n+1) { margin-left:0px; }
	
}



/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 550px) and (max-device-width : 768px) and (orientation : portrait) {
	 
	 .phone_hide { display:none; }
	 .slider, .slider li { height:450px; }
	 
	.buttons { margin:0px; }
	.buttons .span_1_of_4 { width: 49.2%; }
	.buttons .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.buttons .col:first-child { margin-left: 0; }
	.buttons .col:nth-child(2n+1) { margin-left:0; }
	
	.list-news .item { width: 32.2%; height:450px; line-height:normal; }
	.list-news .col { display: block; float:left; margin: 0 0 20px 1.6%; }
	.list-news .item:first-child { margin-left: 0px; }
	.list-news .item:nth-child(1) { margin-left:1.6%; }
	.list-news .item:nth-child(3n+1) { margin-left:0; }
	
	.news .scheda .span_1_of_3 { width: 32.2%; margin-right:1.6%; }
	.news .scheda .span_2_of_3 { width: 66.1%;  }
	
	ul.indice { display:block; }
	
	.gallery .span_1_of_6 { width: 32.2%;  }
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	.gallery .col:nth-child(n) { margin-left:1.6%; }
	.gallery .col:nth-child(3n+1) { margin-left:0; }
	.gallery .col:first-child { margin-left: 0; }
	
	.collection .list-menu { width:30%; }
	.collection .indice { width:70%; }
	.button-collection .span_1_of_2 { margin-bottom:60px; text-align:center;  }
	.button-collection .span_1_of_2  img { padding: 0 100px; }
	
	.collection .cover { padding: 5% 0; }
	.collection .indice ul { display:block; }
	.collection .indice li { width:103px; height: 103px;  }
	.collection .indice li img { padding:20px; width:100%; height:auto; }
	
	.collection .profile img { width:150px; height:150px; }
	.collection .profile .span_1_of_2:first-child { width:70%; font-size:12px; }
	.collection .profile .span_1_of_2:last-child { width:30%; }
	.collection .profile .namecard { margin:0px;  padding:0px; }
	
	
	.collection .profile .namecard img {  float:right; margin:0px; }
	.collection .list-opere .item { width: 23.8%; }
	.collection .list-opere .col:nth-child(n) { margin-left:1.6%; }
	.collection .list-opere .col:nth-child(4n+1) { margin-left:0; }
	
	.collection .filter .span_2_of_6 { width: 49.2%;  }
	.collection .filter .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.collection .filter .col:first-child { margin-left: 0; }
	
	
	.collection .main-scheda { background:url('../images/dot.png') repeat-y 16.5% 0; }
	.collection .scheda .span_1_of_6 { width:18%; }
	.collection .scheda .span_5_of_6 { width:82%;  }
	.collection .scheda .span_5_of_8 { width:50%; font-size:10px; line-height:normal; }
	.collection .scheda .span_3_of_8 { width:50%; }
	.collection .scheda .images .col { margin-bottom:10px;  }
	.collection .scheda em { font-size: 11px; }
	.collection .scheda .text { padding-right:5px; }
	
	.ruota .cat_1 { top:190px; left:335px; transform: rotate(95deg); -webkit-transform: rotate(95deg); font-size:18px; }
	.ruota .cat_2 { top:240px; left:180px; transform: rotate(38deg); -webkit-transform: rotate(38deg); font-size:18px; }
	.ruota .cat_9 { top:215px; right:225px; transform: rotate(130deg); -webkit-transform: rotate(130deg); font-size:18px; }
	.ruota .cat_5 { top:320px; left:150px; transform: rotate(8deg); -webkit-transform: rotate(8deg); font-size:17px; }
	.ruota .cat_4 { top:410px; left:105px; transform: rotate(340deg); -webkit-transform: rotate(340deg); font-size:16px; }
	.ruota .cat_6 { top:480px; left:190px; transform: rotate(310deg); -webkit-transform: rotate(310deg); font-size:18px; }
	.ruota .cat_10 { top:510px; right:310px; transform: rotate(275deg); -webkit-transform: rotate(275deg); font-size:13px; }
	.ruota .cat_7 { top:430px; right:160px; transform: rotate(250deg); -webkit-transform: rotate(250deg); font-size:18px; }
	.ruota .cat_11 { top:300px; left:20px; transform: rotate(220deg); -webkit-transform: rotate(220deg); font-size:14px; }
	.ruota .cat_8 { top:350px; right:160px; transform: rotate(190deg); -webkit-transform: rotate(190deg); font-size:18px; }
	
	.ruota .cat_3 { top:260px; right:120px; transform: rotate(155deg); -webkit-transform: rotate(155deg); font-size:20px; }
	
	
	
	.links .span_1_of_4 { width:50%; }
	.collection .scheda .span_1_of_2 { width:50%; }
	.break { margin-top:20px; }
	
}


/* Cell (portrait) verticale ----------- */
@media only screen and (max-device-width : 500px) and (orientation : portrait) {
	 .slider, .slider li { height:200px; }
	.filter-news { display:none; }
	h1 { font-size: 16px; }
	.page-section h1 { font-size: 16px; }
	.item-row h1 { margin-bottom:10px; }
	.wrapper.news { padding:0px; }
	.item-row .buttons { margin-top:10px; }
	.collection .buttons li { min-height: 30px; }
	.collection .buttons li:last-child img { width:100%; height:auto; }
	.collection .profile { line-height:normal; font-size:12px; padding-right:5px; }
	.collection .profile .bio h3 { margin:5px 0 0 0; font-size:14px; }
	.collection .profile .bio img { float:left; margin-right:10px; width:120px; height:120px; }
	.collection .profile .namecard { display:none; }
	.collection .profile .bio p { font-size:12px; line-height:13px; }
	.hand { width:100px; height:30px; background-size: 50px 25px; top: 2px; }
	.list-news .item { width:100%; position:relative; height: 115px; margin:0px; padding:0 20px; line-height:normal; margin-bottom:20px; }
	.list-news .item .image { position:absolute; left:20px; top:0px; width:60px; margin:0; }
	.list-news .item .text { padding:0px; padding-left:80px;  }
	.list-news .item h2 { margin: 0 20px 0 0; }
	.nav-item > a { font-size:16px; padding: 15px; }
	.nav-submenu-item a { padding: 15px; font-size:16px; }	
	
	.collection .content.fluxus { padding:20px; }
	.collection .list-opere .item { height: 270px; }
	.collection .buttons li { padding-left: 70px; }
	.collection .buttons.fluxus .artist a { width: 123px; height: 16px; background-size: 123px 16px; }
	.collection .buttons.fluxus .collective a { width: 197px; height: 17px; background-size: 197px 17px; margin-bottom:30px;}
	.collection .buttons.poetry .artist a { width: 79px; height: 25px; background-size: 79px 25px; }
	.collection .buttons.poetry .collective a { width: 136px; height: 25px; background-size: 136px 25px; }
	
	.collection .scheda { background:none; }
	.collection .scheda .filter { display:none; }
	.collection .scheda .text { margin-bottom:40px; }
	.collection .scheda .span_1_of_6 { display:none; }
	.collection .scheda .filter { display:none; }
	
	.collection .scheda .images .group:before, .collection .scheda .images .group:after { content:""; display:inline; }
	.collection .scheda .images .group:after { clear:inherit; }
	.collection .scheda .images .span_2_of_2 { width:none; }
	.collection .scheda .images .span_1_of_5 {  width: 32.2%; }
	.collection .scheda .images .col { display: block; float:left; margin: 0 0 1.6% 0; padding:0px 5px; }
	.collection .scheda .images p.didascalia { font-size:12px; }
	.collection .scheda .image {  width: 80%; text-align:center; margin-top:-40px; }
	.collection .poetry.intro { font-size: 18px; }
	.collection .poetry.intro .video { top: 170px; }
	.collection .poetry.intro .book {  margin-top: 30px; }
	.collection .poetry.intro .catalogue { top: 10%; left:50%; }
	.collection .poetry.intro .announcement { top: 200px; }
	.collection .poetry.intro .artistsbook { top: 20%;  }
	.collection .poetry.intro .unique { top: 50px; left:100px; right:inherit; }	
	.collection .poetry.intro .edition { margin-top: 250px; }
	.collection .poetry.intro .audio { right:10%; }
	.content-search { left:10px; right:10px; }
	
	
}