.logo{width: 55%;margin-bottom: -10%;}
      .logo2{width: 55%;margin-bottom: -10%;display: none;}
      .descuento{width: 85%; margin-bottom: -8%;}
      .completo{display: inline;}
      .comp1{margin-top: -1.3%;}
      .partes{display: none;}
      .nav-link{font-weight: 500;}
      .ocu{display: inline;}
      .ocu2{display: none;}
      .two {margin-left: 0px;width: 49%;padding-right: 10px;display: inline-block;}
      @media (min-width: 1900px){
      .uno{height: 590px!important;}
      .doss{height: 320px!important;}
      }
      @media (max-width: 500px) {
        .res1{margin-top:-9%!important;}
        .two {margin-left: 10px;width: 100%;display: inline-block;}
        .aprovecha{line-height: 33px!important;}
        .botones{margin-bottom: 6%!important;}
        .ocu{display: none!important;}
        .ocu2{display: inline!important;}
        .camsauto{padding: 66px 10px!important;}
        .camsauto2{padding: 0px 1px!important;}
        .alivia1{width: 100%!important;display: none;}
        .imgcam{width: 70%!important;}
        .graba{width: 88%!important;}
        .uno{height: 440px!important;}
        .tres{height: 106px!important;padding-top: 16px!important;padding: 0px!important;}
        .full{text-align: center!important;}
        .offer{margin-left: 0%!important;}
        .fulldash{padding-left: 0%!important;}
        .cams{margin-top: 0%!important;}
        .comp1{margin-top: -5%!important;}
        .crea{    font-size: 21px!important;}
        .crea2{   font-size: 20px!important;padding: 22px!important; font-weight: 500!important;}
        .practica{font-size: 43px!important;line-height: 40px!important;text-align: center!important;}
        .tela{width: 100%!important;}
        .logo{width: 45%;margin-bottom: 1%!important;display: none;}
        .logo2{width: 45%;margin-bottom: 1%!important;display: inline!important;}
        .descuento{width: 100%; margin-bottom: 0%!important;padding: 10px!important;}
        .no{display: inline!important;}
        .completo{display: none!important;}
        .partes{display: inline!important;}
        .centrar{text-align: center!important;}
        .ahorros{padding: 30px!important;margin-top: 1%!important;}
        .con1{width: 100%!important;margin-top: -7%!important;}
        .con2{width: 90%!important;margin-bottom: 10%!important;}
        .con3{width: 80%!important;margin-bottom: 10%!important;margin-left: -10%!important;}
        .cont{font-size: 30px!important;}
        .iniciar{width: 70%!important;}
        .first_form{     width: 98%!important;margin-left: 13px!important;}
      }


@media (max-width: 500px) {
    .clock

{
    margin-left: 0% !important;
    width: 60% !important;
}

.clock0 {
    text-align: center !important;
}

.bloques {
    height: 142px !important;
}

.rec1 {
    width: 90% !important;
    margin-left: 7%;
    margin-bottom: 5%;
}

.asistente {
    margin-top: 8% !important;
}

.modo {
    margin-left: 0% !important;
}

.modo1 {
    font-size: 27px !important;
    margin-left: 0% !important;
    margin-top: 0% !important;
}

.cont2 {
    background-color: #ffffff1a !important;
    padding-bottom: 0% !important;
}

.cont {
    background-color: #ffffff14 !important;
}

.descuentos {
    width: 100% !important;
}

.iconos {
    width: 100% !important;
}

.modo2 {
    font-size: 27px !important;
    margin-left: 0% !important;
    margin-top: 0% !important;
}

.circle {
    width: 70% !important;
}

.promos {
    width: 85% !important;
}

}
.price {
    font-size: 30px;

}

.al-cost-promo {
    text-decoration: line-through;
    color: red;
}