
#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 .splash ul li .text { top: auto; bottom:3%; left: 3%; }
	
	.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; }
	
	.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; }
	
	.footer .wrapper .col.c1 { width:22%; }
	.footer .wrapper .col.c2 { width:28%; }
	.footer .wrapper .col.c3 { width:21%; }
	.footer .wrapper .col.c4 { width:21%; }
	
	.pages .container.onecolumn.search .wrapper { padding:0; }
	.breadcrumbs { margin: 0 16px 20px; }
	.pages .container.onecolumn.search .pagination { margin-bottom: 30px; }
	
	.pages .container.onecolumn .wrapper { padding:0; }
	
	.fb_iframe_widget { display: block !important; }

}


/* Tablet Portrait and Smartphone Landscape and Portrait */
@media (max-device-width: 1024px) and (orientation: portrait) , (max-device-width: 767px) {

	.menu-header li.menu-item a
	{
		display: block;
		position: relative;
	}
	
	.menu-header .menu
	{
		width: 100%;
	}
	
	/* Nav */
	.header .nav ul ul { position:static; display:block; }
	#primary a { margin-bottom: 0px; }
	.nav .menu li a { position: relative; }
	span.nav-arrow { top: 50%; right: 0; margin-top: -23px; padding: 18px; }
		
	
	/* 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: 70px; 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; color: #ffffff; padding: 10px 40px; color: #000000; position: relative; }
	#primary.widget-area ul.xoxo li:hover > a { background-color:#f2f2f2; }
	
	
	#primary.widget-area ul.xoxo li:last-child { padding: 0; }
	#primary.widget-area ul.xoxo .children { 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;  }
	.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; }
	.pages { margin-top: 110px; }
	
	/* 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; height: 360px; }
	.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 { bottom: 3%; left: 3%; top: auto; }
	.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%; 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; }
	
	.pages .container.onecolumn .wrapper { padding:0; margin:0; }
	
	.fb_iframe_widget { display: block !important; }
}


/* 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: 6px; }
	
	/* Second Nav */
	#primary.widget-area { top: 40px; }
	/* Second Nav bt Mobile */
	.submenu-bt-mobile { top: 0px; }
	
	/* Sub Header */
	.header .sub_header { position: absolute; top: 16px; right: 80px; left: inherit; }
	.header .logo { padding-top: 0; background-position: top left; background-size: 100%; }
	
	/* Home */
	.pages .container.hp .box .wrap .thumb { width: 47.2%; }
	.pages .container.hp .box.crosslink .wrap .thumb.rettangolare_largo { width: 47.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: 47.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; }
	
	.pages .container.hp .wrap_newsletter { padding: 20px; }
	.pages .container.hp .wrap_newsletter .intro { padding:0; border:none; float: none; width: 100%; clear: both; margin-bottom: 40px; }
	.pages .container.hp .wrap_newsletter .form { padding:0; border:none; float: none; width: 100%; clear: both; margin-bottom:0; }
	.pages .container.hp .wrap_newsletter li input[type="text"] { width: 100%; }
	.pages .container.hp .wrap_newsletter .gfield_radio label { line-height: 16px; }

	.footer .wrapper .col.c1 { width:45%; padding-left: 10px; }
	.footer .wrapper .col.c2 { width:45%; }
	.footer .wrapper .col.c3 { width:45%; }
	.footer .wrapper .col.c4 { width:45%; }

}


/* Phone Portrait */
@media only screen and (min-device-width:0px) and (max-device-width:640px) and (orientation:portrait) {
		
	.pages .container .splash { height: 330px; }
	.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; }

	.pages .container.mostre.whatson { padding: 15px 0 40px; }
	
	.pages .container.hp .wrap_newsletter { padding: 20px; }
	.pages .container.hp .wrap_newsletter .intro { padding:0; border:none; float: none; width: 100%; clear: both; margin-bottom:20px; }
	.pages .container.hp .wrap_newsletter .form { padding:0; border:none; float: none; width: 100%; clear: both; margin-bottom:0; }
	.pages .container.hp .wrap_newsletter li input[type="text"] { width: 100%; }
	.pages .container.hp .wrap_newsletter .gfield_radio label { line-height: 16px; }
	
	.footer .wrapper .col.c1 { width:100%; padding-left: 0; float:none; }
	.footer .wrapper .col.c2 { width:100%; float:none; }
	.footer .wrapper .col.c3 { width:100%; float:none; margin-bottom:0; }
	.footer .wrapper .col.c4 { width:100%; float:none; margin-top:0; }
	
	.pages .container.onecolumn.search .wrapper { margin:0; }
	
	.header .sub_header .cerca { display:none; }
	
	.nav .menu li a { padding: 2px 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.hp .wrap_newsletter .intro { font-size:inherit; line-height:inherit; margin-bottom: 40px; }
	.pages .container.hp .wrap_newsletter .gform_wrapper .gform_footer { float:none; margin-top:0; }   

	.pages .container.onecolumn .wrapper { padding:0; margin:0; }
	
	.pages { margin-top: 0; }
	.header { position:relative; }

}


