@media only screen and (max-device-width: 600px) {

    .res_pass {
        background-image: url(../image/res_mob.png);
        background-position: center top;

    }

    .right_res_sec {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 0px 24px 24px;

    }

    .res_title h4 {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%;
        text-transform: capitalize;
    }

    .res_title p {
        color: var(--Darker-Grey, #151515);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        letter-spacing: 0.26px;
    }

    .res_title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .res_pass_box {
        display: flex;
        width: 327px;
        padding: 48px 0px 24px 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 {
        background-image: url(../image/res_lef_mob.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 401px;
        max-width: 401px;
        max-width: 327px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 27px 27px 0px;
        height: 416px;
        margin-bottom: 24px;
    }

    .inpu_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .inpi_boxx {
        height: 46px;
        padding: 11px 16px;
    }

    .dual_btn {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .btn_white {
        display: flex;
        padding: 12px 17px;
        justify-content: center;
        align-items: center;
        gap: var(--Sml, 10px);
        border-radius: 60px;
        border: 1px solid var(--Accent-Red-Accent, #9F0000);
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 166%;
        letter-spacing: 0.36px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: 100% !important;
        max-width: 327px !important;
        height: 41px;
    }

    .btn_redd {
        display: flex;
        padding: 12px 17px;
        justify-content: center;
        align-items: center;
        gap: var(--Sml, 10px);
        border-radius: 60px;
        background: var(--Accent-Red-Accent, #9F0000);
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 166%;
        letter-spacing: 0.36px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: 100%;
        height: 41px;
    }

    /* FORGET PASSWORD */
    .left_fgp_sec {
        background-image: url(../image/fgp_mob.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 401px;
        max-width: 401px;
        max-width: 327px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 27px 27px 0px;
        height: 395px;
        margin-bottom: 24px;
    }


    /* MODAL */
    .payment_failed_ttitlr {
        color: var(--Accent-Red-Accent, #9F0000);
        text-align: center;
        font-family: "DM Sans";
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .subtitle {
        color: var(--Darker-Grey, #151515);
        text-align: center;
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        letter-spacing: 0.26px;
        margin-bottom: 0px;

    }

    .forget_content {
        padding: 24px;
    }

    .paymet_failed_modal {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24PX;
        padding: 0px;
    }



    /* SECURE CHECKOUT */

    .chek {
        background: url(../image/check_mob.png) center center / 100% 100% no-repeat;
        background-size: cover;
        width: 100%;
    }
    
     .chek_sum {
        background: url(../image/chec_s_2.png) center top / 100% 100% no-repeat;
        background-size: cover;
        width: 100%;
    }
    
    
  .estimeted h4 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

    .sc_top_box h4 {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        font-family: "DM Sans";
        font-size: 36.33px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%;
        text-transform: uppercase;
    }

    .sc_top_box p {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        letter-spacing: 0.26px;
        width: 297px;
    }

    .sec_down_box {
        display: flex;
        flex-direction: column;
        padding: 40px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
    }

    .check_out_top {
        background-image: url(../image/SC_MOB_HERO.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        height: 347px;
        justify-content: center;
        align-items: center;
        padding: 40px 0px 0px;
    }

    .sc_top_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 100%;
        max-width: 327px;
        margin: auto;
    }

    .personal_information_b {
        display: flex;
        width: 100%;
        max-width: 327px;
        padding: 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin: auto;
    }

    .suumary_title {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }

    .radio_title {
        color: var(--Darker-Grey, #151515);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }

    .radio_box {
        gap: 12px;
    }

    .frm {
        padding: 16px;
    }

    .icon_title {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }

    .icon_subtitle {
        color: var(--Darker-Grey, #151515);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        letter-spacing: 0.26px;
    }

    .form_radio {
        display: flex;
        gap: 16px;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 16px;
    }

    .split_box {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        justify-content: space-between;
    }

    .upload_placeholder {
        color: var(--Darker-Grey, #151515);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        letter-spacing: 0.26px;
    }

    .summ_ary {
        display: flex;
        width: 100%;
        max-width: 327px;
        padding: 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin: auto;
    }

    .l_c_t {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .l_c_s {
        font-size: 13px;
    }

    .logos {
        width: 36px;
    }

    .lowwer_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }


    /* CHECKOUT 2 */
    .terms_line {
        color: var(--Darker-Grey, #151515);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 112%;
        letter-spacing: 0.36px;
        margin-bottom: 0px;
    }

    .odd{
        font-size: 13px;
    }
    .line_2 {
        height: 1px;
        background: #BEBEBE;
        margin: 0px;
        width: 100%;
        margin: 8px 0px ;
    }
    .cupon_box {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-direction: column;
    }

    .dual_btn_2 {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        flex-direction: column-reverse;
    }






























}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {

    .right_res_sec {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 78px;
        margin-right: 48px;
    }

.check_out_top {
    background-image: url(../image/sc_hero.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 355px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 94px 0px 0px;
}











}

@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) {

    .right_res_sec {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 83px;
        margin-right: 52px;
    }
























}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {
    .modal_two_box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
    }
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {
    .modal_two_box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
    }
}