/*  
Client: HELLOW FESTIVAL
Client URL: http://hellowfestival.com
Description: Hellow Festival regresa a Monterrey para Re-vivir un día de libertad con lo mejor de la Música Electrónica, Pop, Rock e Independiente.
Version: 1.0
Autor: H/AC
Autor URL: http://hachac.com
*/


@media only screen and (max-width: 1280px) {
    .videocontent {
        width: 1180px;
    }
}


@media only screen and (min-width: 1200px) {
    .acerca .banner {
        overflow: hidden;
        height: 430px;
    }
}


@media only screen and (max-width: 1200px) {
    .videocontent {
        width: 1000px;
    }
    
    .lineup figure img {
        width: 90%;
    }
}


@media only screen and (max-width: 1100px) {
    .videocontent {
        width: 900px;
    }
    
    .artistas h1 {
        padding: 20px 10px;
        font-size: 1.35em;
    }
    
    .dos-donts section,
    .contacto section,
    .faqs h1,
    .faqs section + section {
        padding-right: 3%;
        padding-left: 3%;
    }
    
    .nightlife section,
    .negocios section {
        padding: 0 3%;
    }
    
    .faqs section {
        margin-right: 3%;
        margin-left: 3%;
    }
    
    .faqs section + section {
        margin-right: 0;
        margin-left: 0;
    }
}


@media only screen and (max-width: 990px) {
    header .centrar {
        width: 97%;
    }
    
    .menu-web .centrar {
        width: 850px;
    }
    
    .menu-web li {
        margin: 0 8px;
    }
    
    .videocontent {
        width: 780px;
    }
    
    .tours .ciudad {
        height: 175px;
    }
}


@media only screen and (max-width: 960px) {
    .centrar,
    header input[type="submit"],
    nav ul,
    .artistas-detalle figure,
    .artistas-detalle section,
    .artistas-detalle figure img,
    .acerca .info1,
    .nightlife section,
    .negocios section,
    .socios section,
    .contacto section,
    .prensa section,
    .privacidad section,
    footer ul {
        width: 100%;
    }
    
    .newsletter .mc-field-group {
        margin-right: 15px;
    }

    .newsletter .mc-field-group label {
        width: 50px;
    }

    .newsletter .mc-field-group input {
        width: 115px;
    }

    .newsletter .mc-field-group input#mce-FNAME {
        width: 328px;
    }
    
    .home .enlace {
        height: 450px;
    }
    
    .home .dos h1,
    .home .lineup h1,
    .home .mapas h1 {
        font-size: 2.625em;
    }
    
    .home .patrocinadores li {
        padding: 0 10px;
    }
    
    .artistas-detalle figure,
    .artistas-detalle section {
        float: none;
    }
    
    .artistas-detalle figure {
        margin-top: 10px;
    }
    
    .artistas-detalle figure img {
        height: auto;
        margin-left: 0;
    }
    
    .dos-donts ul,
    .dos-donts .servicio {
        margin-right: 7.5%;
    }
    
    .contacto input[type="text"],
    .contacto textarea {
        width: 80%;
    }
    
    .prensa h1,
    .prensa h2 {
        margin-left: 20px;
    }
    
    .prensa .salir {
        margin-right: 20px;
    }
    
    .prensa figure {
        width: 20%;
    }
    
    .prensa figure img {
        width: 100%;
    }
    
    .prensa .columna figure {
        width: 60%;
    }
    
    footer ul {
        text-align: left;
        padding-left: 4%;
    }
    
    footer li {
        width: 17%;
        margin-right: 1%;
        margin-left: 1%;
    }
    
    footer ul ul {
        padding-left: 0;
    }
}


@media only screen and (max-width: 959px) {
    .acerca .info2 div,
    .acerca .info2 div + div {
        width: 100%;
    }

    .acerca .info2 div figure {
        width: 50%;
        float: left;
    }
}


@media only screen and (max-width: 920px) {
    .home .patrocinadores img.big {
        height: 50px;
    }
    
    .acerca .info1 div {
        width: 44%;
        margin: 0 3%;
    }
    
    .stages .rock figure {
        display: none;
    }
}


@media only screen and (max-width: 880px) {
    .menu-web .centrar {
        width: 770px;
    }
    
    .menu-web a {
        padding-bottom: 10px;
    }
    
    .menu-web li {
        margin: 0 8px;
        font-size: .875em;
    }
    
    .menu-web ul ul {
        top: 51px;
    }
    
    .menu-web .tickets {
        padding-left: 15px;
    }

    .menu-web .experiencias {
        padding-left: 260px;
    }
    
    .menu-web .guia {
        padding-right: 180px;
    }
    
    .tickets section {
        width: 90%;
    }
    
    .tickets .fases .fase,
    .tickets .tipo div {
        width: 48.4%;
    }
    
    .tickets .comprar li,
    .tickets .comprar p {
        font-size: .82em;
    }
}


