@media (min-width: 350px) {}

@media (min-width: 400px) {
    .btns button {
        font-size: 17px;
    }

    .flowCash h2 {
        font-size: 23px;
    }

    .txt_infv {
        font-size: 17px;
    }

    .span_grid span {
        font-size: 14px;
    }

    .org_btns button p {
        font-size: 14.6px;
        font-weight: 600;
    }

    .txtTotIncomes,
    .txtTotDebts,
    .txtTotExpnss {
        font-size: 18px;
    }

    .descript_camp {
        font-size: 17.4px;
    }

    .input_label label {
        height: 32px;
    }

    .input_label input {
        font-size: 18px !important;
    }

    .quincena_badge {
        font-size: 15px;
    }

    .btn_pdf {
        padding: 2px 6px;
    }

    .btn_pdf span {
        font-size: 25px !important;
    }

    .total_incomes_label {
        font-size: 1.15rem;
    }

    .header_bar span:not(.nom_head) {
        font-size: 17px;
    }

    .nom_head {
        font-size: 16px
    }

    .rest_bar {
        font-size: 15.5 px;
    }

    .submit_inf {
        font-size: 15px;
    }

    .submit_info.save_inf,
    .submit_info.cancel_btn {
        font-size: 15px;
        font-weight: 600;
    }

    .btnsSHFuncs button {
        font-size: 15.5px;
        padding: 8px 12px;
    }

    .fixeObjective h3 {
        font-size: 21px;
    }

    .btnsCreate a {
        font-size: 16px;
    }

    .spread_gap {
        gap: 1.8rem;
    }

    .check_goal {
        width: 30px;
        height: 30px;
        font-size: 24px;
    }

    .img_Goals_cont form img {
        width: 100px;
        height: 100px;
    }

    .goal-name {
        font-size: 17px;
    }

    input[type="range"].pregresive_bar {
        height: 7.6px;
    }

    .rabi {
        font-size: 14px;
    }

    .btn_more_vert {
        width: 30px;
        height: 30px;
    }

    .drop_btn.caml_trat {
        font-size: 14.5px
    }

    .rer_amntGls input[type='submit'] {
        font-size: 18px !important;
    }

    .user_data {
        width: 90%;
        padding: 1rem 1.6rem;
    }

    .info-row .label {
        font-size: 14px;
    }

    .info-row .value {
        font-size: 17.5px;
    }

    .plan-badge {
        font-size: 14px;
    }

    .one_accnt,
    .form_cont {
        margin: 0 auto;
        width: 95%;
    }
    .debt_cont_div{
        width: 100%;
        margin: 0 auto;
    }

    .title_div,
    .section-label {
        font-size: 14.6px;
    }

    .txt_info {
        font-size: 15px;
    }

    .percent {
        height: 26px;
        width: 44px;
        font-size: 16px;
    }

    .day_fornight {
        font-size: 15.5px;
    }

    .tittle_card {
        font-size: 14px;
    }

    .tarjeta-total {
        font-size: 19px;
    }

    .item-icon span {
        font-size: 22px;
    }

    .item-nombre {
        font-size: 16px;
    }

    .item-monto {
        font-size: 15px;
    }

    .item-fecha {
        font-size: 13.8px;
    }

    .tarjeta-total.gasto,
    .tarjeta-total.ingreso {
        font-size: 15.8px !important;
    }

    .btn_more_opts {
        width: 30px;
        height: 30px;
    }

    .goal-status.progreso {
        font-size: 13.4px;
    }

    .item-nombre.debt_item {
        font-size: 17.5px !important;
        font-weight: 700;
    }

    .lamba p,
    .rangeMin input,
    .rdme,
    .chat_square p,
    .btn_drpMen,
    .btn_drpMen i:not(.btn_dlt_cht i) {
        font-size: 17.3px !important;
    }

    .rangeMin {
        height: 35px;
    }

    .rangeMin span {
        font-size: 24px;
    }

    .options {
        gap: 7px;
    }

    .tit_ia {
        font-size: 28px;
    }

    .historial_chat {
        gap: 2.5px;
    }

    .rec_tit {
        font-size: 19px;
    }

    .update_plan {
        width: 100px;

    }
}

