/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

#menu-toggle {
	display: none;
}
.wpcf7-tel {
	max-width: 100% !important;
	box-sizing: border-box;
	margin-top: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: solid 1px #D7D7D7;
	border-radius: 2px;
}
@media screen and (max-width: 1315px) {
	.footer-menu li a{
		padding: 0px 12px;
		}
	}


@media screen and (max-width: 1302px) {
	#social-footer .ig-photos {
		text-align:center;
		margin-bottom: 26px;
	}
	#social-footer .ig-photos a {
		display:inline-block;
		float:none;
	}
	#social-footer .ig-photos a:nth-child(1n) {
		margin-right:10px;
	}
	#social-footer .ig-photos a:nth-child(2n) {
		margin-right:0;
	}
	#social-footer .instagram h5 {
		margin-bottom: 20px;
	}
	#social-footer .social .follow-container {
		bottom: 40px;
	}
	.single-shows h2.subtitle-0{
		font-size: 1.8em;
		}
		.footer-menu li a{
		padding: 0px 10px;
		}
	#generi-tab-content > li > ul > li{
		margin: 0px 1% 5px 0px;
		}
}
@media screen and (max-width: 1279px) {
	.footer-menu li a {
		padding-left: 0;
		padding-right: 20px;
	}
	.footer-menu li.menu-item {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 1270px) {
	#comingsoon .owl-day {
		width: 98%;
		width: calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
	}

}
@media screen and (max-width: 1229px) {
	#footer .soci-footer .soci-part ul {
		text-align:center;
	}
	#footer .soci-footer .soci-part ul li {
		min-height:65px;
		display:inline-block;
		float:none;
	}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info{
		width:400px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario{
		margin:0px;
		}



}
@media screen and (max-width: 1230px) {
	.stagione-toolbar {
		margin-top: 0 !important
	}

	.footer-menu li a{
		line-height: 25px;
		padding-right: 40px;
		}

}
@media screen and (max-width: 1204px) {
	.woocommerce.post-type-archive-product ul.products li.product {
		width:47.7%;
	}
}
@media screen and (max-width: 1200px) {
	#header .flexvertical .slider-container.single-photo {
		background-position:center -50px;
	}
	#container {
		padding: 0px 10px;
	}
	.main-nav  .menu li a{
		width:auto;
		padding: 0px 25px;
	}
	.main-nav .menu li.home:first-child a{
		min-width: 160px;
		margin:0px;
	}

	.page h1.entry-title,
	.single h1.entry-title{
		font-size: 35px;
	}


}
@media screen and (max-width: 1192px) {


	#generi-tab-content > li > ul > li{
		width: 31.33%;
		max-width:31.33%;
		min-height:320px;
		}
	.link-blocks span{
		left:4%;
		font-size:13px;
		}
	.link-blocks a div .title{
		position:absolute;
		left:4%;
		}
	.page-blocks .third {
		width: calc(50% - 276.25px);
		width: -webkit-calc(50% - 276.25px);
	}

}

@media screen and (max-width: 1100px) {
	.main-nav  .menu li a{
		padding: 0px 15px;
	}
	.home .headerslider .slide-inner h2{
		font-size:30px;
	}
	.home .headerslider .slide-inner h3{
		font-size:20px;
		}
	#opera-aperta a h4{
		margin-top: 48px;
		font-size:18px;
	}
	#opera-aperta a h3{
		font-size:30px;
	}
	#opera-aperta a p{
		font-size: 16px;
	}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons{
		margin-top: 30px;
	}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons a{
		float: none;
		margin-bottom: 10px;
		text-align:center;
		}
	.page-template-page-stagione #filtri{
		float: none;
		width: 100%;
		min-height:20px;
		margin-bottom: 20px;
		}
	.page-template-page-stagione #generi-tabs{
		float:left;
		margin-top:0px;
		margin-left:20px;
		}
	.page-template-page-stagione .show-search-wrapper{
		float:left;
		}
	.link-blocks a div .title{
		font-size: 25px;
		line-height: 26px;
		}
	.link-blocks a div{
		margin-right:10px;
		margin-bottom:10px;
		}
	.page-template-page-biglietteria .buy-options .buy-option {
		width: 48%;
		box-sizing: border-box;
		margin-bottom: 4%;
		margin-right: 4%;
	}
	.page-template-page-biglietteria .buy-options .buy-option:nth-child(even) {
		margin-right: 0 !important;
	}

	.link-blocks .single {
		width: calc(25% - 70.75px);
		width: -webkit-calc(25% - 70.75px);
	}

	.link-blocks span {
		left: 10%;
	}
	.home .headerslider .slide-inner .info-slide-sx{
		width: 68%;
		padding-left: 2%;
		}


}

