@media only screen and (max-width: 1110px){
    #auth_obc {
        min-width: 300px;
    }
    .campo-form.res_op {
        width: 245px;
    }
    .disclaimers_slide{
        text-align: center;
        padding-left: 0;
    }
    #obc_popup_terms input[type="checkbox"]{
        vertical-align: top;
        top: 0;
    }
    .obc_legal_text span{
        width: 90%;
    }
}
@media only screen and (max-width: 1080px){
    .obc_popup_wrapper .obc_popup_white{
        width: 90% !important;
    }
    .rgt_cuenta .copy{
        position: initial;
    }
    .campo-form.res_op {
        width: 235px;
    }
}
@media only screen and (max-width: 1024px){
    .accept_terms_btn{
        float: none;
        margin: 0 auto 25px auto;
    }
    .head_disclaimers {
        display: flex;
        flex-direction: column;
        padding: 0 40px;
    }
    .tabs_disclaimers {
        padding: 15px;
        margin-top: 0;
    }
    .shield_img {
        max-width: 140px;
        position: relative;
        right: -20px;
        top: initial;
        margin: auto;
        display: block;
        order: 0;
    }
    .head_disclaimers h2 {
        order: 1;
    }
    .head_disclaimers h4 {
        order: 3;
    }
    #terms-disclaimers {
        margin-top: 0;
        padding: 15px 0;
    }
    .logo.normal {
        padding: 35px 0 0;
    }
    .my_stepper {
        justify-content: end;
        height: 2px;
        width: 78%;
        top: 30px;
        position: relative;
    }
    .titulo_seccion {
        margin-top: 27px;
    }
    .top_icon{
        max-width: fit-content !important;
    }
    #otp-inicio,#confirma-id{
        padding: 55px 45px !important;
    }
    #confirma-id .titulo_seccion{
        max-width: 150px;
        margin-top: 15px;
    }
    #confirma-id .titulo_seccion h2{
        margin-top: 0;
    }
    .btn-after {
        margin: 50px auto;
    }
    .width-50{
        max-width: 100%;
    }
    .tooltip_{
        font-size: 12px !important;
    }
    .logo.normal{
        box-shadow: none;
        background: #fcefdd;
        margin-bottom: -2px;
    }
    .rib_app {
        background: linear-gradient(180deg, #ffbd68 -100%, #fff 33%);
    }
    .benefits-carrusel {
        margin: 0 auto 25px;
    }
    .owl-dots{
        display: block;
        text-align: center;
        margin: 25px auto;
    }
    .tarjetas-welcome .owl-dots{
        margin: -10px auto 25px auto;
    }
    .owl-dot span{
        width: 10px;
        height: 10px;
        background: #D9D9D9;
        display: inline-block;
        border-radius: 50%;
        margin: 25px 5px 0;
    }
    .owl-dot.active span{
        width: 20px;
        border-radius: 5.5px;
    }
    .container-flex {
        background: transparent !important;
    }
    .top_icon {
        top: 0;
    }
    .top_icon img{
        max-width: 190px
    }
    #cierre{
        background: transparent !important;
    }
    #cierre .btn-after button, #cierre .btn-after a{
        padding: 10px 25% !important;
    }

    #auth_obc {
        padding: 20px 30%;
        width: 100%;
        transform: scale(1);
        position: relative;
        left: 0;
        top: 0;
        border-radius: 0;
        max-width: 100%;
    }
    .landing-img-container {
        background-size: cover;
        align-items: center;
        padding: 0;
        text-align: center;
        justify-content: end;
        height: 500px;
        min-height: 500px;
        background-position: 45% center;
    }
    .campo-form.op {
        width: 40%;
    }
    .bgblkgradient{
        margin: 90px auto;
        width: 90%;
        text-align: left;
        margin-left: 50px;
    }

}
@media only screen and (min-width: 480px) and (max-width: 810px){
    .inicio input:not([type="checkbox"]){
        width: 100% !important;
    }
    .campo-form.res_op {
        width: 70% !important;
    }
    .campo-form.op {
        width: 25% !important;
    }
    .rgt_cuenta {
        height: 30vh !important;
        background-position: 100% top !important;
        max-width: 100% !important;
        background-size: 50% !important;
    }
    .rgt_cuenta .copy{
        bottom: inherit !important;
        width: 70% !important;
        top: 15% !important;
    }
}
@media only screen and (max-width: 820px){
    .txt-footer {
        margin: 80px auto !important;
    }
    .benefits-carrusel{
        max-width: 800px;
        margin: auto;
        width: 100%;
    }
    .benefits-carrusel .owl-item {
        max-width: 320px;
    }
    .campo-form.op {
        width: 25%;
    }
    #auth_obc{
        max-width: 100%;
        right: initial;
        padding: 20px 235px;
        width: 100% !important;
    }
    .inicio{
        padding-bottom: 50px;
    }
    .leave {
        top: 22%;
    }
    .disclaimers{
        padding-bottom: 340px !important;
    }
    .inicio {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 810px){
    .obc_popup_title {
        margin: 30px 45px !important;
    }

}
@media only screen and (max-width: 768px) {
    #terms-disclaimers h4 br{
        display: none !important;
    }
    .bgblkgradient {
        margin: 185px auto;
    }
}
@media only screen and (max-width: 575px){
    #pn-cierre .icon-revision{
        top: 47.5px;
        right: 30px;
    }
    #cierre h1, #pn-cierre h1{
        max-width: 200px;
    }
    #pn-contrato .top_icon img{
        max-width: 120px;
    }
    #pn-contrato .titulo_seccion h2{
        font-size: 23px;
    }
    .selection-radio label{
        width: 100%;
    }
    .selection-radio.multiple-radio{
        flex-direction: column;
    }
    .input-data p:first-child{
        color: black !important;
        font-weight: bolder !important;
    }
    .two-col p:first-child:after {
        display: inline-block;
        content: 'Monto';
        color: #666666;
        width: 100%;
        padding: 5px 0;
    }
    .datos div.two-col:first-child:not(.balance .two-col){
        display: none;
    }
    .two-col p:first-child{
        font-weight: 800 !important;
    }
    .two-col p:first-child:after{
        display: inline-block;
        content: 'Monto';
        color: #666666;
    }
    .two-col:not(.balance .two-col){
        justify-content: initial;
        text-align: initial;
        flex-direction: column;
        align-items: initial;
    }
    .two-col p,.two-col input, .two-col select {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }
    #obc_popup_exit .obc_popup_white{
        padding: 40px 0;
    }
    .shrinked .opcs {
        top: -10px;
    }
    .accept_box p {
        max-width: 90%;
    }
    .balance {
        padding: 10px 0 0 0 !important;
        margin: 5px 0 !important;
    }
    .balance:before{
        content: '';
        display: inline-block;
        width: 100%;
        height: 10px;
        background: #F9F6F2;
    }
    .datos .input-data.two-col p{
        font-size: 13px !important;
        line-height: 15px;
    }
    .caja-detail img,.txt_feature{
        display: inline-block;
        vertical-align: middle;
    }
    .txt_feature{
        max-width: 65%;
    }
    .counter_chars span {
        top: 45px;
        font-size: 17px !important;
    }
    #social-info .counter_chars span {
        top: 75px;
    }
    span.instruct {
        font-size: 15px !important;
        max-width: 80%;
    }
    .del, .shrink {
        margin: 10px 4px;
    }
    .datos .identifier{
        max-width: 63%;
        word-break: break-all;
        line-height: 15px;
    }
    #sistema-fin-info .titulo_seccion {
        max-width: 50%;
    }

    #productos-info .selection-radio.tipo_ventas,#productos-info .selection-radio.tipo_ventas .selection-radio,#productos-info .selection-radio label,#social-info .selection-radio,#social-info .selection-radio .selection-radio,#social-info .selection-radio label{
        display: inline-block;
    }
    #productos-info .selection-radio.tipo_ventas label,#social-info .selection-radio label{
        margin: 10px auto;
        width: 100%;
        box-sizing: border-box;
    }
    #productos-info .selection-radio.tipo_ventas label span,#social-info .selection-radio label span{
        padding-left: 5px;
    }
    .mrgn-top {
        margin-top: 30px;
    }
    .shrinked {
        max-height: 40px;
    }
    .opcs {
        top: -13px;
        right: 0;
    }
    .delete_month{
        position: absolute;
        top: -42px;
        right: 0;
    }
    .minus, .plus {
        width: 55px !important;
    }
    .hv{
        display: none;
    }
    .mob_ventas{
        display: block;
    }
    .cols_ventas{
        width: 100%;
    }
    .name_cliente {
        font-size: 25px !important;
        padding: 20px 40px !important;
    }
    .pasos-ob .txt-low{
        margin: 60px auto;
    }
    .owl-item {
        max-width: none !important;
    }
    .input-data p:first-child, .note-input {
        font-size: 16px !important;
    }
    .datos p:first-child:not(.instructivo, .txt_feature p), .datos p:first-child:not(.instructivo, .txt_feature p) strong{
        font-size: 18px;
    }
    .bgblkgradient {
        background: linear-gradient(180deg, rgba(241, 241, 241, 0) 3%, rgba(0, 0, 0, .7) 59%);
        width: 100%;
        padding: 25px;
        position: initial;
        text-align: center;
        margin: 0;
    }
    .bgblkgradient span {
        max-width: 100%;
    }
    .titulo-grande {
        margin-bottom: 5px;
        font-size: 25px;
    }
    .subtitulo {
        font-size: 18px;
        line-height: 20px;
        margin-top: 0;
    }
    .icon-revision{
        right: 0;
        top: -15px;
    }
    .accept_terms label, .border_box label {
        max-width: 85%;
    }
    #contrato .icons_top{
        margin-top: 30px;
    }
    #contrato .titulo_seccion{
        max-width: 176px;
        margin-top: -20px;
    }
    .otp_fields input{
        width: 38px !important;
        height: 50px !important;
        font-size: 30px !important;
        padding: 5px;
    }
    .img-footer-lines{
        background-size: 400% !important;
        background-position: 58% center !important;
    }
    .footer-landing {
        justify-content: start;
    }
    .txt-footer{
        margin: 35px auto;
    }
    .benefits-carrusel{
        text-align: center;
    }
    .bgblkgradient,#auth_obc{
        box-sizing: border-box;
    }
    .logo img {
        max-width: 200px !important;
        margin: 0 25px !important;
        float: left;
    }
    .leave {
        padding: 4px 10px;
        top: 35%;
    }
    #auth_obc {
        padding: 20px 10px;
    }
    .selection-radio label{
        box-sizing: border-box;
    }
    .label-unselected:before, .label-selected:before,.selection-radio label span{
        vertical-align: middle;
        display: inline-block;
    }
    .final-bal{
        background: #fff;
        /*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,247,235,1) 50%, rgba(255,255,255,1) 100%);*/
        border: none;
        padding: 25px 0;
    }
    #factores-info .titulo_seccion p,#pn-pasivos .titulo_seccion p, #pn-ventas-ingresos .titulo_seccion p, #pn-gastos-anuales .titulo_seccion p{
        font-size: 14px;
    }
}
@media only screen and (max-width: 430px){
    .campo-form.op {
        width: 41%;
    }
}
@media only screen and (max-width: 414px){
    .campo-form.op {
        width: 38%;
    }
}
@media only screen and (max-width: 395px){
    .campo-form.op {
        width: 33%;
    }
}
@media only screen and (max-width: 375px){
    .campo-form.op {
        width: 32%;
    }
}
@media only screen and (max-width: 360px){
    .leave {
        top: 50%;
    }
    .container-flex .top_icon {
        height: 90px;
    }
    .top_icon img {
        max-width: 120px !important;
    }
    .campo-form.op {
        width: 29%;
    }
    .otp_fields input{
        margin: 0;
    }
}
@media only screen and (max-width: 350px){
    .campo-form.res_op {
        width: 200px;
    }
}
@media only screen and (max-width: 340px){
    .logo img {
        max-width: 160px;
    }
    .campo-form.op {
        width: 25%;
    }
}
@media only screen and (max-width: 320px){
    .field {
        width: 92%;
    }
    .otp_fields input {
        width: 34px !important;
        height: 45px !important;
    }
    .top_icon img {
        max-width: 110px !important;
    }
    .top_icon {
        top: 33px !important;
    }
    #otp-inicio, #confirma-id {
        padding: 35px !important;
    }
}
@media only screen and (max-width: 300px){
    input:not([type="checkbox"]){
        width: 83% !important;
    }
}
@media only screen and (max-width: 640px) {
    .top_icon img{
        max-width: 150px;
    }
    .top_icon{
        margin: 10px -10px;
        max-width: 100%;
        margin-left: 0;
        top: 15px;
        left: -15px;
    }
    .tooltip_{
        max-width: 75%;
    }
    .backArrowMob{
            display: flex;
    }
    .backArrow{
        display: none !important;
    }
    .obc_popup_title{
        margin: 30px 45px !important;
    }
    .obc_popup_title h2{
        font-size: 19px;
    }
    .obc_lock_icon{
        display: none;
    }
    .disclaimers_slide{
        padding-bottom: 160px;
        padding-left: 0px;
        text-align: center;
    }
    #obc_popup_terms{
        overflow-y: scroll;
    }
    .obc_column{
        margin-bottom: 0 !important;
    }
    .obc_legal_text{
        padding: 12px 35px !important;
    }
    .obc_legal_text span{
        font-size: 12px;
        width: 90%;
    }
    .obc_legal_actions_gray{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    .obc_popup_title {
        margin: 30px 30% 0 15px;
    }
    .obc_popup_terms .obc_popup_white {
        width: 100% !important;
        height: inherit !important;
    }
    .dwl_terms{
        margin: auto !important;
    }
}
@media only screen and (min-width: 750px) and (max-width: 820px){
    .tarjetas-welcome {
        max-width: 500px;
    }
    #auth_obc {
        width: 90%;
        transform: scale(1);
    }
    .orng_gradient {
        padding-bottom: 15% !important;
    }
    .campo-form.op{
        width: 29.4% !important;
    }
    .footer-landing {
        min-height: 350px;

        background-size: 150% !important;
        background-position: 35% center !important;
    }
    .footer-landing .txt-footer{
        margin-left: 220px !important;
    }
}