@media (min-width: 750px) {
    body {
        justify-content: flex-start;
        gap: 1.2rem;
        overflow-x: visible;
    }

    .atla_inpt_area {
        width: calc(100% - 40%);
    }

    .but {
        display: flex;
    }

    .home_grid {
        align-items: center;
    }

    .flowCash,
    .charts,
    .rules_Pred {
        width: 92%;
    }

    footer {
        display: none;
    }

    .submit_info.cancel_btn,
    .submit_info.save_inf {
        width: 80%;
    }

    .expensesSec {
        background-color: transparent;
    }

    .movs {
        width: 100%;
    }

    .abdut {
        width: 60%;
    }

    .span_grid {
        gap: 20px;
        justify-content: center;
    }

    .subRegMovs {
        gap: 1rem;
    }

    .subRegMovs .submit_info {
        width: 70%;
    }

    .bicam {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-evenly;
        gap: 1%;
    }

    .yujs {
        width: 49%;
    }

    .div_cont {
        width: 100%;
    }

    .head_sbmen i{
        display: flex;
    }
    .img_Goals_cont form {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: flex-start;
        row-gap: 1rem;
        column-gap: 0;
    }

    .inpt_slith {
        grid-column: 1 / 2;
        grid-row: 1;
        grid-row-start: auto;
    }

    .img_contTit {
        grid-column: 2 / 2;
        grid-row: 1;
        grid-row-start: auto;
    }

    .save_goal {
        grid-column: 2;
    }

    .fixeObjective {
        padding-bottom: 7rem;
    }

    .form_editable {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }


    .account_grid {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding-bottom: 7rem;
        justify-content: center;
    }

    .form_editable .save-btn {
        grid-column: 1 / 1;
        grid-row: 2;
        transform: translateX(80%);
    }

    .cuenta {
        padding: 0rem 1rem;
    }

    .cuenta,
    .options {
        grid-row: 1;
        grid-column: 1;
    }

    .options {
        transform: translate(10%, 400%);
        align-items: center;
        width: 84%;
        height: calc(40px * 3);
        padding: 0;
    }

    .user_data,
    .profile_editCont {
        padding: 1rem;
        width: 82%;
    }

    .info-row .label {
        font-size: 12px;
    }

    .info-row .value {
        font-size: 14.5px;
    }

    .plan-badge {
        font-size: 12px;
    }

    .one_accnt {
        width: 100%;
    }

    .form_cont {
        grid-row: 2;
        width: calc(100% * 2);
    }

    .lux_one {
        position: relative;
    }

    .hdr_fav_cont {
        flex-direction: row;
        padding: 4px 0 10px;
        justify-content: flex-start;
        gap: 1.5rem;
    }

    .cont_atla_offic.favs_abierto .sub_hdr_favcont {
        padding: 0 !important;
    }

    .show_favs_grla p {
        margin-left: 5px !important;
        font-size: 12.5px;
    }

    .hdr_file_cont h3,
    .hdr_fav_cont h3 {
        font-size: 17px;
    }

    .favs_icon {
        font-size: 14px !important;
    }

    .head_sbmen {
        padding: 8px 10px;
        position: relative;
    }

    #closeFavsCont {
        display: none;
    }

    .cont_atla_offic {
        width: 100vw;
        transform: none !important;
        display: flex;
        overflow: hidden;
    }

    .atla_header {
        display: flex;
        padding: 8px 10px 0;
    }

    .chat_cont_sbmen {
        width: 28%;
        flex-shrink: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: width 0.2s ease;
        border-right: 1px solid #08422d29;
        box-shadow: 2px 0 3px 0 #002a1b17;
    }

    .chat_cont_sbmen .divider {
        width: 82%;
    }

    .historial_chat {
        padding: 6px 6px 6px 10px;
    }

    .rec_tit {
        margin: 0;
        font-size: 13px;
        color: #011f14f1;
        font-weight: 600;
        text-transform: capitalize;
    }

    .chat_square {
        width: 100%;
    }

    .chat_square p {
        width: 90%;
        padding-left: 8px;
        font-size: 15px !important;
    }

    .mgs_and_hdr_cont {
        flex: 1;
        min-width: 0;
        height: 100%;
    }

    .favs_cont {
        width: 6%;
        overflow: hidden;
        transition: width 0.2s ease;
    }

    .atla_msg {
        width: 85%;
    }

    .head_cont_favfile h3 {
        display: none;
        font-size: 16px;
        flex-shrink: 0;
    }

    .file_cont,
    .cont_favs_gral {
        display: none;
    }

    .head_cont_favfile {
        padding: 0;
    }

    .cont_submen ul li {
        height: 35px;
    }

    .cont_submen ul li a {
        font-size: 17px;
        padding: 0 0 0 5px;
        transition: justify-content (center) 0.4s ease;
    }

    .chat_cont_sbmen.menu_cerrado {
        width: 6%;
        opacity: 0;
    }

    .panel_chat_central {
        flex: 1;
        min-width: 0;
    }

    .cont_atla_offic.menu_cerrado .head_sbmen {
        position: relative;
        width: 45px;
        height: 45px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .head_sbmen svg {
        width: 25px;
        height: auto;
        display: flex;
    }


    .cont_atla_offic.menu_cerrado .chat_cont_sbmen {
        width: 6%;
        min-width: 0;
        padding: 0;
        transition: width 0.1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .opn_men_chats,
    .opn_cont_favs {
        display: none;
    }

    .cont_atla_offic.menu_cerrado .head_sbmen i {
        display: none;
    }

    .chat_cont_sbmen .head_sbmen .cont_log_atl_hd {
        justify-content: center;
        align-items: center;
    }

    .cont_atla_offic.menu_cerrado .head_sbmen #clse_men {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }



    .cont_atla_offic.menu_cerrado .cont_submen {
        padding: 0 0 0 5px;
    }

    .cont_atla_offic.menu_cerrado .cont_submen ul {
        width: 100px;
        align-items: flex-start;
    }

    .cont_atla_offic.menu_cerrado .cont_submen ul li a {
        justify-content: center;
        padding: 0;
    }

    .cont_atla_offic.menu_cerrado .logo_atla {
        display: block;
    }

    .text {
        display: block;
        opacity: 1;
        white-space: nowrap;
        transition: opacity 0.2s ease 0.2s;
    }

    .cont_atla_offic.menu_cerrado .text,
    .cont_atla_offic.menu_cerrado .tit_ia {
        display: none;
        opacity: 0;
        transition: opacity 0.1s ease 0s;
    }

    .cont_atla_offic.menu_cerrado .historial_chat,
    .cont_atla_offic.menu_cerrado .divider {
        display: none;
    }

    .tltip_menu_cerrado {
        opacity: 0;
    }

    .cont_atla_offic.menu_cerrado .tltip_menu_cerrado:hover {
        opacity: 1;
    }

    .cont_atla_offic.favs_abierto .favs_cont {
        width: 25%;
        transition: width 0.2s ease;
    }

    .cont_atla_offic.favs_abierto .favs_cont #opnFvas {
        margin-left: 0;
    }

    .cont_atla_offic.favs_abierto .hdr_fav_cont .favs_icon {
        font-size: 24px !important;
        color: black !important;
    }

    .cont_atla_offic.favs_abierto .head_cont_favfile h3,
    .cont_atla_offic.favs_abierto .sub_hdr_favcont {
        overflow: hidden;
        flex-shrink: 0;
        padding: 0px 5px 0px 0px;
    }

    #goToChtsCont {
        display: flex;
    }

    .cont_atla_offic.favs_abierto #goToChtsCont {
        display: none;
    }

    .cont_atla_offic.favs_abierto #closeFavsCont {
        display: flex;
    }

    .cont_atla_offic.favs_abierto .head_cont_favfile {
        display: flex;
        overflow: hidden;
    }

    .cont_atla_offic.favs_abierto .file_cont,
    .cont_atla_offic.favs_abierto .cont_favs_gral {
        display: flex;
    }

    .cont_atla_offic.favs_abierto .head_cont_favfile h3 {
        display: flex;
        transition: display 0.25s ease 0.3s;
    }

    .btns_ikns.aum_uw_da_devl {
        width: 25%;
    }

    .btns_cont {
        display: none;
    }

    .about_grid {
        align-items: center;
    }

    .about_grid .header,
    .about_grid .trd_head_bod {
        width: 80%;
    }

    .about_grid .scnd_head_bod {
        width: 95%;
    }

    .about_grid .trd_head_bod {
        background-color: transparent;
    }

    .about_grid .trd_head_bod h3 {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
    }

    .about_grid .fst_head_bod {
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
        justify-content: center;
        width: 90%;
    }

    .cont_tiks {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        justify-content: center;
    }

    .cont_tks {
        grid-auto-flow: column;
        gap: 3rem;
        width: 95%;
    }

    .cont_tks span {
        background-color: transparent;
        color: #023c27;
        border-left: 1px solid rgba(0, 0, 0, 0.233);
        border-bottom: 1px solid rgba(0, 0, 0, 0.233);
        border-radius: 0;
        border-bottom-left-radius: 4px;
        font-size: 16px;
        font-weight: 500;
    }

    .grid_row_one,
    .grid_row_two {
        gap: 18px;
    }

    .card_cont {
        width: 45%;
    }


    .pal_lp_cinta {
        height: 30px;
    }

    .cont_fr_one,
    .gyu_koli {
        position: relative;
    }

    .btnsLS.rumroa_btn_start,
    .btnsLS.viw_plns_for_ou_fom {
        position: absolute;
        bottom: 0;
        right: 3%;
    }

    .conText .lkio {
        display: grid;
        grid-template-columns: 60% 40%;
    }

    .parph_one.hujs {
        grid-row: 2;
    }

    .conText .lkio a {
        grid-row: 2;
    }

    .cont_walo_po {
        display: none;
    }

    .lkio a {
        grid-row: 2;
    }

    .huy_loxs,
    .main_sec {
        width: 90%;
    }

    .lkio .title_tem:not(.title_nomin_grid_non) {
        width: 140%;
    }

    .title_nomin_grid_non {
        width: 90%;
    }

    .no_skp_ami_ah {
        align-items: flex-start;
    }

    .lkio .parph_two.hujs {
        width: 60%;
    }

    .btnsLS {
        width: 100%;
        align-items: flex-end;
    }

    .btnsLS a {
        width: 30%;

    }

    .temji .lkio .steps_cont {
        background-color: transparent;
        display: grid;
        grid-template-columns: 50% 50%;
        justify-content: center;
        align-items: start;
        width: 90%;
    }

    .lkio .howork,
    .faq_cont .title_faqs {
        color: #023c27;
        font-size: 20px;
        font-weight: 700;
    }

    .steps_cont .step-num {
        background-color: #023c27;
        color: whitesmoke;
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .steps_cont .step-text span {
        color: black;
    }

    .one_cont_grid {
        grid-row: 2;
        grid-column: 1;
    }

    .two_cont_grid {
        grid-row: 3;
        grid-column: 1;
    }

    .tre_cont_grid {
        grid-row: 2;
        grid-column: 2;
    }

    .for_cont_grid {
        grid-row: 3;
        grid-column: 2;
    }

    .faq_cont {
        background-color: transparent;
        padding: 3rem 20px 24px;
    }

    .faq_cont .faq-a {
        color: #044923;
        padding-left: 1rem;
    }

    .splitInvers .logo {
        width: 28%;
    }

    .class_login,
    #registro,
    #sesion {
        width: 65%;
    }

    .cbz_algdn {
        width: 40%;
    }

    .forms.display_none.display_flex .splitInvers {
        height: 120%;
    }

    .very_form {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .very_form label {
        width: 100%;
    }

    .name_brim {
        grid-row: 1;
    }

    .last_name_brim {
        grid-column: 2;
        grid-row: 1;
    }

    .mail_brim {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .cont_pass {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    .rep_pass {
        grid-row: 4;
        grid-column: 1 / 4;
    }

    .sub_regist_form {
        grid-row: 5;
        grid-column: 1 / 3;
    }

    .init_sess.nam_brim {
        grid-row: 1;
        grid-column: 1 / 4;
    }

    .init_sess.mal_brim {
        grid-row: 2;
        grid-column: 1 / 4;
    }

    .acet_init_sess {
        grid-row: 3;
        grid-column: 1 / 3;
    }

    .very_form,
    .tem_lk {
        width: 80%;
    }

    .splitInvers {
        gap: 1.5rem;
    }

    .very_form .brim h4 {
        margin-bottom: 6px;
    }

    .cont_form {
        justify-content: flex-end;
    }

    .stgs_cont_html .settings_section {
        width: 60%;
    }

    .stgs_cont_html .divider {
        width: 60%;
        margin: 0 3%;
    }

    .fixeObjective {
        width: 75%;
    }
}

@media (min-width: 840px) {
    body.edit_active .charts {
        grid-row: 1;
        grid-column: 1;
        transform: translateY(100%);
        width: 100%;
    }

    body.edit_active .rules_Pred {
        grid-row: 1;
        grid-column: 1;
    }

    .home_grid {
        display: grid;
        grid-template-columns: 42% 58%;
        justify-content: center;
        justify-items: center;
        align-items: flex-start;
    }

    .account_grid {
        grid-template-columns: 40% 50%;
        column-gap: 1rem;
    }

    .home_grid.flowCash_statement .rules_Pred {
        grid-row: 1;
        grid-column: 1;
    }

    .home_grid.flowCash_statement .charts {
        grid-row: 1;
        grid-column: 1;
        transform: translateY(100%);
    }

    .statement_fcash {
        width: 78%;
    }

    .btn_down_index_frt_nght {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
    }

    .charts {
        width: 100%;
    }

    .div_cont {
        grid-row: 2;
        /*grid-row: 3;*/
        grid-column: 1 / 3;
        display: flex;
        justify-content: center;
    }

    .fixeObjective {
        width: 70%;
    }

    .abdut {
        width: 90%;
    }

    .yujs {
        width: 83%;
    }

    .splitInvers {
        width: 92%;
    }

    .splitInvers .logo {
        width: 20%;
    }

    .atla_header {
        justify-content: flex-end;
    }

    #cls_men_lat {
        display: flex;
    }

    .cont_atla_offic.menu_cerrado #cls_men_lat {
        display: none;
    }

    .class_login {
        width: 40%;
    }

    #registro,
    #sesion {
        width: 50%;
    }

    .opn_men_chats,
    .opn_cont_favs {
        display: none;
    }

    .atla_msg {
        width: 100%;
    }

    .msg.user{
        width: 40%;
        transform: translateX(30%);
    }
    .msg.atla{
        width: 65%;
    }

    .atla_inpt_area {
        width: 45%;
    }

    .chat_cont_sbmen {
        width: 22%;
    }

    .cont_atla_offic.menu_cerrado .cont_submen {
        padding: 0;
        width: 25px;
    }

    .cont_submen ul li a {
        font-size: 16px;
    }

    .cont_atla_offic.menu_cerrado .chat_cont_sbmen {
        width: 5%;
        display: flex;
        align-items: center;
    }

    .cont_atla_offic.menu_cerrado .head_sbmen {
        width: 25px;
    }

    .huy_loxs,
    .main_sec {
        width: 78%;
    }

    .stgs_cont_html .settings_section {
        width: 40%;
    }

    .stgs_cont_html .divider {
        width: 40%;
        margin: 0 3%;
    }
    .debt_cont_div{
        margin: 0;
        width: 60%;
    }
    .about_grid .fst_head_bod{
        width: 75%;
    }
    .card_cont{
        width: 38%;
    }
}