@media screen and (max-width: 980px) {

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	.front-page  #widgets {
		margin-top: 40px;
	}
	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}
	.hide-desktop {
		display: block;
	}
	.show-desktop {
		display: none;
	}
	.hide-980 {
		display: none;
	}
	.show-980 {
		display: block;
	}

	.home .headerslider-wrapper #top-bar .headerlogo img{
		width:80%;
	}

	.home #content{
		margin-top:20px;
	}
	#opera-aperta a h4{
		margin-top: 30px;
		font-size:16px;
		line-height:18px;
	}
	#opera-aperta a h3{
		font-size:25px;
		line-height:26px;
	}

	#opera-aperta a p{
		font-size: 14px;
		line-height:16px;
	}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .data{
		width: 50px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info{
		width: 320px;
		}
	.link-blocks .double{
		width: 460px;
		}
	.link-blocks .single {
		width: 200px;
	}
	/*.link-blocks a div{
		padding:3%;
		}*/
	.page-blocks .third{
		width:50%;
		}
	.page-id-19715 .page-template-page-biglietteria .subtitle, .page-blocks .subtitle{
		text-align:left;

		}


	.page-template-page-lezioni-opera .acquista-lezione,
	.page-template-page-coreografi-ballerini-noi .acquista-lezione{
		display: block;
		clear: both;
		float: none;
		background-color:transparent;
		}
	.page-template-page-lezioni-opera ul.lezione li,
	.page-template-page-coreografi-ballerini-noi ul.lezione li{
		height: auto;
		overflow: hidden;
		}
	.page-template-page-lezioni-opera .data-lezione,
	.page-template-page-coreografi-ballerini-noi .data-lezione{
		width:15%;
		}
	.page-template-page-lezioni-opera .info-lezione,
	.page-template-page-coreografi-ballerini-noi .info-lezione{
		width:55%;
		}
	.page-template-page-lezioni-opera .acquista-lezione
	.page-template-page-coreografi-ballerini-noi .acquista-lezione{
		width:40%;
		}

	.page-template-page-coreografi-ballerini-noi .acquista-lezione span {
	    margin: 30px;
	}
	.page-template-page-coreografi-ballerini-noi .acquista-lezione {
    height: auto;
	}
	.page-template-page-coreografi-ballerini-noi .img-lezione {
		width: 125px;
	}

	.scheda-artista {
		width: 97%;
	}

	.modal {
	  top: 50%;
	  left: 50%;
	  width: 80%;
	  margin-left: -40%;
	}
	.home .headerslider .slide-inner .ruolo-nome{
		font-size: 16px;
		line-height: 20px;
		}
	.home .headerslider .slide-inner .info-slide-sx{
		width: 60%;
		}
	.home .headerslider .slide-inner .info-slide-dx{
		width: 40%;
		}
	.home .headerslider .slide-inner .header-data{
		font-size:13px;
		}
	.home #header #nav{
		bottom:0px;
		}

}
@media screen and (max-width: 952px) {
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont:first-child {
		margin-left: 32%;
		margin-left: calc(33.3333% + 8px);
		margin-left: -webkit-calc(33.3333% + 8px);
	}
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont {
		width: 31%;
		width: calc(33.3333% - 18px);
		width: -webkit-calc(33.3333% - 18px);
	}
}
@media screen and (max-width: 880px) {
	#header .main-nav-wrapper {
		background: #000 url('../images/logo-mobile.png') no-repeat top left;
		background-size: contain;
		padding-left: 120px;
		box-sizing: border-box;
	}
	.mobile-link-home {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 120px;
		height: 60px;
		opacity: .5;
		z-index: 2000
	}
	#header .main-nav-wrapper input {
		display: none;
	}
	#header .main-nav-wrapper form {
		width: 40px !important;
		overflow: hidden;
	}
	#header .language-switcher {
		margin-top: 4px;
	}
	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}
	.grid,
	.grid-right {
		float: none;
	}
	#menu-menu-header,
	#menu-menu-header-eng {
		box-shadow: 0 0 20px rgba(0,0,0,.25);
		background: #fff !important;
		position: fixed;
		bottom: 60px;
		left: 0;
		width: 100% !important;
	}
	#menu-menu-header li:first-child a,
	#menu-menu-header-eng li:first-child a{
		text-indent: 0 !important;
		background: none !important;
	}
	#menu-menu-header li a,
	#menu-menu-header-eng li a{
		text-align: center ;
		font-size: 1.5em !important;
	}
	#menu-menu-header li ul,
	#menu-menu-header-eng li ul{
		display: none
	}
	.main-nav-wrapper {
		position: relative;
	}

	#responsive_current_menu_item {
		width: 0;
		height: 0;
		overflow: hidden;
		color: #000 !important;
	}
	#responsive_menu_button {
		top: 20px !important;
	}
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	.top-widget {
		float: none;
		position: relative;
		width: auto;
		margin: 0 auto 10px auto;
		text-align: center;
	}
	.top-widget .widget-title h3 {
		text-align: center;
	}
	.js .sub-header-menu {
		display: none;
	}
	.js .main-nav {
		clear: both;
		position: relative;
		margin: 0 auto;
	}
	.js .main-nav .menu {
		display: none;
		position: absolute;
		z-index: 1000;
		bottom: 30px;
		width: 100%;
	}
	.js .main-nav .menu ul {
		margin-top: 1px;
	}
	.js .main-nav .menu li {
		float: none;
		border: none;
		background-color: #fff;
	}
	.js .main-nav .menu li a {
		height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		color: #444;
		text-shadow: none;
		font-size: 13px;
		font-weight: normal;
		line-height: 45px;
		text-align: left;
		cursor: pointer;
	}
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}
	.js .main-nav .menu li li:hover {
		background: none !important;
	}
	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-color: #f5f5f5 !important;
		background-image: none;
		filter: none;
	}
	.js .main-nav .menu li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}
	.js .main-nav .menu li li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}
	.js .main-nav .menu li li li a::after {
		position: absolute;
		top: 0;
		left: 30px;
		content: "\2013";
	}
	.js .main-nav .menu li ul {
		visibility: visible;
		position: static;
		background-color: #fff;
	}
	.js .main-nav .menu ul {
		min-width: 0;
	}
	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}
	.js .main-nav a#responsive_menu_button {
		display: block;
		position: absolute;
		top: 0;
		left: 100%;
		width: 23px;
		height: 30px;
		margin-left: -30px;
		background: url("../images/select-icons.png") 0 5px no-repeat;
		cursor: pointer;
	}
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url("../images/select-icons.png") 0 -46px no-repeat;
	}
	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}
	#author-meta {
		padding: 20px;
	}
	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}
	.hide-650 {
		display: none;
	}
	.show-650 {
		display: block;
	}
	.hide-mobile {
		display: none;
	}
	#footer {
		text-align: center;
	}
	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	.link-blocks > div {
		clear: both;
		display: block;
		width: 100% !important;
		margin-right: 0;
		background-size: cover !important;
		box-sizing: border-box;
		text-align: center;
		min-height: 250px;
	}
	.link-blocks > div a {
		display: inline-block  !important;
		margin: 100px auto 0 !important;
		position: relative  !important;
		top: inherit  !important;
		left: inherit  !important;
	}
	.scroll-menu {
		background: #fff;
	}
	.scroll-menu li {
		display: block;
		margin: 0 0 5px;
		text-align: center;
		float: none;
	}
	#social-footer {
		background: #fff;
	}
	#social-footer .inner .social {
		width: 50%;
	}
	#social-footer .social .follow-container{
		bottom: 60px;
	}

	#footer .grid > ul > li {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		min-height: auto !important;
	}
	#footer .grid > ul > li a {
		font-size: 1.2em;
	}
	.social-top{
		display: none !important;
	}
	.headerlogo {
		display: block;
		float: none;
		max-width: 200px;
		width: 100%;
		margin: 10px auto !important;
	}

	.headerslider-wrapper .terms,
	.headerslider-wrapper .location {
		display: none;
	}
	.headerslider-wrapper .slide {
		min-height: 400px !important;
	}
	.share {
		display: none;
	}
	#top-bar .youtube,
	#top-bar .twitter {
		display: none;
	}
	#top-bar:after {
		clear: both;
		content: '';
		display: block;
	}
	#menu-footer-menu * {
		padding: 0 !important;
		text-align: center;
		margin: 0 !important;
	}
	#menu-footer-menu li a {
		display: block;
		margin-bottom: 3px !important;
		line-height:12px;

	}
	#menu-footer-menu > li {
		margin-bottom: 20px !important;
	}
	#footer-wrapper {
		margin-bottom: 80px !important;
	}
	.footer-menu li {
		min-height: 0px;
	}
	.copyright {
		text-align: center;
	}
	.scroll-top {
		display: none;
	}
	#menu-toggle {
		position: absolute;
		top: 10px;
		right: 0;
		margin: 15px;
		width: 30px;
		z-index: 9000;
	}
	#menu-toggle a {
		display: block;
		height: 30px;
		width: 30px;
		position: relative;
	}
	.line {
		background: #999;
		height: 2px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1200;
		width: 30px;
		transition: all linear 0.15s;
		-webkit-transition: all linear 0.15s;
		-moz-transition: all linear 0.15s;
		-ms-transition: all linear 0.15s;
		-o-transition: all linear 0.15s;
	}
	.white .line {
		background: #fff;
	}
	.lang {
		margin-left: 40px;
	}
	.relative {
		position: relative;
	}
	.close .line-1 {
		background: #fff;
		-webkit-transform: rotate(30deg);
		top: 5px;
		left: 50%;
		margin-left: -15px;
	}
	.close .line-3 {
		background: #fff;
		-webkit-transform: rotate(-30deg);
		top: 5px;
		left: 50%;
		margin-left: -15px;
	}
	.close .line-2 {
		background: #fff;
		opacity: 0;
	}
	.line-1 {
		top: 0;
	}
	.line-2 {
		top: 6px;
	}
	.line-3 {
		top: 12px;
	}
	.line-4 {
		top:  18px;
	}
	.home .headerslider-wrapper .pagination-wrapper{
		right:10px;
	}
	#generi-tabs li a, #stagioni-tabs li a{
		margin-left: 10px;
		margin-right: 10px;
	}
	.page h1.entry-title,
	.single h1.entry-title {
		font-size: 30px;
	}

	.opera-aperta {
		box-sizing: border-box;
	}
	#header-carousel {
		display: none;
	}
	#header .flexvertical .slider-container {
		width: 100% !important;
	}
	#header .slider-container,
	#header .flexvertical .flex-viewport,
	#header #header-slider .slides > li {
		height: 40vh !important;
		min-height: 0 !important;
	}
	#generi-tab-content > li > ul > li{
		max-width: 382px;
		min-height:350px;
		margin-bottom:5px;
		}
	#generi-tab-content > li > ul > li:nth-child(3n){
		margin-right:1% !important;
		}
	#generi-tab-content > li > ul > li{
		width: 49%;
		min-height: 315px;
		}


}

