.tdosDeci {
    margin: 100px 0;
}
.panelP {
    padding: 0px 15px;
    font-size: 20px;
}
.panelP, h1, h2 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;       
    margin-top: 15px;
    margin-bottom: 7px;
}
h1, h2 {
    font-size: 25px;
    font-weight:bold;
}
    .cuadroComple {
    display: inline-block;
    background-color: #e6edf0;
    color: #034066;
}


.cont_precio {
    position: absolute;
    height: 6.5rem;
    width: 6.5rem;
    bottom: 15px;
    right: 15px;
    background: linear-gradient(to right, #2095f2, #20e7f2);
    color: #fff;
    padding: 0;
    line-height: 6.5rem;
    border-radius: 50%;
    font-weight: 700;
    font-size: 4rem;
    box-sizing: content-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.simbolo-euro {
    color: #fff;
    font-size: 2rem;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.cont_azul-sorteo {
    width: 277px;
    text-align: center;
    position: absolute;
    left: 8px;
    top: 0%;
    font-weight: 700;
    color: #034066;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background: linear-gradient(to right, #2095f2, #20e7f2);
}

@media screen and (max-width: 1024px) {
    .panelP, h1, h2 {
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .cont_azul-sorteo {
        width: 369px;
        left: 8px;
        top: 0%;
    }

    .cont_precio {
        height: 6.5rem;
        width: 6.5rem;
        line-height: 6.5rem;
        font-size: 4rem;
    }
    .simbolo-euro {
        color: #fff;
        font-size: 2rem;
    }
}




@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    .cont_azul-sorteo {
        width: 240px;
        left: 8px;
        top: 0%;
    }

    .panelP, h1, h2 {
        font-size: 18px;
    }
}



/* iPhone 6+ ----------- */

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
    .cont_azul-sorteo {
        width: 161px;
        left: 7px;
        top: 0%;
        font-size: 11px;
    }

    .panelP, h1, h2 {
        font-size: 18px;
    }
    .cont_precio {
        height: 5.0rem;
        width: 5.0rem;
        line-height: 5.0rem;
        font-size: 3rem;
    }
    .simbolo-euro {
        font-size: 1.5rem;
    }
 }

@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) {
    .cont_azul-sorteo {
        width: 178px;
        left: 7px;
        top: 0%;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape) {
    .cont_azul-sorteo {
        width: 391px;
        left: 8px;
    }
}


@media only screen and (max-width: 736px) and (min-width: 414px) and (orientation: landscape) {
    .cont_azul-sorteo {
        width: 352px;
        left: 8px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape) {
    .cont_azul-sorteo {
        width: 288px;
        left: 7px;
    }
}

@media only screen and (max-device-width: 320px) {
    .cont_azul-sorteo {
        width: 138px;
        left: 7px;
        top: 0%;
        font-size: 9px;
    }
    .panelP, h1, h2 {
        font-size: 15px;
    }
    .cont_precio {
        height: 4.5rem;
        width: 4.5rem;
        line-height: 4.5rem;
        font-size: 3rem;
    }
    .simbolo-euro {
        font-size: 1.5rem;
    }
 }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) {
    .cont_azul-sorteo {
        width: 245px;
        left: 7px;
    }
    .cont_precio {
        height: 5.5rem;
        width: 5.5rem;
        line-height: 5.5rem;
        font-size: 3rem;
    }
}



/* iPhone 6+ ----------- */



/*  ----------- BANNER  ----------- */
.txt-publi {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}



.txt-n {
    font-size: 24px;
    text-align: center;
    color: #034066;
    text-shadow: 1px 1px #cadbdc;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.txtNul {
    visibility: hidden;
}


.cuadroCompleB {
    border: 1px solid #ddd0;
    margin-top: 77px;
    padding: 0px;
}

.panelPB {
    padding: 20px 10px;
    height: auto;
}
.azulPB{

}

.vidPub {
    width: 280px;
    height: 160px;
}
/* Pantallas grandes ----------- */
@media only screen and (min-width : 1824px) {
    .vidPub {
        width: 280px;
        height: 160px;
    }
    .cuadroCompleB {
        margin-top: 75px;
    }
}

@media screen and (max-width: 1024px) {
    .cuadroCompleB {
        margin-top: 34px;
    }
    .cuadroCompleB{

    }
    .vidPub {
        width: 300px;
        height: 240px;
        margin-top: 32px;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    .vidPub {
        width: 224px;
        margin-top: -70px;
    }
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
    .vidPub {
        width: 159px;
        margin-top: 36px;
        height: 102px;
    }

    .txt-n {
        font-size: 17px;
    }
}

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape) {
        .vidPub {
            width: 378px;
            margin-top: 15px;
            height: 240px;
        }
    }

    @media only screen and (max-width: 736px) and (min-width: 414px) and (orientation: landscape) {
        .vidPub {
            width: 334px;
            margin-top: 62px;
            height: 194px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape) {
        .vidPub {
            width: 268px;
            margin-top: 67px;
            height: 159px;
        }
    }


    @media only screen and (max-device-width: 320px) {
        .vidPub {
            width: 131px;
            margin-top: -9px;
            height: 131px;
        }

        .txt-n {
            font-size: 17px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) {
        .vidPub {
            width: 227px;
            margin-top: 52px;
            height: 144px;
        }
    }