@media screen and (max-width: 1000px) {
    .slider .slides>li .item img {
        width: 180% !important;
        display: block;
        max-width: 1920px;
        left: 0 !important;
        right: 0;
        margin: 0 auto;
        margin-left: -40%;
    }
}

@media screen and (max-width: 920px) {
    .club .navegacion {
        height: 54px;
        width: 100%;
    }

    .club .navegacion nav ul li {
        padding: 0 2% 0 2%
    }

    .club .navegacion nav ul li+li {
        margin-left: 1%
    }

    .bx-controls-direction,
    .bx-pager {
        left: 0;
        margin-left: 0
    }

    .slider .slides>li .item img {
        width: 180% !important;
        display: block;
        max-width: 1920px;
        left: 0 !important;
        right: 0;
        margin: 0 auto;
        margin-left: -40%;
    }
}

@media handheld, only screen and (max-width: 800px) {
    .club .navegacion nav ul li {
        padding: 0 1.3% 0 1.3%
    }

    .club .navegacion nav ul li+li {
        margin-left: 1%
    }

    #publiboard {
        width: 100%
    }

    #beneficiosMembresia figure img {
        right: -100px
    }
}

@media handheld, only screen and (max-width: 740px) {
    .club header .contentBusqueda .col4 {
        width: 70%;
        text-align: center
    }

    .club header .contentBusqueda h1 {
        padding: 0;
    }

    .club header .contentBusqueda h1 a {
        display: block;
        width: 90%;
        margin: 0 auto
    }

    .club .navegacion nav ul li {
        padding: 0 1% 0 1%
    }

    .club .navegacion nav ul li+li {
        margin-left: 1%
    }

    .slideWrapper {
        height: 350px
    }

    .slider {
        max-height: 350px;
        height: 350px;
    }

    .slider .slides>li {
        height: 350px
    }

    #publiboard {
        display: none
    }

    #beneficiosMembresia figure img {
        right: -100px
    }
}

@media screen and (max-width: 700px) {
    body .navMobile nav ul li ul li {
        font-size: 13px;
        color: #fff;
        margin-left: 10px;
        border: none
    }

    .club header .contentBusqueda h1 {
        padding: 0
    }

    .club header .contentBusqueda .col6 {
        display: none
    }

    .club #nav-spacer {
        height: 50px
    }

    .club #publiboardTop {
        display: none
    }

    .slideWrapper {
        height: 208px
    }

    .slider {
        max-height: 208px;
        height: 208px;
        position: relative;
        left: 0;
        top: 0 !important;
    }

    .slider .slides>li {
        height: 208px
    }

    .contentWrapper section article {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contentWrapper section article.sliderPromociones {
        width: 100%
    }

    .portadaRevista {
        width: 100%;
        height: 600px;
        position: absolute;
        top: 0 !important
    }

    #beneficiosCompra .comprarSuscripcion {
        font-size: 1.3em
    }

    #actualRevista {
        padding: 40px 0
    }

    .club footer .ft-ct{
        width: 100%;
        margin: 0 auto;
    }

    .club footer .ft-ct:after,
    .club footer .ft-ct:before {
        background: transparent
    }

    .club footer .ft-ct>div:after,
    .club footer .ft-ct>div:before {
        border: none
    }
}

@media screen and (max-width: 480px) {
    #clubCinepolis .col5,
    #contactoMembresia .col5,
    #clubCinepolis .col7,
    #contactoMembresia .col7 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    #adquiereTarjeta .col4 {
        width: 100%;
        float: none;
        text-align: center;
        margin: 1em auto;
    }

    #beneficios .col4 {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    #beneficios .col4 figure img {
        width: 100%
    }

    .club nav {
        display: none
    }

    .club footer .col4,
    .club footer .col8 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    /* .club header .contentBusqueda h1 a {
        display: block;
        width: 90%;
        margin: 0 auto
    } */

    .slideWrapper {
        height: 150px
    }

    .slider {
        max-height: 150px;
        height: 150px;
        position: relative;
        left: 0;
        top: 0 !important;
    }

    .slider .slides>li {
        height: 150px
    }

    .bx-controls-direction a {
        display: none
    }

    .bgTop {
        height: 40px
    }

    #fanClub .col4 {
        display: none
    }

    #fanClub .col8 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    #legales .col4,
    #legales .col8 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    #beneficiosFan .col4 {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    #beneficiosFan .col4 figure img {
        width: 100%
    }

    #beneficiosMembresia .col6,
    #adquiereTerjeta .col6 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    #beneficiosMembresia figure img {
        width: 100%;
        max-width: 835px;
        top: 0;
        right: 0;
        position: relative
    }

    #adquiereTerjeta article+article .col4,
    #adquiereTerjeta article+article .col8 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .portadaRevista {
        width: 100%;
        height: 390px;
        position: absolute;
        top: 0 !important
    }

    .contentFan-club {
        top: 150px
    }

    #beneficiosCompra {
        margin: 0 0 150px 0;
    }

    #beneficiosCompra .col4,
    #beneficiosCompra .col8 {
        width: 100%;
        float: none;
        margin-left: 0
    }

    #beneficiosCompra .col8 {
        text-align: center
    }

    #beneficiosCompra ul .col4 {
        margin: 40px 0
    }

    #beneficiosCompra .comprarSuscripcion {
        font-size: 1.2em;
        height: 35px;
        line-height: 20px
    }
}

@media screen and (max-width: 380px) {
    .club header .contentBusqueda h1 a {
        display: block;
        width: 90%;
        margin: 3px auto
    }

    .portadaRevista {
        width: 100%;
        height: 350px;
        position: absolute;
        top: 0 !important
    }
}