@media only screen and (max-width: 830px){

	#stagione #generi-tabs {
		margin-top: 30px;
		text-align: left;
		float: left;
	}

	#stagione #generi-tabs li a {
		margin-left: 0;
	}

	#generi-tabs li:last-child a {
		margin-right: 0;
	}
}

@media only screen and (max-width: 800px){

	#header .flexvertical .info-container .info-item h3 {
		/*width: 600px;
		white-space: normal;*/
		top: 42px;
		margin: 30px 60px !important
	}

	.owl-day,
	.owl-day .scroll-date,
	.owl-day .day {
		display: none !important;
	}
	.flex-container {
		display: flex;
		justify-content: center;
	}
	.flex-container {
		font-size: 2em !important;
	}
	.owl-day .owl-nav .owl-next {
		right: 30px !important;
	}
	.owl-day .owl-nav .owl-prev {
		left: 30px !important;
	}
	#masonry-opera-aperta .grid-item {
		width: 48%;
	}
	#masonry-news .grid-item {
		width: 48%;
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario .data{
	width:70px;
	padding: 52px 0px 20px 0px;

	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info{
	width:60%
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons{
	clear:both;
	float:none;
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons a{
	float:left;
	margin-left:240px;
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons .buy{
	margin-left:10px;
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario > *{
	height: 140px;
	}
.page-template-page-stagione .location{
	height: 20px;
	line-height: 20px;
	}
.page-template-page-stagione #generi-tab-content .spettacolo-calendario > *{
	height:130px;
	}
.link-blocks .single{
		width: 192px;
		}
.link-blocks .double {
		width: 440px;
	}
.fascia.personalizzabile ul li{
		margin-right: 8px;
	}

.shop_table.cart .button.wc-backward {
	float: right;
	text-align: center;
}
	.bandi-fabbrica label{
		width: 100%;
	}


}
@media screen and (max-width: 725px) {

	#header .flexvertical .info-container .info-item h3 {
		margin: 0!important;
		top: 74px;
	}

	.allievi > div {
		box-sizing: border-box;
		clear: both !important;
		float: none !important;
		display: block !important;
		width: 100% !important;
	}
	.allievi > div p {
		min-height: 0 !important;
	}
	/*#stagione #generi-tabs{
		float: none;
		margin-left: 30px;
		margin-top:10px;
		clear:both;
	}
	#stagione #generi-tabs li a{
		margin-left:0px;
	}*/
	#opera-aperta a h4{
		margin-top: 28px;
		font-size:14px;
		line-height:14px;
	}
	#opera-aperta a h3{
		font-size:20px;
		line-height:20px;
	}
	#opera-aperta a p{
		font-size: 13px;
		line-height:13px;
	}
		#correlati-carousel li {
		box-sizing: border-box;
		/*clear: both !important;*/
		float: left !important;
		margin: 0 0 20% !important;
		display: block !important;
		width: 47% !important;
		margin-right: 6% !important;
	}

	#correlati-carousel li:nth-child(even) {
		margin-right: 0 !important;
	}

	#correlati-carousel {
		box-sizing: border-box;
		width: 100% !important;
		padding: 0 10px !important;
	}
	.correlati .date,
	.correlati li a {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	#correlati-carousel li img {
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: auto;
	}
	#menu-footer-menu > li{
		margin-bottom: 10px;
	}
	#header .flexvertical .slider-container.single-photo{
		background-position: center;
		}


	#generi-tabs li a, #stagioni-tabs li a{
		margin-left: 0px;
		margin-right: 12px;
		}
	.link-blocks a div:hover{
		background-size:cover;
		}
	.fascia.personalizzabile ul li{
		margin-right: 8px;
	}


}
@media screen and (max-width: 720px) {
	.fascia.personalizzabile a .inner .text{
		display:none;
	}
	.fascia.personalizzabile ul li{
		display:block;
		float:none;
		margin-right: 0px;
		height:200px;

	}

	.fascia.personalizzabile li.fascia-2x,
	.fascia.personalizzabile li.fascia-1x{
		width: 95%;
		background-size:cover;
		}
	.fascia.personalizzabile li .inner,
	.fascia.personalizzabile li.half.has-thumbnail .inner,
	.fascia.personalizzabile li.has-video a .inner{
		height:auto;
		}
	.fascia.personalizzabile li .inner h3{
		background-color:rgba(0,0,0,0.60);
		color:#fff;
		padding:10px;
		}
	.fascia.personalizzabile li.fascia-2x.has-video{
		width: 100%;
		background-size: 100% auto;

		}

	.fascia.personalizzabile ul li iframe.youtube-player{
		width:100% !important;
		height:100% !important;
		}
	.fascia.personalizzabile li.has-video a .inner{
		position:absolute;
		}

}



