/*

	Responsive
	
*/
@media only screen and (max-width : 1024px) {
	.c { clear: both; width: 98%!important; margin: 0 1%; max-width: 100%!important; overflow: hidden; }
	.claim .c {  padding: 0}
	#menu-icon { display: block; margin: 19px 0 0 0; z-index: 10000; }
	#menu-icon:hover { opacity: .7; }
	#menu-icon.opened { background: url(/nqcontent/images/sana16/menu-icon-close.png) no-repeat; }
	#menu {display: none;}
	#menu-smart {  position: absolute; top: 0; right: 0; bottom: 0; margin: 0; height: 100%; padding: 75px 0 0; width: 300px; background: #82BC4C; z-index: 9999; }
	#menu-smart li { display: block; clear: both; }
	#menu-smart li a { display: block; color: #fff; padding: 14px 50px; }
	#menu-smart li a:hover, #menu-smart li.current a { background: #A2CD7A; }
	#menu-smart li ul li a, #menu-smart li.current ul li a { background: #74AB41; }
	#menu-smart li ul { display: none; }
	#menu-smart li.responsive-menu-sub { border-top: 1px solid #A2CD7A; display: block; padding: 20px 0; font-size: 11px; text-transform: uppercase; }
	#menu-smart li.responsive-menu-sub a { padding: 7px 50px; }
	#menu-smart li.responsive-menu-sub a i { font-size: 18px; }
	#menu-smart li.responsive-menu-sub.inline { padding-left: 50px; min-height: 18px; }
	#menu-smart li.responsive-menu-sub.inline a { display: inline; float: left; border-right: 1px solid #fff; padding: 0 8px 0 0; margin: 0 8px 0 0; }
	#menu-smart li.responsive-menu-sub.inline a:last-child, #menu-smart li.responsive-menu-sub.inline.no-border a { border: 0; }
	#menu-smart li.responsive-menu-sub.inline a:hover { background: none; }
	#menu-smart li.responsive-menu-sub.inline img { width: 14px; }
}	
@media only screen and (max-width : 985px) {
	
	
	.page-header {
	    padding-top: 75px;
	    padding-bottom: 0;
	}
	
	.desktop {display: none;}
	.responsive {display: block !important;}
	.rivoluzione-bio,  .rivoluzione-bio_en  {text-align: -webkit-center; position: relative;}
	.rivoluzione-bio a,  .rivoluzione-bio_en a{left: -10%; position: relative;}
	
	#top { display: none; }
	#banner-ticket {display:block; position:relative; width: 100%; margin-bottom:10px;}
	.logo { width: 125px!important;
    margin: 15px 0 0px 0; }
    .fair-info.payoff {
    margin: 10px 0 0px 5px; min-height:auto;}
     .fair-info {
    margin: 0px 0 0px 5px; min-height:auto;}
    p.fair-info  {font-size:16px;}
    p.fair-info span {font-size:24px;}
    .claim h1 {margin-bottom:0px; font-size:42px!important;}
    .claim h1.english {margin-bottom:0px; font-size:42px!important;}
	.c { clear: both; width: 94%; margin: 0 3%; max-width: auto; overflow: hidden; }
	.responsive-tickets { display: block; }
	.responsive-tickets a { float: right; position: relative; margin: 28px 15px 0 0; /*z-index: 10001;*/ padding: 3px 0 3px 32px; font-size: 11px; color: #82BC4C; text-transform: uppercase; background: url(/nqcontent/images/sana16/ticket.png) no-repeat left center; }
	.responsive-tickets a.opened { color: #fff; background-image: url(/nqcontent/images/sana16/ticket-white.png); }
	
	h1 { font-size: 35px; border-top: 1px solid #ddd; }
	#sublogo { clear: both; float: none; margin: 0 0 15px; padding: 20px 3% 20px; width: 94%; line-height: 32px; color: #488A41; font-size: 24px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
	#fair-info { clear: both; float: none; border: 0; margin: 0px 0 40px 0px; padding: 0 0 10px;     border-bottom: 1px solid #ddd; font-size: 20px; line-height: 22px; text-align: center; display: block;}
	#pitch { height: auto; }
	#pitch.temi img { width: 100%; }
	#pitch.homepage {background: none; margin: 0 0 0px;}
	#pitch h1, #temi-pitch h1, #pitch.temi h1 { top: 30%; font-size: 14px; border: 0; }
	#temi-pitch h1, #pitch.temi h1 { top: 37%; }
	.mini-pitch { width: 100%; margin: 0 0 40px; }
	.mini-pitch .overlay { width: 81%; padding: 4% 8%; font-size: 16px;top: 4px;left:6%; }
	.mini-pitch .overlay span { font-size: 18px; }
	#stats,#stats2 { padding: 28px 0 0; }
	#stats p, #stats.stats4 p,#stats2 p,#stats2.stats4 p { border: 0; width: 50%; margin: 0 0 20px; }
	#stats2 p,#stats2.stats4 p {min-height: 171px; border: 0; width: 50%; margin: 0 0 20px; }
	#stats span,#stats2 span { font-size: 30px; }
	#stats p:last-child { border: 0; margin-top: -60px;}
	
	.caption, .caption.bigger { font-size: 18px; padding: 25px 0 0; color: #494949; margin: 0 0 30px; }
	.caption.left { font-size: 20px; line-height: 20px; }
	#sections { margin: 0; padding-left:0;}
	#sections a { float: left; border: 0; padding: 0; margin: 0 0 24px; height: auto;  text-align: center; width:50%;}
	#sections a img { display: inline-block; float: none; width:auto;}
	/*#sections a:last-child { width: 100%; }*/
	/*#breaking {display:none;}*/
	#breaking .titolo {margin: 0 15px 0 0;float: none;}
	.cycle-div-evidenza p.margin {text-align:center;}
	.cycle-pager.sliderhp {display: block;position: relative;text-align: center;width: 100%;z-index: 200;top: 20px;overflow: hidden;}
	
	body > div.c.x > div:nth-child(12) > a > img { width: 100%; }
	
	.cycle-pager.hp-program{margin-top:20px;/*z-index:9999;*/width:100%;float:none;clear:none;top:60px;height:20px;}
	.box-inner.less-padding { padding: 0 ;}
	
	#media-partner { height: auto; padding-bottom: 40px; }
	#media-partner .caption { margin: 0 0 5px; }
	#media-partner img { width: 100%; }
	#media-partner img.img-right { float: right; }
	.gallery-desc { height: auto; }
	.speaker, .speaker.speaker3 { width: 40%; padding: 0 3.4%; }
	.speaker.speaker3:nth-child(odd) { float: left; }
	.newsletter { height: auto; text-align: center; }
	.newsletter .form input[type=text] { padding: 2% 3%; }
	#partners { clear: both; float: left; }
	.centered { clear: both; }
	.program .right { clear: both; float: left; margin-bottom: 10px; }
	.right .button { margin-left: 0; }
	.box.program .speaker-img { width: 100%; margin-left: 25%; margin: 0 0 20px; }
	.box-desc { overflow: visible; }
	.program .big { clear: both; }
	.program h3 { clear: both; }
	.program .details { clear: both; width: 100%; }
	.details span { clear: both; display: block; margin: 0 0 5px; }
	.cycle-pager.smaller-right { width: auto; }
	.catalog-result { margin: 0; }
	.details-more { float: none; margin: 0 0 6px; }
	.form-element { float: left; margin: 5px 5px 5px 0; }
	
	.box.twitter i, .box.facebook i { font-size: 25px; margin: 0 0 8px;}
	.cycle-pager.social-twitter {width: auto !important; right: -110px !important; top: 48px !important;}
	.cycle-pager.social-facebook {height: auto;width: auto !important;right: -114px !important;top: 44px !important;}
	
	.box.facebook p a  { color: #fff;font-size: 13px;}
	
	.box.twitter p a  { color: #fff;font-size: 13px; margin-top: -23px !important;}
	.box.facebook p {line-height: 0.9em !important;}
	
	
	.captions {text-align: center; font-size: 11px; padding: 20px 0 30px;}
	.partner2-div {float: left; margin: 0 1% 0 1%; width: 47%;min-height: 150px;}
	.captions.partner2 { text-align: left; float: left;}
	.partner2-div a {position: relative;display: inline-block;float: left; clear: both;}
	.partner2-div.last {float: left;clear: both;}
	
	.third img {width:100%;height:auto;}
	#base-content img {width: 100%;height: auto;}
	
	#banner-hp img {width: 100%;height: auto;}
	
	.fourth.side.last a {float:left;width:auto;margin-left:1%;}
	.fourth.side.last img {width:100%;}
	
	#CountDownTimer {float: none!important; margin: 5px 0 40px 14% !important;}
	
	.partners {padding-left: 0;}
	
	#newsletter-caption {width: 100%;}
	#newsletter-form {margin:10px 0px; width: 100%;}
	.containerButtons {margin-top:15px;}
	.functionButtons {postion: relative; width:100%; float:left!important; margin-top:15px;}
	.box.program-list .speaker-img {
    width: 25%;
    margin: 0 5px 10px;}
    .quick {padding-bottom: 10px; margin-bottom: 20px;}
    .fogliaBianca {display: none;}
    .quick ul li {font-size: 16px; padding: 0 16px 25px;}
    .mediaKitIcons.web {width:100%;}
    .mediaKitIcons {margin-right: 25px;margin-bottom: 10px;}
    .form-catalogo {
    background: url(/media/sana/2020/grafiche/SANA-Restart_Fondo_Carta_730x420px.jpg) no-repeat center center; background-size:cover;
    color: #fff;
    padding: 10px;}
    .foto-catalogo {width:48%; height:auto;}
	.third.catalogue {width: 100%;}
	.fourth.side.catalogue-dx {margin: 0;width:100%; height:auto;}
	.tema-catalogo-coldx {width:100%; height:auto;}
	.catalog input[type=text] {
    background: #fff;
    border: 1px solid #82BC4C;
    padding: 3%;
    width: 78%;
    margin: 0 0 10px;}
	
	.catalog select {
	    background: #fff;
	    border: 1px solid #82BC4C;
	    padding: 2%;
	    width: 85%;
	    margin: 0 0 10px;
	}
   .cycle-slideshow.responsive .cycle-div-rivoluzione img{max-width:100% !important;}
}

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.c { clear: both; width: 98%!important; margin: 0 1%; max-width: 100%!important; overflow: hidden; }
	.claim .c {  padding: 0}
	#stats p, #stats.stats4 p, #stats2 p, #stats2.stats4 p {width: 33%;}
	.testatina {background-size: 70%!important;}
	
	.desktop {display: none;}
	.responsive {display: block !important;}
	.rivoluzione-bio,  .rivoluzione-bio_en  {text-align: -webkit-center; padding-bottom: 30px; position: relative;margin-top:45px;}
	.rivoluzione-bio a,  .rivoluzione-bio_en a{left: -135%; position: relative;}
}


@media only screen and (max-width : 768px) {
	
	.payoff {font-size:1.7em !important;}
	.hp-title {line-height: 30px !important; font-size: 2.5em !important; padding-top: 0.5em;}
	
	.desktop {display: none;}
	.responsive {display: block;}
	.events {width:100%;}
	.cycle-pager.social-twitter {width: auto !important; right: -111px !important; top: 48px !important;}
	.claim .c {padding:0;}
	#tw_feed_box {height:100px;}
	
	.early_bird {
    height: 210px;
    width: auto;
    background: url(/media/sana/2021/grafica_template/banner_esponi_earlybird_00.jpg) no-repeat left center;
    background-size: cover;
    padding: 10px 10px 10px 10px;
    color: #fff;
	}
	.early_bird h2 {
    font: 100 30px "MuseoSans300", sans-serif;
	}
	.early_bird p {
    font-weight: 400;
    font-size: 21px;
    margin-bottom:10px;
	}
	.banner_sicurezza {
    height: 157px;
    width: auto;
    background: url(/media/sana/2021/grafica_template/banner_video_sicurezza_00.jpg) no-repeat center center;
    background-size: cover;
    padding: 10px;
    color: #fff;
	}
	.banner_sicurezza h2 {
    font-size: 22px;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 89%);
	}
	.evidenza_title {
    color: #78B03E;
    font-size: 26px;
    font-family: "MuseoSans700";
    margin-bottom: 30px;
	}
	.evidenza .one-third.nomargin {
    float: left;
    width: 61.5%;
    margin: 0;
	}
	.evidenza .third {
    padding: 10px;
    color: #fff;
	}
	.news_row h3 {
    color: #fff;
    font-size: 26px;
    font-family: "MuseoSans700";
    margin-bottom: 30px;
	}
	.news_row .one-third.nomargin {width:100%; margin-bottom: 10px;}
	.news_row .news_image {background-size: cover;}
	#newsletter-caption {
    float: left;
    width: 80%;
    font-size: 30px;
    color: #fff;
    font-family: "MuseoSans700", sans-serif;
    padding: 6px 0 0;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 89%);
	}
	#newsletter {
    clear: both;
    padding: 10px;
    background-size: cover!important;
	}
	.partner2-div {float: left;text-align:center; margin: 0 1% 0; width: 31%; font-size: 18px;}
	.captions.partner2 { text-align: left; float: left;}
	.captions.partner2 a{ min-height:33px;font-size: 10px; text-align: center;}
	.partner2-div a {position: relative;display: inline-block;float: left; clear: both;}
	.partner2-div.last {float: left;clear: none;}
	
	.half.marginhp {margin: 0 2% 20px 0; width: 100%;}
	#banner-hp > div.fourth.last {float:left;width:100%;}
	#banner-hp > div.fourth.last > div > div { width: 100%;height: 37px;padding: 4px 0;}
	#banner-hp > div.fourth.last > div > div > form > button {height: 41px;}
	
	.half-green {margin: 0 2.5% 20px 0; width: 95%; padding:5px!important;}

	/* fifth (1/5) */
	.fifth { width: 48%; margin: 0 1%; }
	.fifth.side-border {border-right: none;}
	.fifth.last {float:left;}
	
	
	.partner2-div img {height: auto;max-width: 100%;margin-bottom:20px;}
	.speaker.margin {width: 85.2% !important;}
	.speaker-det.fl-left.half{width: 98.2% !important;}
	.foto-catalogo {width:48%; height:auto;}
	.third.catalogue {width: 100%;}
	.fourth.side.catalogue-dx {margin: 0;width:100%; height:auto;}
	.tema-catalogo-coldx {width:100%; height:auto;}
	.events {position: relative!important;}
	
	
	.cycle-slideshow.responsive .cycle-div-rivoluzione {width:100% !important;}
	.green_square {font-size:15px; padding:20px; }
	.partners img {max-width:150px;}
	
}




@media only screen and (max-width : 660px) {
	.c {
    clear: both;
    width: 94%;
    margin: 0 1%;
    max-width: auto;
    overflow: hidden;}
	.desktop {display: none;}
	.responsive {display: block;}
	/*#breaking ,*/ .testatina-img , .social-program{display:none!important;}
	.logo { width: 125px!important;
    margin: -60px 0 0px 0; }
    .header-date {display: inline-flex;}
    .header-date .side-border {width:49%!important; float:left;border-right:none;}
    .header-date .side-border.last_responsive {float:right!important;}
    .fair-info {
    margin: 10px 0px 0px 5px;
    min-height: auto;
	line-height:18px!important;}
	p.fair-info span {font-size:18px;}
	#breaking { font-size: 13px; text-align: center; }
	.testatina h1.titolo-testata {width:auto!important; padding: 25px 48px;}
	.testatina {background-size: cover!important;margin-left: -15px; height: auto; width:104%; margin-bottom:5px}
	
	.testatina-img {width:100%;}
	.half, .third, .fourth, .one-third { clear: both; float: none; width: 100%; margin: 0 0 20px; }
	.sixth  {width: 47%; margin: 0 0 20px 0; }
	.sixth.last_responsive {float:right;}
	.fourth img { width: 100%; }
	.img-responsive { width: 100%; }
	img.emblem { width: auto; }
	.img-right, .img-left { float: none; width: 100%; margin: 0 0 15px; }
	.img-left.emblem { float: left; margin: 0 15px 10px 0; width: auto; }
	.no-pagination .unslider-nav { display: none; }
	.captions span { clear: both; }
	#footer .logo { float: none; width: auto; max-width: 80%; }
	#footer .social { float: none; }
	#footer-copy { clear: both; float: none; margin: 0; width: 100%; padding: 30px 0 0; }
	.program-top-big-button {float:right;margin-top:0px!important; margin-bottom: 0px;}
	.program-top-big-button img {width:90%;float:left;}
	
	.box.program-list {float:left; height:auto;min-height:auto;}
	.box.program-list .fancy-date-container {width:auto;}
	.box.program-list .fancy-date-container-center {width:70%;min-height:auto;}
	.box.program-list .fancy-date-container-immagini {min-height:auto;}
	
	.blogger-img {width: 50%;margin: 0 25% 15px;}
	.blogger-desc {margin: 0 15px 30px 17%;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
	
	.blocco-testo-evidenza {min-height:120px;}
	.blocco-titolo-evidenza{min-height:66px;}
	
	.home-text {font-size: 18px;
    color: #000;
    padding: 0 20px;}
	
	.img-left.con-noi {height:auto !important;}
	.foto-catalogo {width:48%; height:auto;}
	.third.catalogue {width: 100%;}
	.fourth.side.catalogue-dx {margin: 0;width:100%; height:auto;}
	.tema-catalogo-coldx {width:100%; height:auto;}
	.events {position: relative!important;}
	
	.gradient_2 .ff2019 p {font-size: 12px;
	    width: 145px;
	    display: inline-block;
	    line-height: 12px;
	    margin-right: 15px;
	    max-width: 98%;
	    min-height: 39px;
	    position: relative;
    }
    .social_under_plugin #footer-links li.icon a {padding: 6px 22px;}
	
	.filter {padding: 0px!important;}
	.filter a { padding: 10px 7px!important; font-size: 14px!important;}
   
    
    .nospace {position: relative;}
    .quick ul li {
    	display: grid;
	}
	.partners img {max-width:150px;}
}


@media only screen and (max-width : 320px) {
	h1 {font-size:28px!important;}
	.desktop, .testatina-img {display: none;}
	.responsive {display: block;}
	.testatina {background-size: cover!important;}
	#CountDownTimer {margin-left:6%!important;}
	.box-inner.academy {padding:14px!important;}
	.foto-catalogo {width:48%; height:auto;}
	.third.catalogue {width: 100%;}
	.fourth.side.catalogue-dx {margin: 0;width:100%; height:auto;}
	.tema-catalogo-coldx {width:100%; height:auto;}
	.events {position: relative!important;}
	.rivoluzione-bio a,  .rivoluzione-bio_en a{left: -25%; position: relative;}
	.social_under_plugin #footer-links li.icon a {padding: 6px 17px;}
	.filter {padding: 0px!important;}
	.filter a { padding: 10px 7px!important; font-size: 14px!important;}
	.partners img {max-width:150px;}
}
