@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: auto;
    height: 110%;
  }
}
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){

}

/* Small Devices, Tablets */
@media only screen and (max-height : 768px){
   
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-height: 800px){
 
}

/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
    
    
}
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1600px) and (max-height: 900px){
    h3{margin:2% 0px;}
    .clock-timer{margin: 2% auto 3%;}
    .instrucciones .circle {
        margin: 0px auto 9px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) and (max-height: 900px){
    h3 {
        font-size: 1.2em;
        line-height: 14px;
        margin: 2% 0px 3% 0%;
    }
    .clock-timer{margin: 3% auto 3%;}
    .instrucciones .inside-instruccion{margin: 6px auto;}
    .lista-ganadores {
        width: 84%;
        height: 37%;
        margin: 30px auto 0;
        position: relative;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1366px) and (max-height: 768px){
    
    h5{margin: 2% 0px;}
    .studp-bchbold52 {
        font-family: 'BCH-Bold';
        font-size: 3em;
    }
    .clock-timer{margin: 3% auto 2%;}
    .fix-stup120{
        height: 120px;
        font-size: 8em;
        width: 300px;
        margin: 0 auto;
    }
    .litle-info {
        margin: 0px;
    }
    body{font-size: 12px}
    .rombo{width: 86px;height: 101px;margin: 0px 8px}
    .instrucciones .inside-instruccion{
        font-size: 1.3em;
        margin: 4px auto;
    }
    .enviar-avion-btn, .registro-btn-ref, .registro-btn{margin: 10px auto;}
    .enviar-avion-btn{
        margin: 0px auto;
        height: 56px;
        font-size: 18px;
    }
    .registro-btn-ref {
        margin: 0px auto 8px;
    }
    .enviar-avion-btn .btn-avion{
        top: 8px;
    }
    .loginusuario .block-login-firts,
    .loginusuario .block-login-second{height: 500px;}
    .custom-form-group{
        height: 45px;
    }
    .custom-form-group input[type="text"], .custom-form-group select{
        padding-top: 11px;
    }
    #invitacion .soycliente p {
        font-size: 1.1em;
    }
    .lista-ganadores {
        height: 30%;
        margin: 20px auto 30px;
    }
}
@media only screen and (max-width : 1280px) and (max-height: 1024px){
    h1{font-size: 3.5em;}
    .link-for-copy p{font-size: 1.2em}
    .instrucciones .circle {
        margin: 0px auto 9px;
    }
     .lista-ganadores {
        width: 84%;
        height: 42%;
        margin: 30px auto 0;
        position: relative;
    }
}
@media only screen and (max-width : 1280px) and (max-height: 800px){
    h3{margin:1% 0px;}
    .clock-timer {
        margin: 2% auto 2%;
    }
    .lista-ganadores {
        width: 84%;
        height: 22%;
        margin: 30px auto 34px;
        position: relative;
    }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
    #header .head-bch,
    #header .head-sky{
        padding: 10px;
    }
    .enviar-avion-btn {
        margin: 9px auto;
        height: 46px;
        font-size: 14px;
    }
    .enviar-avion-btn .btn-avion {
        top: 10px;
        left: 26px;
    }
    .inter-content {
        height: 100%;
        width: 100%;
        padding: 0px 15px;
        overflow: hidden;
    }
    h1 {
        font-size: 1.8em;
        margin: 10px 0px 5px 0px;
    }
    h3{
        line-height: 18px;
        margin: 3% 0px;
        font-size: 1.2em;
    }
    h2{
        font-size: 1.3em;
    }
    h4{
        font-size: 1em;
        margin: 5px 0px;
        font-family: 'BCH-Regular';
    }
    h5{
        font-size: 1em;
        margin: 5% 0%;
    }
    .invitacion .soycliente {
        width: 100%;
        padding: 0px 0px 0px 0px;
        max-width: 480px;
        margin: 6% auto;
        height: 40px;
    }
    .invitacion .checkbox {
        margin: 8px 10px 0px 0px;
    }
    .crea h1 {
        font-size: 2em;
        line-height: 42px;
    }
    .big-button,
    .seleccionarpasajeros{
        width: 90%;
        height: 47px;
        padding: 11px;
        position: absolute;
        bottom: 20px;
        left: 5%;
    }
    
    .btn-avion {
        left: 35px;
        top: 10px;
        width: 25px;
        height: 23px;
    }
    .fix-stup120 {
        height: 70px;
        font-size: 8em;
        width: 210px;
        margin: 0 auto;
    }
    .box-lista-pasajeros .avion {
        position: absolute;
        width: 29px;
        height: 30px;
        left: 18px;
        top: 4px;
    }
    .box-lista-pasajeros .enviarpasajeros{
        bottom: 20px;
    }
    .content {
        background-image: url(../images/bgs/bg-mobile.jpg);
        background-size: cover;
        background-position: center bottom;
    }
    .loginusuario .studp-bchregular22 {
        font-size: 1.4em;
        margin: 2% 0%;
    }
    .loginusuario .studp-bchregular18 {
        margin: 10px 0px;
        font-size: .9em;
    }
    .box-lista-pasajeros{
        width: 100%;
        right: -100%;
        background-color: rgba(0,0,0,.9);
        position: fixed;
        z-index: 10000;
    }
    .litle-info{font-size: 11px;}
    .teaser h1 {
        font-size: 3em;
    }
    video{display: none;}
    .felicitaciones, .invitacion, .felicitaciones-abordaje, .loginusuario, .envioavion{margin:0px;}
    .invitacion{
        background-image: url('../images/bgs/bg-mobile-interior.jpg');
        background-size: cover;
        background-position: center bottom;
    }
    .pronto-img{background-image: url(../images/pronto.png);
        width: 100%;
        height: 29%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
        max-height: 203px;
        margin: 10% 0px;}
    .prontodos-img{background-image: url(../images/prontodos.png);}
    .clock-timer{transform: scale(.8);}
    .studp-bchbold52{font-size: 18px;}
    .studp-bchregular22{font-size: 1.2em;}
    .studp-bchbold22{font-size: 15px;}
    .studp-bchbold120{font-size: 40px;line-height: 36px;}
    .studp-bchbold120 span{
        font-size: 14px;
        top: -8px;
        position: relative;
    }
    .studp-bchregular18{font-size: 1.2em;}
    .soycliente{margin: 8px 0px;}
    .soycliente p {
        width: 88%;
        font-size: 10px;
    }
    .registro-btn-ref, .registro-btn{width: 100%;height: 45px;margin: 5px 0px;}
    .registro-btn-ref .error, .registro-btn .error{font-size: .8em;padding: 8px;}
    .registro-btn-ref .success, .registro-btn .success{font-size: .8em;padding: 8px;}
    #header{height:40px;}
    #header .head-bch img {max-width: 87px;}
    #header .head-sky img {max-width: 110px;}
    
    .seccion{
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
    .play {width: 77px;height: 85px;margin-top: 10px;margin-bottom: 10px;}
    #circulo_play,#poligono_play {width: 77px;height: 85px;}
    .rombo{width: 66px;height: 81px;background-size: 100%;background-repeat: no-repeat;}
    .rombo h3{font-size: 25px;}
    .title-count {margin-top: 10px;}
    .instrucciones .instruccion .inside-instruccion{
        font-size: .9em;
        font-family: 'BCH-Bold';
    }
    .instrucciones {
        width: 100%;
        height: 111px;
        position: absolute;
        bottom: 90px;
        left: 0px;
    }

    .instrucciones-teaser{
        position: relative;
        float: left;
        bottom: 0px;
    }
    .instrucciones .circle {
        width: 50px;
        height: 50px;
    }
    .font-regular{font-size: 12px;}
    .social-footer {width: 100%;height: 122px;margin-top:10px;}
    .social-footer .social-content {
        width: 100%;
        padding: 9px;
        font-size: 1em;
        height: 35px;
        margin-bottom: 7px;
    }
    .social-footer i {
        font-size: 18px;
        left: 30px;
        position: absolute;
    }
    .ya-creaste {width: 100%;margin-top: 5px;}
    .ya-creaste .first{width: 100%; text-align: center;margin-bottom: 10px;}
    .transparent-btn{width: 100%;}
    .custom-form-group label {font-size: 18px;margin: 2px 0px 0px 2px;}
    .custom-form-group{height: 30px;}
    .custom-form-group input[type="text"], .custom-form-group select{padding: 7px 10px 10px 35px;font-size: 13px;}
    .loginusuario .block-login-firts{
        border: 1px solid #fff;
        padding: 20px;
        width: 100%;
    }
    .loginusuario .social-footer {
        height: 50px;
    }
    .loginusuario .studp-bchregular14 {
        margin: -6px 0px 7px 0px;
    }
    .loginusuario .block-login-second{
        border: 1px solid #fff;
        padding: 10px;
        width: 100%;
        height: 300px;
    }
    .loginusuario .studp-bchbold90 {
        font-family: 'BCH-Bold';
        font-size: 5.7em;
        line-height: 50px;
    }
    .btnlistaamigos p {
        margin: 9px 0px;
        font-size: 12px;
    }
    .lista-pasajeros {
        height: 178px;
    }
    .lista-pasajeros .pasajeros {
        height: 150px !important;
    }
    .lista-pasajeros .titles {
        font-size: 8px;
    }
    .teaser h2 {
        font-size: 1.5em;
        margin: 7px 0px;
    }
    .footer{
        right: 0px;
        bottom: 7px;
        font-size: 10px;
    }
    .footer .social-link {
        width: 25px;
        height: 25px;
        padding-top: 3px;
        font-size: 13px;
    }
    .footer span {
        margin: 5px 10px 0px 0px;
    }
    .footer .link {
        height: 16px;
        margin-top: 5px;
    }
    .lista-ganadores .titulo img {
        position: absolute;
        width: 110px;
        right: -7px;
        top: -5px;
    }
    .legal{
        width: 100%;
        height: 42px;
        border-radius: 0px;
        bottom: 0px;
        position: relative;
    }
    .litle-info-tarjetas{
        width: 100%;
        height: 72px;
    }
    .lista-ganadores {
        width: 100%;
        margin: 0px;
        margin-bottom: 40px;
    }
    .ganadores .claim {
        width: 300px;
        margin: 45px auto 0;
    }
    .btnscerraravion{
        position: absolute;
        bottom: 30px;
        width: 100%;
        padding: 0px;
        left: 0px;
    }
    .btnanvioavion{
        position: relative;
        width: 100%;
        left: 0px;
        margin-bottom: 30px;
    }
    .errormsenvio{
        height: 100px;
    }
    #home .nueva-oportunidad-title{
        width: 100%;
    }
    .content-new-instrucciones{
        width: 100%;
        height: 700px;
    }
    .content-new-instrucciones .box-instrucciones {
        width: 90%;
        margin: 30px auto;
        height: 150px;
    }
    .content-new-instrucciones .box-instrucciones p {
        font-size: 1.1em;
        width: 63%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}