@media screen and (max-width: 707px) {
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont:first-child {
		margin-left: 52%;
		margin-left: calc(50% + 8px);
		margin-left: -webkit-calc(50% + 8px);
	}
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont {
		width: 51%;
		width: calc(50% - 18px);
		width: -webkit-calc(50% - 18px);
	}
	section .section-header .title{
		position:relative;
		}


}
@media screen and (max-width: 680px) {
	#header .flexvertical .info-container .info-item h3 {
		font-size: 16px;
	}

	.home #content{
		margin-top:0px;
	}
	section .section-header h2{
		font-size:30px;
	}
	#menu-footer-menu li a{
		margin-bottom:0px;

		}
	.fascia.personalizzabile li.has-video a .inner{
		min-height:1px;
		}
	.fascia.personalizzabile li.half.has-thumbnail .inner{
		height:auto;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info{
		width:100%;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info{
		margin-top: 1px;
		padding-left: 15px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons a{
		margin-left: 15px;
		}
	.page-template-page-stagione .location{
		height: auto;
		line-height: 18px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .info .hours{
		line-height:18px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .data{
		padding: 52px 20px 20px 0px;
		}
	.page-template-page-stagione #generi-tab-content .spettacolo-calendario .buttons{
		margin-top: 0px;
		padding-top: 10px;
		}
	.page-template-page-stagione #filtri{
		min-height:60px;
		}
	.page-template-page-stagione #filtri a, .page-template-page-stagione #filtri .location{
		line-height: 30px;
		}
	.link-blocks .single,
	.link-blocks .double {
		background-size: cover;
		box-sizing: border-box;
		clear: both;
		float: none ;
		margin-bottom: 20px;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	.page-blocks .third {
		width: 93%;
	}
	.page-template-page-prezzi .prezzi-stagione{
		line-height: 16px;
		}
	.page-template-page-prezzi .riga_area > div{
		padding:4px 0px;
		}
	.parent-pageid-231 td{
		line-height:16px;
		padding:5px 0px;
		}
	.woocommerce .woocommerce-message .button{
		float:none;
		}
	.home .headerslider .slide-inner .info-slide-sx,
	.home .headerslider .slide-inner .info-slide-dx	{
		width: 100%;
		display:block;
		text-align:center;
		padding-top:15px;
		}
	.home .headerslider .slide-inner .ruolo-nome{
		display:none;
		}
	.home .headerslider .slide-inner .info-slide-sx,
	.home .headerslider .slide-inner .info-slide-dx{
		padding:0px;
		}
	.home .headerslider .slide-inner .info-slide-sx .musica-di{
		display:none;
		}
	.home .headerslider .slide-inner .header-data{
		margin-bottom:10px;
		}
	.home .headerslider .slide-inner .cont-midle{
		height: 165px;
		}
	.home .headerslider .last-minute{
		padding:0px;
		background:none;
		}
	.home .headerslider .slide-inner{
		height:90%;
		}



}
@media screen and (max-width: 630px) {

	.page-template-page-stagione #generi-tabs {
		text-align: left;
		margin-left: 0;
	}
}

@media screen and (max-width: 600px) {
	#container {
		padding: 0px;
	}
	#wrapper{
		padding: 0 10px 20px;
	}


	#header .flexvertical .info-container .info-item h3{
		width: 450px;
		white-space: normal;
	}

	#social-footer .inner {
		padding-top: 0px;
	}
	#menu-footer-menu {
		padding-left: 0px;
	}
	#generi-tab-content ul li {
		width: 100% ;
		max-width: inherit;
		margin: 0;
	}
	#generi-tab-content ul li:nth-child(odd) {
		margin-right: 0% ;
	}
	#generi-tab-content ul li .img-spettacolo {
		background-size: cover;
		width: 100% !important;
	}
	#griglia p img.alignleft {
		display: block;
		width: 100%;
		height: auto;
	}
	.page-template-page-biglietteria .buy-options .buy-option {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 2%;
	}
	.home .headerslider-wrapper #top-bar .headerlogo img{
		width:80%;

	}
	.home .headerslider .slide-inner h2 {

		font-size:25px;
	}
	.home .headerslider .slide-inner h3 {
		font-size:18px;
		}
	#opera-aperta a h4{
		margin-top: 20px;
		font-size:13px;
		line-height:13px;
		margin-bottom:0px;
	}
	#opera-aperta a h3{
		font-size:16px;
		line-height:20px;
		margin:0px;
	}
	#opera-aperta a p{
		font-size: 12px;
		line-height:15px;
		margin:0px;
	}
	.home section#comingsoon{
		display:none;
	}
	#opera-aperta img {

	}
	#opera-aperta{
		width:100%;
		height:100px;
		margin:0px;
		background-position:left;
		background-repeat: no-repeat;
		margin:0px;
	}
	#masonry-opera-aperta .grid-sizer,
	#masonry-opera-aperta .grid-item {
		width: 100%;
	}
	#masonry-opera-aperta .gutter-sizer {
		width: 0;
	}
	#masonry-news .grid-sizer,
	#masonry-news .grid-item {
		width: 100%;
	}
	#masonry-news .gutter-sizer {
		width: 0;
	}
	#generi-tab-content > li > ul > li{
		width: 382px;
		min-height: 300px;
		}
	#social-footer .social h5{
		margin-bottom: 30px;
		}