@media (min-width: 1100px) {
    .home_grid {
        grid-template-columns: 35% 50%;
    }

    .account_grid {
        grid-template-columns: 31% 55%;
        row-gap: 10rem;
    }

    .about_grid .scnd_head_bod{
        width: 80%;
    }
    .one_accnt {
        display: grid;
        grid-template-columns: 50% 50%;
        justify-content: center;
        width: 80%;
    }

    .one_accnt .lambo {
        grid-row: 1;
        grid-column: 1 / 3;
        display: flex;
        justify-content: center;
    }

    .one_accnt .option_used {
        grid-row: 2;
        grid-column: 1 / 3;
    }

    .one_accnt .card_inkm {
        grid-row: 3;
        grid-column: 1;
    }

    .one_accnt .card_exps {
        grid-row: 3;
        grid-column: 2;
    }

    .one_accnt .card_fath {
        grid-row: 4;
        grid-column: 1;
    }

    .one_accnt .card_non_fath {
        grid-row: 4;
        grid-column: 2;
    }

    .one_accnt .form_cont {
        grid-row: 3;
        grid-column: 1 / 3;
    }

    .charts {
        width: 80%;
    }

    .account_grid .form_cont {
        grid-row: 2;
        width: calc(110% * 2);
        transform: translate(10%, 10px);
    }

    .men_chat {
        display: flex;
    }
    .flowCash {
        width: 90%;
    }
    .chat_square:hover .men_chat i{
        opacity: 1;
        transition: opacity 0.1s ease;
    }
    .card_cont{
        width: 30%;
    }
}

@media (min-width: 1700px) {
    .charts {
        width: 65%;
    }
    .card_cont{
        width: 20%;
    }
    .chat_cont_sbmen{
        width: 15%;
    }
    .chat_square{
        width: 100%;
    }
}

@media (min-width: 2400px) {
    .charts {
        width: 60%;
    }
}