@media only screen and (max-width: 850px) {
    header label i {
        display: none !important;
    }
    
    header input {
        width: 160px;
    }
    
    .videocontent {
        width: 640px;
    }
    
    .home .patrocinadores {
        padding-bottom: 25px;
    }
    
    .home .patrocinadores li {
        margin-bottom: 20px;
    }
    
    .socios h1 {
        margin-bottom: 35px;
        font-size: 2em;
    }
    
    .socios .colaboradores figure,
    .socios div {
        margin: 0 25px;
    }
    
    .faqs .columna div {
        width: 85%;
    }
}


@media only screen and (max-width: 768px) {
    header input[type="submit"] {
        width: 80px;
    }
    
    .newsletter {
        height: 230px;
    }

    .newsletter .mc-field-group label {
        width: 40px;
        font-size: .875em;
    }

    .newsletter .mc-field-group input {
        width: 100px;
    }

    .newsletter .mc-field-group input#mce-FNAME {
        width: 288px;
    }
    
    .home h1,
    .home .dos h1,
    .home .lineup h1,
    .home .mapas h1 {
        font-size: 2em;
    }
    
    .home .enlace {
        height: 350px;
    }
    
    .home .news h1 img {
        width: 90%;
    }
     
    .acerca .info1 {
        padding: 30px 0 0 0;
    }
    
    .acerca .info1 div {
        width: 86%;
        float: none;
        margin: 0 7%;
    }
    
    .artistas h1 {
        font-size: 1.15em;
    }
    
    .stages .rock figure {
        display: inline-block;
    }
    
    .dos-donts .servicio {
        margin-top: 20px;
    }
    
    .tours .ciudad {
        width: 50%;
    }
    
    .tours .azulmovil {
        background: #4fc2db;
    }

    .tours .rosamovil {
        background: #f4a8c7;
    }

    .tours .rojomovil {
        background: #ed525c;
    }
}


@media only screen and (max-width: 767px) {
    header input {
        width: 200px;
    }
    
    header section {
        position: fixed;
        width: 100%;
        margin-top: -55px;
        z-index: 10;
    }
    
    header section + section {
        position: relative;
        margin-top: 55px;
        z-index: 1;
    }
    
    header section + section,
    header section + section a {
        height: 230px;
    }
    
    .nav-ondas,
    .menu-web {
        display: none;
    }
    
    .menu-movil {
        display: inline-block;
        vertical-align: top;
        z-index: 15;
    }
    
    .menu-movil a#movil {
        display: inline-block;
        padding: 2px 10px;
        font-size: 1.5em;
    }
    
    .menu-movil ul {
        position: fixed;
        top: 55px;
        left: 0;
        background: #f3eb36;
    }

    .menu-movil li {
        display: block;
    }
    
    .menu-movil li:first-child a {
        padding-top: 15px;
    }
    
    .menu-movil li:last-child a {
        padding-bottom: 15px;
    }
    
    .menu-movil ul a {
        display: block;
        padding: 8px 0;
    }
    
    .menu-movil ul ul {
        position: relative;
        top: 0;
        background: #fef756;
    }
    
    .menu-movil li li a::after {
        margin-left: 0;
        content: "";
    }
    
    .menu-movil ul ul a {
        padding: 8px 0 !important;
    }
    
    #countdown {
        display: none;
    }
    
    /*#countdown2 {
        display: block !important;
    }
    
    article {
        margin-top: 25px;
    }*/
    
    .tickets,
    .llegar,
    .tours,
    .nightlife,
    .negocios,
    .contacto,
    .prensa {
        margin-top: 60px;
    }
    
    .tickets .comprar div + div {
        margin-left: 20px;
    }
    
    .stages section {
        width: 100%;
        height: auto;
        float: none;
        padding-bottom: 20px;
    }
    
    .dos-donts ul,
    .dos-donts .servicio {
        margin-right: 5%;
    }
}