/*Parte rierita al comingsoon per viusalizzare tutto senza hover*/
	#comingsoon  .owl-controls .owl-prev,
	#comingsoon .owl-controls .owl-next{
		display:block !important;
		text-decoration: none;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: -20px 0px 0px;
		position: absolute;
		top: 50%;
		z-index: 10;
		overflow: hidden;
		cursor: pointer;
		color: #999;
		transition: all 0.3s ease-in-out 0s;

		}

	#comingsoon  .owl-controls .owl-prev::before,
	#comingsoon .owl-controls .owl-next::before {
		font-family: "FontAwesome";
		font-size: 55px;
		display: inline-block;
		color: #999;
		content:"\f104";
	}
	#comingsoon .owl-controls .owl-next::before {
		content:"\f105";
		}

	#comingsoon .owl-controls .owl-prev{

		left: 10px;

		}
	#comingsoon .owl-controls .owl-next{
		right: 10px;
		text-align: right;

		}
	.owl-date .backline{
		width:80%;
		}
	.owl-date .backline .bg{
		background-position: top center;
		}
	.owl-date .backline .buy {
		visibility: visible;
		color:#fff;
	}
	.owl-carousel .owl-stage-outer{
		margin: 0px 10%;
		}

	.owl-date .backline .inner{
		background-color: rgba(0, 0, 0, 0.28);
		}
	.owl-date .backline .inner,
	#comingsoon .terms,
	.owl-date .title,
	#comingsoon .location,
	#comingsoon .hours{
		color: #FFF;
	}
