/* RESPONSIVE CSS

-------------------------------------------------------------- */

@media only screen and (max-width: 1420px) {
/*INTRO*/
/*submenu*/
.menuweb > ul > li:nth-child(6) > ul > li > ul, .menuweb > ul > li:nth-child(7) > ul > li > ul { left: -100% !important }
}
 @media only screen and (max-width: 1240px) {
.mybutton { padding: 20px 15px; }
.ctarow .vc_btn3-container.vc_btn3-inline > a { padding: 20px 15px; }
/*HEADER*/
.menuweb { display: none }
.topheader > .divLeft > button { display: inline-block; }
.menuweb > ul > li.onlymobile { display: inline-block; }
.topheader { border-bottom: 1px solid #ff6600; }
/*BLOCCHI VC SFERISTERIO*/
/*contenuto personalizzato*/ 
 
.flip-container, .flip-container .preview-testo, .flip-container .the-img-bg { height: 280px; }
.hoverview .preview-testo .mytesto { display: none; }
.preview-blocco h3 { font-size: 19px; line-height: 21px; }
.preview-blocco .infopost > li { font-size: 14px; }
/*CTA*/
.ctarow h2 { font-size: 24px; line-height: 29px; }
.the_icon.email > img { width: 40px; }
/*FOOTER*/
.logo-footer { float: none; display: block; margin-right:auto; margin-left:auto; margin-bottom: 15px; }
.logo-footer img {
	width: 90px;
	display: block;
	margin: auto;
}
.infocorporate { margin-bottom: 20px; max-width: 100%; width: 100%; ; text-align: center; }
.thecopy { float: left; max-width: 100%; width: 100%; text-align: center; }
.thecopy > span { text-align: center; }
/*date*/
.time-opera { height: 90px; padding: 10px; width: 90px; }
.thedata-opera .mybutton.tocart { height: 90px; }
.time-opera > span.dayweek, .time-opera > span.clocktime { line-height: 6px; }
.time-opera > span.nroday { font-size: 32px; line-height: 34px; }
.time-opera > span.meseabbr { font-size: 15px; line-height: 12px; }
.time-opera > span.dayweek, .time-opera > span.clocktime { line-height: 8px; }
/*share*/
button#open_share.for_mobile { display: inline-block; position: absolute; right: 30px; top: 0; }
button#open_share.for_desktop { display: none; }
.box_social { top: 0; z-index: 9999; }
.thecover-mof { margin-top: 70px; }

}
 @media only screen and (max-width: 1024px) {
h1 { font-size: 32px; line-height: 29px; }
h2 { font-size: 24px; line-height: 21px; }
.thetitle-mof { top: 15%; }
.subtitle-mof { font-size: 19px; letter-spacing: 3px; line-height: 16px; }
/*STRUTTURA*/
.mycontent, aside { width: 100%; }
aside::before { border-top: 1px solid #999; border-left: 1px solid #999; margin-top: -20px; margin-left: 0; width: 100%; height: auto; }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
/*date*/
aside .appuntamenti-opera li { margin-right: 4%; width: 45%; }
aside .appuntamenti-opera li:last-child { border-bottom: 0; padding-bottom: 0 }
aside ul.appuntamenti-opera { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
}
@media only screen and (max-width: 980px) {
/*intro*/
.graphic_cover {
 left: 50%;  
 max-height:180px; height:auto; max-width: unset; min-width:100%; width:auto;
 transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
footer .myrow.navigation .block-menu { border-bottom: 1px solid #333; border-right: none; margin-right: 0; padding-bottom: 20px; padding-right: 0; text-align: center; width: 50%; }
iframe { max-height: 480px; }
}
 @media only screen and (max-width:880px) {
.fourthwidth { margin-right: 0; padding: 20px; width: 50%; }
.listview .preview-testo .preview-azioni { height: 70px; }
}
 @media only screen and (min-width: 769px) {
.myfooter .navigation .block-menu > div { display: inline-block !important; }
}
 @media only screen and (max-width: 768px) {
/*VC elements OVERRIDE*/ 
/*BLOCCHI VC SFERISTERIO*/
/*contenuto personalizzato*/
.preview-blocco { margin-bottom: 15px; }
/*footer menu*/
footer .myrow.navigation .block-menu { text-align: left; width: 100%; min-height: 1px; margin-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
footer .myrow.navigation .block-menu h7 { margin-bottom: 0; }
footer .myrow.navigation .block-menu h7 > span { display: inline-block; }
footer .myrow.navigation .block-menu > div { display: none; margin-top: 15px }
/*DISABLE EFFETTO FLIPPER*/
.flip-container, .flip-container .preview-testo, .flip-container .the-img-bg { height: auto; }
.flip-container .preview-testo { transform: none; }
.flip-container .preview-testo, .flip-container .the-img-bg { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible;  float: left; left: 0; position: relative; top: 0; }
.flip-container .the-img-bg { z-index: 2; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
.flip-container .preview-testo { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; border:0; border-bottom:1px solid #333; padding: 10px 10px 20px; }
.flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
.hoverview .spacetop { margin-top: 0; }
.myrow.hoverview .preview-azioni { height: 75px; width: 100%; }
.myrow.hoverview .preview-azioni .mybutton.todetail { max-width: 80%; width: 80%; }
.myrow.hoverview .preview-azioni .myspace-button { display: none; }
.the-img-bg::after {
	padding-top: 1px;
}
.myrow.hoverview .preview-blocco h3 { font-size: 16px; line-height: 19px; min-height: 35px; display:none; }
/*GENERALE*/
.mycontent, aside { margin-top: 40px; }
footer.withmargintop { margin-top: 150px; }
/*social home*/
.myicons-social li { margin: 0; }
.myicons-social li a { font-size: 21px; height: 40px; line-height: 40px; width: 40px; }
/*title cover*/
.thetitle-mof { margin-left: -45%; max-width: 90%; top: 0; width: 90%; }
.thetitle-mof h1 { font-size: 21px; line-height: 19px; padding: 10px 0; }
h1 { font-size: 26px; line-height: 21px; }
h2 { font-size: 21px; line-height: 19px; }
/*lista cast*/
.cast-opera li > div { font-size: 14px; line-height: 16px; padding: 3px 0; }
footer.withmargintop { margin-bottom: 0; }
.fixed_banner_adw.only_desk { display: none; }
.fixed_banner_adw.only_mobi { display: inline-block; position: relative; top: unset; left: unset; margin-top: 30px; }
/*LIST VIEWV CUSTOM CONTENT*/
.listview .the-img-bg, .listview .preview-testo { width: 100% }
}
 @media only screen and (max-width: 640px) {
.thecover-home { height: 65%; }
.thecover-home .mycover { background-size: contain; background-position: top center; }
}
@media only screen and (max-width: 580px) {
/*HEADER*/
.topheader { height: 70px; padding: 0 15px; }
.topheader .divLeft { position: static }
.topheader > .divLeft > button { margin-top: 8px; display: inline-block; margin-left: 15px; width: auto; }
/*.topheader .logoweb  { position:relative; width:auto; float:right;}*/
.topheader .logoweb img { margin: 12px 0 0 20px; max-width: 140px; }
.topheader .divLeft #header_language_list { /*  margin-top: 10px;
  position: absolute;
  right: 15px; */ display: none }
.topheader .divLeft #header_language_list li { margin-right: 0; margin-left: 15px; }
.topheader .smallmenu { /*margin-top: 30px; */ display: none; }
.formobile-icon { display: inline-block; }
button#open_share.for_mobile { position: relative; right: unset; top: unset; }
button#close_share img { -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; }
button#close_share img { width: 25px; max-width: 25px; }
/*VC elements OVERRIDE*/  
/*contenuto personalizzato*/
.preview-blocco { margin-bottom:80px; }
.thirdwidth, .vc_row.blocco-mof .vc_col-sm-4 {  width: 100%; padding: 0 15px; }
.fourthwidth { width: 100%; padding: 0 15px; }
/*Home img*/
.blocco-img-off .wpb_single_image { max-width: 50%; text-align: center; width: 50%; }
.blocco-img-off .wpb_single_image .vc_figure { text-align: center; }
/*SLIDER HOME NEWS*/
.featured-news { margin-top: 20px; width: 100%; }
/*CTA*/
.ctarow.mydark .mycontainer .subtitle-mof { font-size: 14px; line-height: 19px; }
/*footer*/
.myrow.navigation { margin-top: 30px; }

#footer_language_list li { margin-left: 30px; }
.myrow.principale { padding-bottom: 20px; }
/*Home img*/
.blocco-img-off .wpb_single_image { max-width: 100%; width: 100%; margin-bottom: 10px; }
.blocco-img-off .wpb_single_image figure img { max-width: 60%; }
.share_mof { margin-top: 20px; }
.share_mof > span { width: 100%; margin: 0 0 20px; }
.gallery-mof.owl-carousel .item { height: 290px; }
footer.withmargintop { margin-top: 0; }
}
@media only screen and (max-width: 580px) {
	 .lightgrey-mof { background-size:contain}
}

@media only screen and (max-width: 767px) {
	.md_reverse
	{
		flex-direction: column-reverse;
		display: flex;
	}
	.md_reverse .wpb_column.vc_column_container .vc_column-inner {
		padding-left: 15px !important;
	}
	.md_reverse .wpb_column.vc_column_container .vc_column-inner .wpb_wrapper * {
		text-align: left !important;
	}
}