@media only screen and (max-width: 720px) {
    .videocontent {
        width: 550px;
    }
    
    .tickets .fases .fase {
        width: 100%;
        margin-left: 0;
    }
    
    .tickets .tipo div {
        width: 48%;
    }
    
    .tickets .tipo li {
        font-size: .875em;
    }
    
    .tickets .comprar li,
    .tickets .comprar p {
        font-size: 1em;
    }
    
    .tickets .comprar div + div + div {
        width: 100%;
        margin: 30px 0 0 0;
    }
    
    .socios h1 {
        margin-bottom: 15px;
    }
    
    .socios div + div {
        margin-top: 50px;
    }
    
    .contacto .renglon div,
    .contacto .renglon figure {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    
    .faqs .columna div {
        width: 80%;
    }
    
    .prensa figure {
        width: 25%;
    }
    
    .prensa .columna h1 {
        font-size: 1.75em;
    }
    
    .prensa .columna figure {
        width: 70%;
    }
    
    .contacto .continuacion {
        margin-top: -20px;
    }
}


@media only screen and (max-width: 680px) {
    #mc_embed_signup {
        display: none !important;
    }
    
    #app-poster,
    #uber-poster {
        width: 100%;
    }
    
    .dos-donts figure img {
        width: 95%;
    }
    
    .dos-donts .servicio figure img {
        width: auto;
    }
    
    .dos-donts section + section ul,
    .dos-donts .servicio {
        margin-right: 3%;
    }
}


@media only screen and (max-width: 600px) {
    header section + section,
    header section + section a,
    header.interior section + section,
    header.interior section + section a {
        height: 125px;
    }
    
    .home .news h1 img {
        width: 50%;
    }
    
    .home .news div {
        top: 50%;
        transform: translate(0, -50%);
    }
    
    .home .enlace {
        height: 300px;
    }
    
    .home h1,
    .home .dos h1,
    .home .lineup h1 {
        font-size: 1.8em;
    }
    
    .home .hellow h2 {
        margin-bottom: 20px;
    }
    
    .home .dos h1 {
        margin: 20px auto;
    }
    
    .tickets .comprar div {
        float: none;
    }
    
    .tickets .comprar div,
    .lineup figure img,
    .faqs .columna,
    .prensa .columna figure {
        width: 100%;
    }
    
    .tickets .comprar div + div {
        margin: 30px 0 0 0;
    }
    
    .tickets .comprar figure {
        margin-bottom: 10px;
    }
    
    .tickets .comprar li,
    .tickets .comprar p {
        font-size: .82em;
    }
    
    .artistas h1 {
        font-size: .9em;
    }
    
    .artistas-detalle h1 {
        margin-top: 15px;
        font-size: 1.9em;
    }
    
    .llegar h1,
    .dos-donts h1,
    .nightlife h1,
    .negocios h1,
    .contacto h1,
    .faqs h1,
    .privacidad h1 {
        font-size: 1.5em;
    }
    
    .llegar div {
        width: 50%;
    }
    
    .llegar .azulmovil {
        background: #4fc2db;
    }

    .llegar .rosamovil {
        background: #f4a8c7;
    }

    .llegar .rojomovil {
        background: #ed525c;
    }
    
    .mapa .compu {
        display: none;
    }
    
    .mapa .movil {
        display: block;
    }
    
    .contacto h1 {
        margin-bottom: 10px;
    }
    
    .dos-donts ul {
        margin-top: 30px;
    }
    
    .dos-donts section + section ul {
        margin-right: 5%;
        font-size: .875em;
    }
    
    .dos-donts .servicio {
        margin-top: 0;
    }
    
    .negocios h2 {
        font-size: 1.25em;
    }
    
    .faqs .columna {
        float: none;
        overflow: hidden;
        padding-right: 0;
    }
    
    .prensa .columna h1 {
        font-size: 1.35em;
    }
    
    .faqs .columna div {
        width: 86%;
    }
    
    .prensa figure {
        width: 33.33%;
    }
    
    .privacidad h2 {
        margin-top: 20px;
        font-size: 1.25em;
    }
    
    .privacidad h2:last-child {
        font-size: 1em;
    }
    
    footer ul {
        padding-left: 10%;
    }
    
    footer li {
        width: 45%;
        margin-right: 2%;
        margin-left: 2%;
    }
    
    footer ul ul {
        margin-top: 0;
    }
}


@media only screen and (max-width: 599px) {
    header section + section,
    header section + section a {
        height: 190px;
    }
    
    .home .enlace {
        width: 100%;
        float: none;
    }
    
    .home h1,
    .home .dos h1,
    .home .lineup h1,
    .prensa h1 {
        font-size: 2em;
    }
    
    .videocontent {
        width: 450px;
    }
    
    .tickets .tipo div {
        width: 100%;
    }
    
    .tickets .tipo div + div {
        margin: 30px 0 0 0;
    }
    
    .tickets .tipo li {
        font-size: 1em;
    }
    
    .artistas h1 {
        padding: 5px;
        font-size: .75em;
    }
    
    .acerca h1 {
        font-size: 1.55em;
    }
}