/*Fine comingsoon*/

/*	responsive per la pagina mappe-teatri*/
	.page-id-227 .post-entry h3 img,
	.page-id-20777 .post-entry h3 img{
		display:block;
		clear:both;
		}
	/*	responsive per la pagina biglietteria/agevolazioni*/
	.page-id-225 .post-entry table tr td,
	.pageid-21259 .post-entry table tr td{
		display:block;
		}
	#social-footer .inner .social {
		clear: both;
		width: 100% ;
		height:auto;
	}
	#social-footer .social-post{
		width:100%;
		}
	#social-footer .social .follow-container{
		bottom: auto;
		position: relative;
		margin-bottom:60px;
		margin-top:20px;
		}
	.home .headerslider .slide-inner .cont-midle{
		height: 120px;
		}
	.home .headerslider .slide-inner{
		height:80%;
		}

}
@media screen and (max-width: 548px) {
	.home .headerslider .slide-inner {
   	 height: 75%;
	}
	#generi-tab-content > li > ul > li{
		width: 100%;
		max-width: 100%;
		min-height: 300px;
		padding-bottom: 1rem;
    	margin-bottom: 1rem;
		}
	.fascie-personalizzabili #container {
		padding: 0px 10px;
	}
	.page-template-page-stagione #generi-tab-content img{
		width: 100%;
	}
	.page-template-page-stagione .show-search-wrapper a{
		margin-right: 10px;
	}

}

