@media only screen and (max-device-width: 600px) {

    .comm_row {
        height: 100%;
    }

    .right_res_sec {
        display: flex;
        justify-content: center;
        align-items: flex-start;

    }

    .res_title h4 {
        color: var(--Accent-Green, #355C5B);
        font-family: "LT Afficher Neue";
        font-size: 33px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
    }


    .res_title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .res_pass_box {
        display: flex;
        width: 327px;
        padding: 48px 0px 0px 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin: auto;
    }

    .com_on_box {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
    }

    .left_res_sec {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 32px;
    }

    .inpu_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .inpi_boxx {
        height: 46px;
        padding: 11px 16px;
    }

    .split_bx {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
        width: 100%;
        flex-direction: column;
    }

    .dual_btn {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        flex-direction: column;
    }

    .dual_btn2 {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        justify-content: space-between;
    }

    .btn_green {
        max-width: 100% !important;
        height: 43px !important;
    }
    
    .top_cont{
        max-width:278px;
        margin:auto;
    }



    /* FORGET PASS */
    .right_res_sec_fg {
        background-image: url(../Lenz-img/fgp_mob.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 207px;
    }

    .btn_white {
        max-width: 100% !important;
        width: 100%;
        height: 43px;
    }


    .dual_btn_fg {
        flex-direction: column-reverse;
    }


    /* MODAL */
    .forget_content {
        width: 100% !important;

    }

    .paymet_failed_modal {
        padding: 40px 24px 32px;
        gap: 24px;
    }

    .payment_failed_content {
        max-width: 279px !important;
    }

    .payment_failed_ttitlr {
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        /* 27.6px */
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .subtitle {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        /* 22.4px */
    }

    .close_icx {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .mo_btn_green {
        height: 43px;
    }

    .mo_btn_green:hover {
        height: 43px;
    }

    /* ABOUT US */
    .upper_text h4 {
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .upper_text p {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 0px;
    }

    .upper_text {
        display: flex;
        width: 100%;
        max-width: 327px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        margin: auto;
        margin-top: 25px;
    }

    .top_bg {
        background-image: url(../Lenz-img/abou_mob.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 550px;
        display: flex;
        align-items: flex-start;
    }

    .mid_cont {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 24px;
        flex-direction: column;
        padding: 40px 24px;
    }

    .top_2_bg {
        padding: 0px;
    }

    .go_gren {
        color: var(--Accent-Green, #355C5B);
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        /* 36.8px */
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .mid_text {
        display: flex;
        width: 100%;
        max-width: 492px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
    }

    .go_white {
        color: var(--Nuetral-White, #FFF);
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .go_white_p {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 0px;

    }

    .mid_text_ab {
        display: flex;
        width: 100%;
        max-width: 327px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        margin: auto;
    }

    .left_ab_sec {
        height: 100%;
    }

    .comm_row_ab {
        height: 100%;
    }

    .left_ab_sec {
        background-image: url(../Lenz-img/mob_hal_bg.png);
        background-color: #2d5150;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 32px 24px 24px;
    }
    
    .flex-container{
       max-width: 327px; 
    }

    .three_ico {
        padding: 0px;
    }

    .main_ico_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        max-width: 100%;
        align-self: stretch;
        margin: 40px auto;
    }

    .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .carousel-dark .carousel-indicators [data-bs-target] {
        background-color: #355C5B;
    }

    .comm_div {
        display: flex;
        width: 100%;
        max-width: 327px;
        padding: 32px var(--Lrg, 40px);
        flex-direction: column;
        align-items: center;
        gap: 24px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .terms_line {
    color: var(--Nuetral-Almost-Black, #0F0F0F);
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;}
    


.odd {
    color: var(--Accent-Green, #355C5B);
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 4px;
}

.coaro_indi{
    position: absolute;
    right: 0;
    bottom: -17px !important;
}
    .cont_uus {
        padding: 0px;
    }

    .cont_box {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-direction: column-reverse;
        width: 327px;
        margin: 0px auto 40px;
        padding-top: 40px;
    }

    .inpu_box_cos {
        display: flex;
        width: 100%;
        max-width: 738px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .search_img {
        background-image: url(../Lenz-img/ser_tp_mob.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 176px;
        padding-bottom: 0px;
        overflow: visible;
        margin-top:0px;
        height: 502px;
    }
    
    .top_sec{
        padding:0px;
    }

    .bold_img {
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .searchii {
        display: flex;
        padding: 8px 8px 8px 12px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 12px;
        border: 1px solid var(--Nuetral-Gray-Stroke, #E7E7E7);
        background: var(--Nuetral-White, #FFF);
        box-shadow: 12px 12px 24px 0px rgba(76, 122, 107, 0.12);
        width: 327px;
        margin: auto;
        height: 56px;
    }

    .searchii button {
        display: flex;
        padding: 12px 20px;
        align-items: center;
        gap: 8px;
        border-radius: 10px;
        background: var(--Accent-Green, #355C5B);
    }

    .seacrh_impu {
        padding: 0px;
    }

    .tags_div {
        display: flex;
        padding: var(--Lrg, 40px) 0px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        padding: 0px 9px!important;
        width: 374px!important;
    }
    .bottom_sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 0px;
    margin-top: 0px;
}

    .last_sec {
        padding: 40px 24px;
    }

    .last_bg {
        background-image: url(../Lenz-img/last_mob.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 536px;
        display: flex;
        align-items: flex-start;
        padding: 32px 24px 0px;
    }

    .mid_text_ss {
        display: flex;
        width: 100%;
        max-width: 492px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        margin-left: 0px;
    }

    .white_btn {
        padding:12px 20px;
        width: 100%;
    }

    /* MODAL */

    .mody_box {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
    }

    .rgt_mod {
        display: flex;
        padding: 24px 24px 32px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }
    
    .ind_body{
        display: contents !important;
        width: 100%;
    }
    
    .img_boxxx{
        width:100% !important;
    }

    .in_upper h4 {
        color: var(--Accent-Green, #355C5B);
        font-family: "LT Afficher Neue";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
    }

    .in_upper h4 {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        /* 22.4px */
    }

    .rgt_mod{
        width: 100% !important;
    }

    .indi_mod {
        max-width: 327px;
        margin-right: auto;
        margin-left: auto;
    }
    .tab_link {
    display: flex;
    flex-wrap: wrap;
    /* list-style: none; */
    /* padding: 0; */
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    /* scroll-behavior: smooth; */
     width: 100%; 
     max-width: 100%; 
    justify-content: center;
    margin: auto;
    margin-top: 22px;
    gap: 8px;
}

.sort_box_d {
    display: flex;
    height: 56px;
    padding: 16px 13px 16px 16px;
    align-items: center;
    gap: 0px;
    border-radius: 10px;
    border: 1px solid var(--Yellow-Stroke, #E8E5D4);
    width: 229px;
    max-width: 169px;
}

}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {

    /* LOGIN */
    .res_pass_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
        max-width: 420px;
        margin-left: auto;
        margin-right: 58px;
    }

    .mid_text_ab {
        display: flex;
        width: 100%;
        max-width: 395px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        margin-right: 85px;
    }

}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {

    .res_pass_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
        max-width: 431px;
        margin-left: auto;
        margin-right: 91px;
    }

    .mid_text_ab {
        display: flex;
        width: 100%;
        max-width: 450px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        margin-right: 85px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {
    .res_pass_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
        max-width: 431px;
        margin-left: auto;
        margin-right: 91px;
    }
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}