@media only screen and (max-width: 550px) {
    .nightlife div,
    .negocios div {
        width: 100%;
    }
    
    .nightlife div,
    .negocios div {
        float: none;
        padding-right: 0;
    }
    
    .negocios .spot {
        margin-top: 30px;
    }
    
    .prensa .acceso {
        width: 80%;
    }
    
    .prensa .acceso input[type="text"],
    .prensa .acceso input[type="password"] {
        width: 70%;
    }
}


@media only screen and (max-width: 480px) {
    header .centrar {
        width: 94%;
    }
    
    header section + section,
    header section + section a {
        height: 130px;
    }
    
    header.interior section + section,
    header.interior section + section a {
        height: 90px;
    }
    
    .home .news h1 {
        margin-top: 5px;
    }
    
    .home .news h1 img {
        width: 70%;
    }
    
    .home .patrocinadores {
        padding: 15px 0 5px 0;
    }
    
    .home .patrocinadores li:first-child {
        width: 85px;
        font-size: .75em;
    }
    
    .home .patrocinadores li {
        height: 35px;
    }
    
    .home .patrocinadores img {
        height: 25px;
        margin-top: 5px;
    }
    
    .home .patrocinadores img.big {
        height: 35px;
    }
    
    .tickets h1 {
        font-size: 1.65em;
    }
    
    .tickets .fases .early {
        padding: 20px 0;
        font-size: 1.25em;
    }
    
    .tickets .fases .fase h3 {
        font-size: .875em;
    }
    
    .tickets .comprar ul + ul {
        margin-left: 25px;
    }
    
    .tickets .fases .agotados {
        bottom: 34px;
        width: 220px;
        margin-left: -110px;
        font-size: .875em;
    }
    
    .tickets .fases .f4 .agotados {
        width: 220px;
        margin-left: -110px;
        -webkit-transform: rotate(-4deg);
                transform: rotate(-4deg);
    }
    
    .acerca .info2 div + div {
        padding: 7% 7% 0 7%;
    }
    
    .stages .subheadliner {
        font-size: 1.1em;
    }
    
    .stages .rock figure {
        display: none;
    }
    
    .llegar h1 {
        font-size: 1.35em;
    }
    
    .dos-donts ul {
        margin-right: 15%;
    }
    
    .dos-donts ul + ul + ul {
        margin-right: 13%;
    }
    
    .dos-donts ul + ul + ul,
    .dos-donts ul + ul + ul + ul,
    .dos-donts section + section ul + ul {
        margin-top: 0;
    }
    
    .dos-donts section + section ul {
        margin-right: 5%;
        font-size: 1em;
    }
    
    .tours .ciudad {
        width: 100%;
    }
    
    .tours .rojomovil2 {
        background: #ed525c;
    }
    
    .negocios h1 + p {
        font-size: .85em;
    }
    
    .socios h1,
    .prensa h1 {
        font-size: 1.5em;
    }
    
    .socios .medios figure {
        display: block;
        margin: 30px 0;
    }
    
    .contacto a.kit,
    .prensa a.biografia {
        display: block;
        padding: 10px 0;
    }
    
    .contacto .renglon figure img {
        width: 70%;
    }
    
    .contacto .renglon + .renglon figure img {
        width: 55%;
    }
    
    .contacto .renglon div + div {
        margin-top: 20px;
    }
    
    .contacto input[type="text"],
    .contacto textarea {
        width: 75%;
    }
    
    .contacto input[type="submit"] {
        padding: 10px 20px;
    }
    
    .faqs .columna div {
        width: 82%;
    }
    
    .prensa h1,
    .prensa h2 {
        margin-left: 8px;
    }
    
    .prensa div {
        margin-bottom: 40px;
    }
    
    .prensa figure {
        width: 50%;
    }
    
    .prensa a.biografia {
        margin-top: 0;
    }
    
    .prensa .columna h1 {
        font-size: 1em;
    }
    
    footer {
        padding: 15px 0 0 0;
    }
}


@media only screen and (max-width: 479px) {
    .videocontent {
        width: 280px;
    }
    
    .artistas h1 {
        padding: 10px 5px;
        font-size: 1.5em;
    }
    
    .artistas div {
        float: none;
    }
    
    .artistas .col2h div,
    .artistas .col2h div + div,
    .artistas .col2l div,
    .artistas .col2l div + div,
    .artistas .col2r div,
    .artistas .col2r div + div,
    .artistas .col3 div {
        width: 100%;
    }
    
    .prensa .acceso input[type="text"],
    .prensa .acceso input[type="password"] {
        width: 65%;
    }
}


@media only screen and (max-width: 320px) {
    .stages .edm figure.bullet,
    .stages .indie figure.bullet {
        display: none;
    }
}