@media screen and (max-width: 493px) {
	#header .flexvertical .info-container .info-item h3 {
		width: 430px;
		top: 55px;
	}
	.fascia.personalizzabile:last-child {
		margin-bottom:0;
	}
	section .section-header.tree-line {
		margin-top: 38px;
	}
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont:first-child {
		margin-left: 8px;
		margin-top: 80px;
	}
	section.romaopera-operagiovani .ra-prima-fascia .ra-cont {
		width: auto;
		float: none;
	}
	.page-template-page-stagione #filtri > *{
		margin-right: 20px;
		}

	.page-template-page-lezioni-opera .acquista-lezione,
	.page-template-page-coreografi-ballerini-noi .acquista-lezione{
		width: 40%;
		height:45px;
		}
	.page-template-page-lezioni-opera .data-lezione,
	.page-template-page-coreografi-ballerini-noi .data-lezione{
		width: 40%;
		}
	.page-template-page-lezioni-opera .info-lezione,
	.page-template-page-coreografi-ballerini-noi .info-lezione{
		width:100%;
		padding:10px;

		}

	.page-template-page-lezioni-opera .info-lezione strong,
	.page-template-page-coreografi-ballerini-noi .info-lezione strong{
		font-size:16px;
		line-height:16px;
		color:#2E2E2E;
		}
	.page-template-page-lezioni-opera .acquista-lezione,
	.page-template-page-coreografi-ballerini-noi .acquista-lezione{
		width:50%;
		}
	.page-template-page-lezioni-opera .acquista-lezione span,
	.page-template-page-coreografi-ballerini-noi .acquista-lezione span{
		margin:10px;
		}
	.page-template-page-lezioni-opera .img-lezione,
	.page-template-page-coreografi-ballerini-noi .img-lezione{
		width:40%;
		}
	.home .headerslider .slide-inner {
		height: 60%;
		}
	.home .headerslider .slide-inner .cont-midle {
		height: 160px;
	}
	.home .headerslider .slide-inner {
		height: 75%;
	}
	section.romaopera-operagiovani .ra-prima-fascia,
	section .section-header.tree-line .title{
		margin:0px;
		}
	section .section-header.tree-line{
		height:auto;
		}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product{
		width: 100% !important;
	}

}
@media screen and (max-width: 480px) {

	#header .flexvertical .info-container .info-item h3 {
		width: 420px;
	}
	#logo {
		float: none;
		text-align: center;
	}
	.grid,
	.grid-right {
		float: none;
	}
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	.featured-title {
		padding: 40px 20px 0 20px;
		font-size: 40px;
	}
	.featured-subtitle {
		font-size: 24px;
	}
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	#wrapper .gallery .gallery-item {
		float: none;
	}
	.hide-480 {
		display: none;
	}
	.show-480 {
		display: block;
	}
	#footer {
		text-align: center;
	}
	#footer .social-icons {
		text-align: center;
	}
	.home .headerslider .slide-inner h2{
		font-size:20px;
	}
	.home .headerslider .slide-inner h3{
		font-size:15px;
		margin-top:-34px;
		margin-bottom:5px;
		}
	.home .headerslider .slide-inner h2,
	.home .headerslider .slide-inner h3{
		margin-left:10px;
		margin-right:10px;
		}

	#generi-tabs,
	#stagioni-tabs{
		text-align:left;
	}
	#stagione #generi-tabs,
	#stagione #stagioni-tabs{
		margin-left:10px;
	}
	#generi-tabs li a, #stagioni-tabs li a{
		font-size:13px;
		margin-right:7px;
	}
	#generi-tabs li:last-child a,
	#stagioni-tabs li:last-child a{
		margin-right: 0px;
	}

	.home #generi-tab-content .terms{

	}
	section .section-header .title{
		left: 20px;
		padding-left: 10px;
		padding-right: 10px;
		min-width:120px;
	}
	section .section-header.single-line .title{
		top:25px;
	}
	section .section-header h2 {
		font-size: 28px;
	}
	.home section{
		margin-bottom:20px;
	}
	#opera-aperta a h4,
	#opera-aperta a p{
		display:none;
	}
	.home .headerslider .slide {
		background-size: 100% auto;
		background-position: center top;
		}

	/*.page-template-page-home #opera-aperta{
	display:none;
		}*/
	#generi-tab-content{
		margin: 20px 0px 0px;
		}
	.fascie-personalizzabili .fascia.personalizzabile:first-child .scroller{
		margin-top: 30px;
		}

	section.romaopera-operagiovani .ra-prima-fascia .ra-cont{
		height:auto;
		}
	section .section-header.tree-line{
		background-repeat: repeat-x;
		}
	.page-template-page-home #opera-giovani{
			margin-top: 40px;
		}
	.page h1.entry-title, .single h1.entry-title{
		font-size: 25px;
		}
	.single-shows h2.subtitle-0{
		font-size: 20px;
		}
	.single-shows .post-meta h3{
		font-size: 1.1em;
		}
