#primary.widget-area ul.xoxo li a { position: relative; padding-right: 25px; }
#primary.widget-area ul.xoxo .children { display: none; }
span.nav-arrow { background: url(../images/nav-arrow.png) center right no-repeat; display: block; height: 10px; margin-top: 0; margin-bottom: 0; position: absolute; top: 0; right: -15px; z-index: 116; width: 11px; margin-top: 4px; padding: 5px 18px; }
span.nav-arrow.active { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }


/* Desktop e Tablet Landscape */
@media screen and (min-width: 0px) and (max-width: 1024px) {

	/* Footer */
	.footer .wrapper .col { width: 23%; }
	
	/* Home */
	
	.pages .container.hp .box .wrap .thumb { width: 31.3%; height: auto; background-size:cover; }
	
	.pages .container.hp .box.crosslink .wrap .thumb.quadrato { width:  47.9%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_meta { width:  47.9%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_largo { width:  47.9%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_stretto { width: 47.9%; }
	.pages .container.hp .box.crosslink .wrap .thumb.completo { width: 47.9%; }
	
	
	/* Calendar */
	.pages #datepicker .ui-datepicker { height: 247px; }
	.pages .container.hp .box .wrap .thumb.social h2,
	.pages .container.hp .box .wrap .thumb.calendar h2 { position: static; top: auto; display: block; margin-bottom: 6px; }
	
	/* tendina altri musei */
	.altri_musei .wrap .thumb { width: 149px; height: 149px; }
	.altri_musei .wrap .thumb .sfum { height: 149px; }
	.altri_musei .wrap .thumb h4 { font-size: 24px; line-height: 26px; padding: 10px; }
	
	.altri_musei .wrap a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	.pages .container.mostre .col_right .thumb a,
	.pages .container.hp .box .wrap .thumb .sfum a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	
	.pages .container.hp .box.crosslink .wrap .thumb.completo { width: 990px; }
	
	.pages .container.onecolumn.search .wrapper { padding:0; }
	.breadcrumbs { margin: 0 16px 20px; }
	.pages .container.onecolumn.search .pagination { margin-bottom: 30px; }
	
	
	.pages .info_visita .col { font-size: 16px; line-height: 20px; }
	.pages .info_visita .col img { max-width: 100px; }
	.pages .info_visita .col.got_img .text { padding-left:120px; }
	
	
}


/* Tablet Portrait and Smartphone Landscape and Portrait */
@media (max-device-width: 1024px) and (orientation: portrait) , (max-device-width: 767px) {

	/* Nav */
	.header .nav ul ul { position:static; display:block; }
	#primary a { margin-bottom: 0px; }
    span.nav-arrow { background: url(../images/nav-arrow.png) center right no-repeat; display: block; height: 10px; margin-top: 0; margin-bottom: 0; position: absolute; top: 50%; right: 0; z-index: 116; width: 11px; margin-top: -23px; padding: 18px; }
    span.nav-arrow.active { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
    .nav .menu li a { position: relative; }
	
	/* Main Nav */
	.nav .menu-header { position: relative; margin: 0; padding: 0; }
	.nav ul.menu { margin: 0; padding: 0; z-index: 1002; }
	.nav .menu { z-index: 1002; display: none; position: absolute; top: 0; left: 0; width: 100%; height: auto; -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.35); box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.35); background: #ffffff; }
	.nav .menu li { padding: 0; margin: 0 auto; width: 100%; text-align: center; display: block; border-bottom: 1px solid #d7d7d7; background-color: #ffffff; line-height: 43px; }
	.nav .menu li a { line-height: 36px; text-indent: initial; color: #ffffff; padding: 0; color: #000000; }
	.nav .menu li:last-child { padding: 0; border-bottom:none; }
	/* Menu bt Mobile */
	.nav .menu-bt-mobile { z-index: 1002; display: block; position: absolute; top: 33px; right: 0; margin: 0; padding: 0; cursor: pointer; height: 46px; width: 46px; background: url(../images/icon-menu-mobile.png) top right no-repeat; }
	.nav .menu-bt-mobile.on { background: url(../images/icon-menu-mobile-close.png) top right no-repeat; }
	/* Sub Menu Main Nav */
	.nav ul.sub-menu { background: #ffffff; padding: 0; width: 100% !important; margin: 0 auto; left: auto !important; }
	.nav ul.sub-menu li { background: #000000; padding: 0; width: 100% !important; margin: 0 auto; left: auto; }
	.nav ul.sub-menu a:link, .nav ul.sub-menu a:active, .nav ul.sub-menu a:visited { color: #000000; background: #ffffff; width: 100%;  display: block; padding: 10px 0 10px 0; }
	.header .nav ul li.current_page_item > a, .header .nav ul li.current-menu-ancestor > a, .header .nav ul li.current-menu-item > a, .header .nav ul li.current-menu-parent > a { color: grey; }
	
	/* Second Nav */
	#primary.widget-area ul.xoxo { margin: 0; padding: 0; }
	#primary.widget-area { z-index: 1; display: none; position: absolute; top: 240px; left: 0; width: 100%; height: auto; -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.35); box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.35); background: #ffffff; }
	#primary.widget-area ul.xoxo li { border-bottom: 1px solid #ccc !important; padding: 0; margin: 0 auto; width: 100%; text-align: center; display: block; border-bottom: 1px solid #d7d7d7; background-color: #ffffff; }
	#primary.widget-area ul.xoxo li:last-child { border-bottom: none !important; }
	#primary.widget-area ul.xoxo li a { line-height: 24px; text-indent: initial; padding: 10px 40px; color: #000000; position: relative; }
	#primary.widget-area ul.xoxo li:hover > a { background-color:#f2f2f2; }
	
	.pages .container.twocolumn.mostra #primary.widget-area { top: 440px; }
	.pages .container.twocolumn.mostra.short #primary.widget-area { top: 240px; }
	
	#primary.widget-area ul.xoxo li:last-child { padding: 0; }
	#primary.widget-area ul.xoxo .children { display: none; margin-left:0; }
	/* Second Nav bt Mobile */
	.submenu-bt-mobile { display: block; position: relative; top: 0px; right: 0; margin: 0 0 20px 0; padding: 0; cursor: pointer; height: 46px; width: 200px; background: url(../images/icon-menu-mobile.png) top left no-repeat; }
	.submenu-bt-mobile.on { background: url(../images/icon-menu-mobile-close.png) top left no-repeat; }
	.submenu-bt-mobile span { font-size: 18px; line-height: 49px; padding: 0 0 0 60px; }
	
	/* Sub Header */
	.header .sub_header { top: -10px; left: 0; }
	.header .logo { padding-top: 20px; background-position: bottom left; background-size: 85%; margin-bottom: 10px; }
	
	/* Footer */
	.footer .wrapper .col { width: 90%; margin-bottom: 20px; text-align: center; }
	.footer .wrapper .col.c3 { width: 42%; margin-top: 20px; text-align: left; margin-left: 10px; }
	.footer .wrapper .col.c4 { width: 42%; margin-top: 20px; text-align: left; }
	
	/* Classi varie */
	.alignright, img.alignright { float: none; padding: 0; width: auto; text-align: center; display: block; margin: 0 auto; margin-bottom: 20px; }
	.alignleft, img.alignleft { float: none; padding: 0; width: auto; text-align: center; display: block; margin: 0 auto; margin-bottom: 20px; }
	.breadcrumbs { display: none !important; }
	
	
	/* Home */
	.pages .container .splash ul li, .pages .container .splash ul li a { min-height: inherit; height: 300px !important; }
	.pages .container .splash { overflow: hidden; margin-bottom: 20px !important; }
	body.home .pages .container .splash { padding-bottom: 30px; }
	.bx-viewport { height: 300px !important; }
	.bx-viewport ul { height: 360px !important; }
	
	.pages .container .splash ul li { background-size: cover; background-position: center; background-repeat: no-repeat; }
	.pages .container .splash ul li .text h1,
	.pages .container .splash ul li .text h2,
	.pages .container .splash ul li .text h3,
	.pages .container .splash ul li .text h4,
	.pages .container .splash ul li .text h5,
	.pages .container .splash ul li .text h6 { font-size: 28px; line-height: 30px;   margin-bottom: 0; }
	.pages .container .splash ul li .text p { font-size: 18px; line-height: 20px; }
	
	
	.pages .container.hp .box .wrap .thumb { width: 93% !important; height: auto; background-size: cover; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_largo { width: 93%; background-size: cover; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_stretto { width: 93%; background-size: cover; }
	.pages .container.hp .box.crosslink .wrap .thumb.quadrato { width: 93%; background-size: cover; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_meta { width: 93%; background-size: cover; }
	.pages .container.hp .box.crosslink .wrap .thumb.completo { width: 93%; background-size: cover; }
	.pages .container.hp .box .wrap .thumb h4 { font-size: 30px; line-height: 32px; }
	
	/* Interno */
	.pages .container.onecolumn { padding: 20px 0 0 0; }
	.pages .container.onecolumn .text div { float: none; margin: 0 auto; width: 100% !important; text-align: left; border-bottom: none !important; padding: 20px 0 0 0 !important; }
	
	.pages .container.twocolumn { padding: 20px 0 0 0; }
	.pages .container.twocolumn .col_right { width: 100%; float: none; margin: 0 auto; }
	.pages .container.twocolumn .col_left { width: 100%; float: none; margin: 0 auto; }
	.pages .container.twocolumn .col_left ul.xoxo { padding: 0; }
	
	/* Mostre */
	.pages .container.mostre .col_left { width: 100%; float: none; margin: 0 auto; }
	.pages .container.mostre .col_right { width: 100%; float: none; margin: 0 auto; }
	.pages .container.mostre .riga_mostra .text { width: 100%; float: left; padding: 0; }
	.pages .container.mostre .riga_mostra .thumb { width: 100%; float: none; min-height: 200px; margin-bottom: 20px; }
	
	/* Contatti */
	iframe { width: 98%; margin: 0 0 20px 0; padding: 0; position: relative; float: none; top: auto; left: auto; }



}


/* Tablet Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:768px) and (orientation:portrait) {

	/* Footer */
	.footer .wrapper .col { width: 22%; text-align: left; }
	.footer .wrapper .col.c3 { width: 22%; margin-top: 0; margin-left: 20px; }
	.footer .wrapper .col.c4 { width: 22%; margin-top: 0; }
	
	/* Menu bt Mobile */
	.nav .menu-bt-mobile { top: 8px; }
	
	/* Second Nav */
	#primary.widget-area { top: 425px; }
	/* Second Nav bt Mobile */
	.submenu-bt-mobile { top: 0px; }
	
	.pages .container.twocolumn.mostra .info_visita { margin: 0 0px 40px; }
	.pages .container.twocolumn.mostra h1 { margin: 0 0 50px; }
	
	
	/* Sub Header */
	.header .sub_header { position: absolute; top: 16px; right: 150px; left: inherit; }
	.menu-musei-btn { right: 65px; background-color:#FFF; }
	.header .logo { padding-top: 0; background-position: top left; background-size: 100%; }
	
	/* tendina altri musei */
	.altri_musei .wrap .thumb { width: 169px; height: 169px; }
	.altri_musei .wrap .thumb .sfum { height: 169px; }
	.altri_musei .wrap .thumb h4 { font-size: 26px; line-height: 28px; padding: 10px; }
	
	
	
	/* Home */
	.pages .container.hp .box .wrap .thumb { width: 47.2%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_largo { width: 97.3%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_stretto { width: 47.3%; }
	.pages .container.hp .box.crosslink .wrap .thumb.quadrato { width: 47.3% }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_meta { width: 47.3%; }
	.pages .container.hp .box.crosslink .wrap .thumb.completo { width: 97.3%; }
	/* Interno */
	.pages .container.onecolumn { padding: 0; }
	.pages .container.twocolumn { padding: 0; }
	
	/* Mostre */
	.pages .container.mostre .riga_mostra .thumb { width: 40%; float: left; margin: 0 20px 0 0; min-height: 200px; }
	.pages .container.mostre .riga_mostra .text { width: 53%; float: left; padding: 0; }
	
	/* Titolo Museo in rosso in tutte le pagine */
	.pages .container .splash .main_title h1,
	.pages .container.twocolumn.mostra .splash .main_title h1 { font-size: 42px; line-height: 42px; padding: 12px 20px; }
	
	.pages .info_visita .col img { max-width: 90px; }
	.pages .info_visita .col.got_img .text { padding-left: 105px; }
	
	.pages .container.hp .box .wrap .thumb { width: 47.2% !important; }
	
	.header .sub_header .addthis_toolbox { display:none; }
	
	.header.en .sub_header { right: 222px; }


}


/* Phone Portrait */
@media only screen and (min-device-width:0px) and (max-device-width:640px) and (orientation:portrait) {
	
	.header .sub_header .addthis_toolbox { display: none; }
	
	.pages .container .splash .bx-wrapper .bx-pager,
	.pages .container .splash .bx-wrapper .bx-controls-auto { bottom: -80px; }

	.pages .container .splash ul li .text { top: auto; bottom:3%; left: 3%; }
	
	/* Titolo Museo in rosso in tutte le pagine */
	.pages .container .splash .main_title h1,
	.pages .container.twocolumn.mostra .splash .main_title h1 { font-size: 26px; line-height: 26px; padding: 10px 15px; }
	  
	.pages .info_visita .col { float:none; width:100% !important; margin-bottom:20px; font-size: 16px; line-height: 20px; padding:0; }
	.pages .info_visita .col img { max-width: 80px; margin: -10px 0 0 0; }
	.pages .info_visita .col.got_img .text { padding-left: 96px; }
	
	.nav .menu li a { padding: 2px 0; }

	.nav .menu-bt-mobile { top: 38px; height: 36px; width: 36px; background-size: contain; }
	.nav .menu-bt-mobile.on { background-size:contain; }
	
	.submenu-bt-mobile { background-size: 36px; background-position:center left; }
	.submenu-bt-mobile.on { background-size: 36px; background-position:center left; }
	.submenu-bt-mobile span { padding: 0 0 0 50px; }
	
	.header .sub_header { right: -2px; }	
	
	.altri_musei { top:90px; -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.25); }	
	.altri_musei .wrap { padding: 0; }
	.altri_musei .wrap .thumb { width: 94.3%; height: auto; background: none !important; margin-bottom: 0; }
	.altri_musei .wrap .thumb .sfum { height: auto; background:none; }
	.altri_musei .wrap .thumb h4 { padding: 5px 15px; border-bottom: 1px solid #d0d0d2; font-size: 15px; line-height: 24px; color: #000; text-shadow: none; font-weight: 400; }
	.altri_musei .wrap .thumb h4 br { content: " "; margin-right: 6px; }
	.altri_musei .wrap .thumb.b-lazy { opacity:1 !important; }
	.altri_musei .wrap a { position: static; }
	.altri_musei .wrap .thumb.muve { border:none; }
	.altri_musei .wrap .thumb.muve h4 { display: block !important; width: 100%; border-bottom: none; }
	
	.pages .container.twocolumn.mostra .info_visita { margin: 0 0px 30px; }
	.pages .container.twocolumn.mostra h1 { margin: 0 0 30px; }
	
	.riga_mostra .gallery { margin: 0 0px 20px 0; }
	.riga_mostra .gallery br { display:none; }
	.riga_mostra .gallery .gallery-item { width: 33.3%; }
	.gallery img { width: 100%; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.pages .container.mostre.whatson { padding: 15px 0 40px; }
	
		
	.pages .container.onecolumn.search .wrapper { margin:0; }
	
	.header .sub_header .cerca { display:none; }
	
	
	.menu-musei-btn,
	.header.en .menu-musei-btn { background:url(../images/arrow-down-mob-altri.png) left 5px no-repeat; padding-left:15px; width: auto; height: auto; text-indent: 0; right: 0; top: -5px; font-size: 13px; }
	.header .sub_header .rss { display:none; }
	.header.en .sub_header { right:0; }
	
	.nav .search-bt-mobile { z-index: 1002; display: block; position: absolute; top: 33px; right: 50px; margin: 0; padding: 0; cursor: pointer; height: 46px; width: 46px; background: url(../images/ico-search.png) top right no-repeat; background-size: contain; }
	.nav .search-bt-mobile.on { background: url(../images/icon-menu-mobile-close.png) center no-repeat; background-size: 36px; }

	.header .sub_header .cerca { position: absolute;	top: 100px;	width: 100%; background-color: #FFF; padding: 10px 0 20px; }
	.header .sub_header .cerca input { width: 100%; background: url(../images/ico-cerca.png) 10px center no-repeat; background-size: 14px; padding-left: 25px; padding: 7px 10px 6px 32px; font-size: 16px; line-height: 19px; }

	.pages .container.twocolumn { padding-top:0; }
	
	.pages .container .splash.short { height: 170px !important; }
	.pages .container .splash.short ul li, .pages .container .splash.short ul li a { height: 120px !important; min-height:10px !important; }
	
	.gallery { float:none; width:100%; }
	.gallery br { display:none; }
	.pages .container.twocolumn p { clear: both; }
	
	.pages .container .splash ul li .text p {
		font-size: 15px;
		line-height: 17px;
	}
	
	.gallery .gallery-caption { display:none; }
	
	.pages .container .splash ul li.short,
	.pages .container .splash ul li.short a { height: 120px !important; min-height: 10px !important; }

	.pages { margin-top: 0; }
	.header { position:relative; }

}