/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 1441px) {
.inserisci-evento-footer .calltoaction {padding:15px;}
.inserisci-evento-footer h4 {font-size:1.1em;}
.giorno_settimanale {font-size:1.2em;}
}
@media (max-width: 1199px) {
#branding .patrocinio { margin-right:52px; }
#branding .mainlogo {width:285px;}
#branding .mainlogo img { width:auto; width:100%; height:auto; }
#branding h2.milanodesignweek { font-size:11px; top:28px; left:70px; }
header nav .container ul li > a, header nav .container ul li.nav_social a {padding:23px 15px;}
#what, #who, #where {display:none;}
.nomobile {display:none;}
#mag_designsward_people article .rubrica_nome { left:20px;}
#mag_designsward_people article h2 { position:relative; left:0; top:auto; width:100%; background:#fafafa; }
.magazine.singola.focuson main .intro_magazine h1 {font-size: 5.5em; margin: 50px 0;}
.data_palinsesto {font-size:1.4em;}
.magazine.singola p.mag_citazione.mag_contatti, .magazine.singola .mag_citazione.mag_contatti p {font-size:1.4em;}
.magazine.singola p.mag_citazione.mag_evidenza, .magazine.singola .mag_citazione.mag_evidenza p {font-size:1.6em;}
.intro_focus .linkgiallo {padding-right:0;}
.scheda-evento-giorni ul.mini-cal li {
    height: 30px;
    padding: 7px 0 0;
    width: 30px;
}
.evento .containerbianco {padding:30px;}
.ev-quad-container a.event, .fotoeventi .event_photo .event {padding:10px;}
.ev-quad-container a.event .ev-company, .ev-quad-container a.event .ev-name {font-size:1.3em; margin-top:0;}
.intro-percorsi #cdtissot {display:none;}
.fascia-footer-loghi .logo_holder.sponsor a {width:25%;}
.giorno_settimanale {margin-left:0; margin-right:20px;}
}
@media (max-width: 991px) {
#branding .patrocinio { display:none; }
header nav .container ul li > a {padding:23px 10px;}
.nav li.nav_social {display:none;}
.navbar.fixed .navbar-right {display:none;}
#faq .container > div.introfaq,
#know_more .container div, #network .container div {height:auto; min-height:10px;}
.magazine.singola.focuson main .intro_magazine h1 {font-size: 4.5em; margin: 40px 0;}
.data_palinsesto {font-size:1.2em;}
.ora_palinsesto {font-size:1.1em;}
.ora_palinsesto span {font-size:1em;}
.magazine.singola.focus .singola_col_c .focus_centro p {font-size:1.6em; line-height:1.5em;}
.intro_focus .linkgiallo span {display:none;}
.articolofocus h3 {font-size:1.4em;}
.magazine.singola.focus main .intro_magazine h1 span {display:none;}
footer .ptop {padding-top:30px;}
footer .mascherabianco {display:none;}
footer .grigio-grigio {background:#333;}
#fascia_h1 h1 {font-size:19px; margin:9px 0; position:relative; padding:0;}
.evento .containerbianco, .evento .showcase {margin-right:0;}
.scheda-evento-det {
    border-top: 1px solid #ccc;
    float: left;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 33.333%;
}
.scheda-evento-location.scheda-evento-det {width:66.666%;}
.scheda-evento-det h3, .singola main .evento_singolo .scheda-evento-det h2, .scheda-evento-giorni ul.mini-cal {margin-top:10px;}
.singola main .evento_singolo .scheda-evento-det h2 {font-size:20px;}
.evento_singolo .scheda-evento-det h3 {font-size:1.3em;}
header nav .container ul > li ul li a {padding:6px 8px;}
.fascia-footer-loghi { text-align:center; }
.fascia-footer-loghi .logo_holder { padding:0 0 12px; }
.fascia-footer-loghi .logo_holder.timekeeper a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.patronage a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.sponsor a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.media a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.partner a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
}
@media (max-width: 767px) {
header { background:url(../img/home-nav.png) no-repeat left -3px #fff; padding-top:0; }
header.fixed {position:absolute;}
#branding { display:none; }
header nav .container ul {height:auto; border:none;}
header nav .container ul li { float:none; border-right:none; border-bottom:1px solid #e2e2e2;}
header nav .container ul li > a, header nav .container ul li.nav_social a {display:block; padding:15px 15px;}
header nav .container ul li#nav-home {background:none; width:auto; height:auto;}
header nav ul li#nav-home a {height:auto;padding:15px 15px;text-indent:0;width:auto;}
header nav.navbar {background:none;}
header nav .container ul > li ul {position:relative; top:0; background:#eee; height:0; overflow:hidden;}
header nav .container ul > li.sub.aperto ul {padding-bottom:6px; height:auto;}
header nav .container ul > li ul li {width:100%; height:auto; overflow:hidden;}
header nav .container ul > li ul li a {color:#666; margin-top:6px; padding-left:20px;}
header nav .container ul > li ul li.active a {color:#000;}
header nav .container ul > li.sub:hover, header nav .container ul > li.aperto {padding-bottom:0;}
header nav .container ul > li.nav_social, header nav .container ul > li.nav_lingua {float:left;}
#main-menu-header.collapse.in {border-bottom:5px solid #ccc; -moz-box-shadow:0 5px 20px rgba(0,0,0,0.6); -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.6); box-shadow:0 5px 20px rgba(0,0,0,0.6);}
.nav li.nav_social {display:block;}
.navbar-collapse {padding:0;}
main {margin-top:57px !important;}
.magazine.singola.focuson main .intro_magazine h1 {font-size: 3.5em; margin: 30px 0;}
.giorno_palinsesto {padding-bottom:20px;}
.ora_palinsesto {padding-top:10px; background:none !important;}
.ora_palinsesto span {margin-right:5px;}
.ora_palinsesto br {display:none;}
.focus_centro {padding:0 0 60px;}
.palinsesto_vuoto {display:none;}
.palinsesto_intro {width:100%;}
.div_palinsesto {padding:20px 0 20px 15px;}
.magazine.rubrica main .titolirubrica h1 {font-size:24px; line-height:30px; margin-top:20px;}
.magazine.rubrica main .titolirubrica h2, .magazine.rubrica main .titolirubrica.calltoactionmag h2 {font-size:20px; line-height:24px;}
.magazine.singola.focus main .intro_magazine h1 {font-size:5em;}
.intro_magazine ul li span {padding:3px 0;}
.testobox {height:auto !important;} /* per non sprecare spazio in box articoli */
.articolofocus a {padding:0 !important;}
.ereporters.singola .colonna-filtro {display:none;}
.colonna-filtro {height:auto !important; min-height:0 !important;}
.lista-eventi {padding-left:0;}
.lista-eventi .specialtag {top:10px;}
.mappaeventi .colonna-filtro {position:relative;}
.inserisci-evento-footer {position:static;}
.inserisci-evento-footer .calltoaction.centrale {border:none;}
header nav .container ul > li.nav_social a {border-right: 1px solid #dddddd; height: 12px; padding:15px;}
.mag_box_container .mag_box {margin-left:0; margin-right:0; width:100%;}
.bianco-grigio {background:#f9f9fa;}
.grigio-grigio {background:#262626;}
#timekeeper {display:none;}
#inserisci-evento-home .calltoaction, .inserisci-evento-footer .calltoaction {margin-bottom:0;}
.foto-focus-main-home {position:relative; height:260px;}
a.link-people-home {background:#fffc00;}
.flex-next, .flex-prev {min-width:33.333%;}
.squared_logo {display:none;}
#mappa_speciale .milestone {display:none;}
.inner-events {height:auto;}
.milanodesignaward .lista-eventi .special ul.mini-cal {padding-top:0;}
.milanodesignaward .lista-eventi .special .ev-name {padding-top:50px;}
.intro-percorsi {background:#fff; min-height:0px;}
.colonna-filtro input, 
.colonna-filtro button, 
.colonna-filtro select, 
.colonna-filtro textarea {width:100%; min-height:40px;}
.fascia-footer-loghi .logo_holder .etichetta { padding-top:6px; border-top:1px solid #ccc; border-bottom:none; background:#f2f2f2; }
.fascia-footer-loghi .logo_holder.main a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.institutional a { float:none; width:auto !important; display:inline-block; padding:0 15px 20px; }
.fascia-footer-loghi .logo_holder.sponsor a img { height:42px; whidth:auto; }
.fascia-footer-loghi .logo_holder.media a img { height:45px; whidth:auto; }
.fascia-footer-loghi .logo_holder.partner a img { height:45px; whidth:auto; }
.fascia-footer-loghi .logo_holder.institutional a img { height:60px; whidth:auto; }
.giorno_box a {padding:5px 30px;}
.giorno_numero {font-size:3em; margin-right:10px;}
#ricerca-home {display:none !important;}
}
@media (max-width: 480px) {
.magazine.singola.focus main .intro_magazine h1 {font-size:4em;}
.scheda-evento-det, .scheda-evento-location.scheda-evento-det {
    margin-bottom: 0;
    padding-top: 10px;
    width: 100%;
}
.singola .evento_singolo .singola_col_c .claim-evento p, .singola.percorso .claim-percorso p {
    font-size: 1.6em;
    line-height: 1.6em;
}
.evento .containerbianco {
    padding: 15px;
}
}

@media (min-width: 1300px){
.container { width: 1280px; }
.live_report .thumb-quad {width:20%;} /* 5 foto per riga */
/*#branding .patrocinio { margin-right:112px; }*/
#events-bar {margin-top:77px;} 
#grafica {min-height:160px;}
.magazine.singola.focus main .intro_magazine h1 {font-size:8.5em; margin:90px 0 60px;}
}

@media (min-width: 1400px) {
.container { width: 1331px; }
/*#branding .patrocinio { margin-right:162px; }*/
}

@media (min-width: 1600px) {
.container { width: 1468px; }
/*#branding .patrocinio { margin-right:300px; }*/
}

@media only screen and (min-width: 35em) {

}



/* fuorisalone people */
@media (max-width: 2170px) {
	#fotopeople {width:1860px;}
}
@media (max-width: 1860px) {
	#fotopeople {width:1550px;}
}
@media (max-width: 1550px) {
	#fotopeople {width:1240px;}
}
@media (max-width: 1240px) {
	#fotopeople {width:930px;}
}
@media (max-width: 930px) {
	#fotopeople .item, #fotopeople .item:nth-child(9n) {width:310px;}
	#fotopeople {width:620px;}
}
@media (max-width: 620px) {
	#fotopeople {width:310px;}
}
@media (max-width: 310px) {
	#fotopeople {width:310px;}
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}