/*Responsive pagina coro organico	*/
	.page-id-6658 table tr td{
		display:block;
	}
	#footer .soci-footer .soci-part ul li{
		/* Mostra massimo due loghi per riga su mobile <548px */
		width: 50%;
		box-sizing: border-box;
	}
	#footer .soci-footer .soci-part ul li:only-child{
		/* Se un solo logo nella lista, usiamo tutta la larghezza */
		width:100%;
		}

	.fascia.personalizzabile li.fascia-2x,
	.fascia.personalizzabile li.fascia-1x{
		width: 92%;
	}
	.fascia.personalizzabile li.fascia-2x.has-video{
		width:99%;
		}

	#correlati-carousel li {
		width: 100% !important;
	}
	.caroufredsel_wrapper {
		height: 390px !important;
	}

	.correlati-arrows {
		top: -20px;
	}

	.woocommerce.post-type-archive-product ul.products li.product {
		width:100%;
		clear:both;
		float:none;
		margin-bottom:15px;
	}
}

@media screen and (max-width: 460px) {
	.home .headerslider .slide-inner {
    height: 70%;
	}
}

@media screen and (max-width: 403px) {

	.flexvertical .info-container .info-item h3 {
    width: 350px;
	}

	.page-template-page-stagione #filtri i{
		margin-right: 2px;
		}
	#generi-tab-content > li > ul > li{
		width:100%;
		}
	.home .headerslider-wrapper .headerslider,
	.home .headerslider-wrapper .caroufredsel_wrapper,
	.home #header{
		height:215px;
		}

	.home .headerslider .videoslide .slide-inner h2{
		margin-top: 70px;
		margin-bottom: 10px;
		}
	.home .headerslider .slide-inner {
		height: 65%;
		}
}


@media screen and (max-width: 366px) {

	.flexvertical .info-container .info-item h3 {
    width: 300px;
	}
	.home .headerslider-wrapper #top-bar .headerlogo img{
		width:60%;
	}
	.home .headerslider .slide-inner {
   	 height: 60%;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs{
		padding:0px !important;
		}
	.woocommerce div.product .woocommerce-tabs ul.tabs li{
		    padding: 0 12px;
		}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
		font-size: 12px !important;
		}
	.woocommerce div.product .woocommerce-tabs .panel h2{
		font-size: 18px !important;
		}


}


@media screen and (max-width: 320px) {

	#header .flexvertical .info-container .info-item h3 {
    width: 260px;
    font-size: 14px;
    line-height: 1;
    top: 60px;
    white-space: normal;
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}
	.featured-title {
		font-size: 35px;
	}
	.featured-subtitle {
		font-size: 15px;
	}
	.call-to-action a.button {
		padding: 7px 17px;
		font-size: 14px;
	}
	.hide-320 {
		display: none;
	}
	.show-320 {
		display: block;
	}
	#stagione #generi-tabs,
	#stagione #stagioni-tabs{
		margin-left:6px;
	}
	#container {
 		padding: 0px 5px;
	}
.page-template-page-stagione #filtri > *{
	margin-right: 5px;
	}

	.coupon {
		font-size: 8px;
	}
}

/* =============================
	 FOOTER SPONSOR MOBILE LAYOUT
	 Forziamo layout a due colonne sotto 780px
	 ============================= */
@media screen and (max-width: 780px) {
	#footer .soci-footer .soci-part {width:100% !important;float:none;display:block;min-height:auto;padding-top:30px}
	#footer .soci-footer .soci-part .linea {margin:0;position:relative;padding-top:10px;border-top:1px solid #ccc}
	#footer .soci-footer span {position:relative;top:0;left:0;margin:0 0 4px 0;background:transparent;display:inline-block;padding:0 6px 0 0;white-space:normal}
	#footer .soci-footer .soci-part ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;justify-content:flex-start;margin-top:34px;list-style:none;padding:0}
	#footer .soci-footer .soci-part ul li {width:100% !important;float:none;display:flex;align-items:center;justify-content:center;margin:0 !important;min-height:70px;box-sizing:border-box}
	#footer .soci-footer .soci-part ul li:only-child {grid-column:1/-1}
	#footer .soci-footer .soci-part ul li a{display:flex;width:100%;align-items:center;justify-content:center}
	#footer .soci-footer .soci-part ul li img {width:100%;height:auto !important;max-height:68px;object-fit:contain}
}

@media screen and (max-width: 240px) {
	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}
	.featured-title {
		font-size: 20px;
	}
	.featured-subtitle {
		font-size: 11px;
	}
	.call-to-action a.button {
		padding: 5px 15px;
		font-size: 12px;
	}
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	.widget-title h3,
	.widget-title-home h3 {
		height: 13px;
		font-size: 14px;
		line-height: 13px;
		text-align: left;
	}
	.hide-240 {
		display: none;
	}
	.show-240 {
		display: block;
	}
}