﻿#aVerMasTestimoniales{
    color:#66cc00;text-align:center;text-decoration:none !important;
}

#aVerMasTestimoniales:hover{
    text-decoration:underline !important;
    color:#66cc00;
}

#UlModal {
    margin-top: -10% !important; 
    margin-left: 22.5% !important;
}

.InputsDiv{
    margin-top: 6%;
}

#AppStore{
    width: 150px;
}

#GooglePlay{
    width: 150px;
}

#imgClaro, #imgDigicel, #imgMovistar, #imgTigo{
    width: 65% !important;
}

/*===================== SECCION DE TESTIMONIALES ===========================*/

.TestimonialesCard{
    width: 20%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    float: left;
}

#ElEconomista{
    line-height: 1 !important;
}

#MarvinUsuario{
    text-align: center; 
    line-height: 1.55;
}

.IMGTestimonialesDiv{
        width: 100%; 
        text-align: center;
}

/*=================== FIN SECCION DE TESTIMONIALES =========================*/

/*===================== SECCION DE PROMOCION ===========================*/

#AppStoreP, #GooglePlayP { max-width: 20%;}

#UlModal2{
    margin-left: 17.5% !important;
    margin-top: -10% !important; 
}

#mobile_invitation_container{
    display: none !important;
}

/*=================== FIN SECCION DE PROMOCION =========================*/


@media only screen and (max-width: 1414px){
    #UlModal {
        margin-top: -10% !important; 
        margin-left: 21% !important;
    }
}

@media only screen and (max-width: 1224px){
    #UlModal {
        margin-top: -10% !important; 
        margin-left: 21% !important;
    }

    #UlModal2{
        margin-left: 15.5% !important;
        margin-top: -10% !important; 
    }
}

@media only screen and (max-width: 1088px) {
    #UlModal {
        margin-top: -10% !important;
        margin-left: 16% !important;
    }
}

/*=========Testimoniales========*/

@media only screen and (max-width: 991px) {
    .TestimonialesCard{
        margin: 10% 2%;
    }
}

/*=======FIN Testimoniales======*/

@media only screen and (max-width: 890px){
    #UlModal {
        margin-top: -10% !important; 
        margin-left: 12% !important;
    }

    .InputsDiv{
        margin-top: 3%;
    }

    .TestimonialesCard{
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    float: left;
    margin-top: 0px;
}

#ElEconomista{
    line-height: 1.3 !important;
}

#MarvinUsuario{
    text-align: center; 
    line-height: 1.55;
}

.IMGTestimonialesDiv{
        width: 100%; 
        text-align: center;
}
}

@media only screen and (max-width: 786px){
    #UlModal {
        margin-top: -10% !important; 
        margin-left: 12% !important;
    }

    .InputsDiv{
        margin-top: 3%;
    }

    #AppStore{
    width: 120px;
    }

    #GooglePlay{
        width: 120px;
    }
}

@media only screen and (min-width: 597px){
    #BannerRGO{
        display: block;
    }

    #ResponsiveBannerRGO{
        display: none;
    }
}

@media only screen and (max-width: 596px){
    #UlModal {
        padding-left: 0px;
        margin-top: -18% !important;
        margin-left: 8% !important;
    }

    .InputsDiv{
        margin-top: 3%;
    }

    #AppStore{
    width: 120px;
    }

    #GooglePlay{
        width: 120px;
    }

    #BannerRGO{
        display: none;
    }

    #ResponsiveBannerRGO{
        display: block;
    }

    .modal-content{
        width: 55%;
        margin-right: auto;
        margin-left: auto;
    }

    #UlModal2 {
        margin-left: 0% !important;
        margin-top: -38% !important;
    }

    #AppStoreP, #GooglePlayP { max-width: 50%;}
}

@media only screen and (max-width: 540px) {

    #UlModal {
        padding-left: 0px;
        margin-top: -18% !important;
        margin-left: 5% !important;
    }
}

@media only screen and (max-width: 540px) {
    #UlModal {
        padding-left: 0px;
        margin-top: -37% !important;
        margin-left: 5% !important;
    }

    .TestimonialesCard {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
        margin-top: 5px;
        line-height: 1.8 !important;
    }

    #ElEconomista {
        line-height: 1.8 !important;
    }
}

@media only screen and (max-width: 420px) {
    #UlModal {
        padding-left: 0px;
    margin-top: -19% !important;
    margin-left: 2% !important;
    }

    .modal-content {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    }

    #UlModal2 {
    margin-left: -0% !important;
    margin-top: -38% !important;
    }

    #AppStoreP, #GooglePlayP {
    max-width: 40%;
    }
}

@media only screen and (max-width: 351px) {
    #UlModal {
    margin-top: -42% !important;
    margin-left: -8% !important;
    width: 80%;
    }

    .modal-content {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
}

/*@media only screen and (max-width: 418px){
    #UlModal {
        margin-top: -10% !important; 
        margin-left: -25% !important;
    }

    .InputsDiv{
        margin-top: 3%;
    }

    #AppStore{
    width: 120px;
    }

    #GooglePlay{
        width: 120px;
    }
}*/