/* 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; } }