/* Desktops and laptops ----------- */
/* Large screens ----------- */

@media only screen and (min-width: 640px) {
    .conjuntoder {
        margin: 0;
    }

    #cd-signup .fieldset, #cd-login .fieldset {
        width: 100%;
        margin: 0em 0 0.5em 0 !important;
        float: left;
        position: relative;
        padding: 0;
    }

        #cd-signup .fieldset input, #cd-signup .fieldset select {
            width: 62% !important;
            margin: 0 !important;
            float: left;
            position: relative;
            height: 30px !important;
            max-width: 100% !important;
            padding: 4px;
        }

        #cd-signup .fieldset .asterisco {
            padding-top: 7px !important;
            float: right;
            display: block;
            width: 0;
            position: initial;
            right: 0;
            top: -40px;
            height: 0;
            overflow: visible;
        }

        #cd-signup .fieldset label {
            font-size: 14px;
            width: 30%;
            height: 30px;
            font-weight: 400;
            padding: 4px 0;
            margin: 0;
        }

    #cd-signup #input.hasDatepicker + img.ui-datepicker-trigger {
        right: 38px;
        top: 0;
        width: 29px;
        position: absolute;
        z-index: 1;
    }

    #cd-signup #codigopopup {
        line-height: 18px;
        max-width: 100% !important;
        width: 100% !important;
    }
        #cd-signup #codigopopup > .asterisco {
            margin: 5px -8px 0 0 !important;
        }
        #cd-signup #codigopopup > * {
            /*width: 100% !important;*/
            max-width: 100% !important;
            display: inline-block;
            margin: 5px 0 !important;
        }

    #cd-signup .fieldset input[type=button] {
        height: auto !important;
        margin-left: 30% !important;
        padding: 10px;
    }
    #cd-signup #codigopopup > input#inpRegImagen {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 1024px) {
    #SearchBar {
        display: none;
    }

    #separadorcorte {
        display: inline-block;
        position: relative;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .botonescomplejo {
        right: 0;
        width: auto;
        bottom: -7px;
        position: relative;
        display: inline-block;
    }
    .corte .textoAnima2 .busqueda > * {
        display: inline-block;
        float: none;
        width: 75%;
        margin: 0 0 5px 0;
        max-width: 400px;
    }

    .conjuntobotones2 div {
        width: 50%;
        margin-bottom: 5px;
        height: 35px;
        line-height: 35px;
    }

    .conjuntobotones2 img {
        height: 36px;
    }

    .modal-header h1 {
        line-height: 1;
        height: auto;
        display: block;
    }

    .detallespeli p {
        color: black;
        margin-bottom: 0;
        margin-left: 0;
    }
    #cd-top-nav a {
        padding: 0.5em 1em;
        font-weight: 600;
        font-size: 0.8em;
        line-height: 2em;
    }
}

@media screen and (max-width: 640px) {
    .ui-dialog{
        max-width: 100% !important;
    }
    .cd-main-content {
        padding-top: 70px;
    }

    .conjuntobotones2 div {
        width: 50%;
        margin-bottom: 5px;
    }

    #cd-top-nav a {
        padding: 1em;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 105px;
        text-decoration: none;
    }

    #vistas > h1 {
        color: #fff !important;
        line-height: normal;
        margin: 1em;
    }

    #prehome .owl-pagination {
        margin: 7px 0 0 0;
        height: 40px;
    }

    .owl-theme .owl-controls .owl-page span {
        width: 25px;
        height: 10px;
        margin: -2px 2px;
    }

    #detallePeliculaComplejos .conjuntoizq {
        padding: 15px 0;
        display: inline-block;
        margin: 0;
        width: 100%;
    }

    nav#cd-top-nav.ingresocontacto {
        margin: 12px 55px 0 0 !important;
    }

    .combopeli {
        width: 100%;
        display: inline-block;
        float: none !important;
    }

    #cd-signup .fieldset, #cd-login .fieldset {
        width: 100%;
        margin: 0em 0 0.5em 0 !important;
        float: left;
        position: relative;
        padding: 0;
    }

        #cd-signup .fieldset input, #cd-signup .fieldset select {
            width: 50% !important;
            margin: 0 !important;
            float: left;
            position: relative;
            height: 30px !important;
            max-width: 100% !important;
        }
        #cd-signup .fieldset img.ui-datepicker-trigger {
            right: 0;
            top: 0px;
        }
        #cd-signup .fieldset .asterisco {
            padding-top: 7px !important;
            float: right;
            display: block;
            width: 0;
            position: relative;
            right: 9px;
            top: -30px;
            height: 0;
            overflow: visible;
        }
        #cd-signup .fieldset label {
            font-size: 14px;
            width: 50% !important;
            height: 30px;
            font-weight: 400;
            margin: 0;
            padding: 5px 0 0 0;
        }

    #cd-signup #input.hasDatepicker + img.ui-datepicker-trigger {
        right: 0;
        top: 38px;
    }

    #cd-signup #codigopopup {
        line-height: 18px;
        max-width: 100% !important;
        position: relative;
    }

        #cd-signup #codigopopup > * {
            width: 100% !important;
            max-width: 100% !important;
            display: inline-block;
            margin: 5px 0 !important;
        }

    #cd-signup .fieldset input[type=button] {
        height: auto !important;
        margin: 0 0 15px 0 !important;
        width: 100% !important;
    }
    #cd-signup #codigopopup > .asterisco {
        margin: 5px -8px 0 0 !important;
        right: 0;
        bottom: 24px;
        position: absolute;
        width: 30px !important;
    }
    #divCart .conjuntoopciones input[type=text],
    #divCart .conjuntoopciones > input,
    #divCart .conjuntoopciones select {
        max-width: 100% !important;
        width: 100% !important;
    }
    #divCart .conjuntoopciones input.hasDatepicker + img.ui-datepicker-trigger {
        right: 15px;
        top: 101px;
    }
    .ListaPreciosButacas {
        font-size: 0.8em;
        width: 100%;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    nav#cd-top-nav.ingresocontacto {
        margin: 12px 55px 0 0 !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    * {
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    * {
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    * {
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    * {
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    * {
    }
}

/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    * {
    }
}

/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 5 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 5 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 6 (landscape) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 6 (portrait) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 6+ (landscape) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* iPhone 6+ (portrait) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* Samsung Galaxy S3 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    * {
    }
}

/* Samsung Galaxy S3 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    nav#cd-top-nav.ingresocontacto {
        margin: 12px 55px 0 0 !important;
    }
}

/* Samsung Galaxy S4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    * {
    }
}

/* Samsung Galaxy S4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    * {
    }
}

/* Samsung Galaxy S5 (landscape) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    * {
    }
}

/* Samsung Galaxy S5 (portrait) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    * {
    }
}