@media only screen and (min-device-width: 375px) and (max-device-width: 600px) {
    /* ----------------------- Login Page ----------------------- */

    .login_section {
        padding-top: 130px;
        padding-bottom: 80px;
    }
    .log_col_left, .log_col_right {
        padding: 0px;
    }
    .log_col_left {
        margin-bottom: 40px;
    }
    .login_card {
        padding: 24px;
    }
    .login_modal {
        width: 359px;
    }
    .login_modal > h4 {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.155em;
    }
    .modal_email_input {
        margin-bottom: 24px!important;
    }
    .modal_btn_col_left, .modal_btn_col_right {
        padding-left: 12px;
        padding-right: 12px;
    }
    .modal_btn_col_left {
        margin-bottom: 8px;
    }
    
    /* ----------------------- Forgot Password Page ----------------------- */
    .update_password_section {
        padding-top: 112px;
        padding-bottom: 32px;
    }
    .update_password_div {
        width: 327px;
    }
    .update_password_div .btn_main {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
        
    /* ----------------------- More About Buisness Page ----------------------- */
    .more_about_buisness_section {
        padding-top: 114px;
        padding-bottom: 64px;
    }
    .more_abt_bus_div {
        width: 327px;
        padding: 24px;
        gap: 40px;
        background-color: #FBFBF9;
    }
    .more_abt_bus_div > h4 {
        font-size: 24px;
        letter-spacing: 0.155em;
        color: #063630;
    }
    .more_abt_bus_div > h5 {
        font-family: 'Arial';
        font-size: 20px;
        letter-spacing: 0px;
        color: #39A824;
        padding-bottom: 24px;
        margin-bottom: 0px;
    }
    .c_box_mab {
        display: none!important;
    }
    .for_bor {
        margin-top: 40px;
        height: 1px;
        background: #5AD942;
    }
    .mab_btn {
        margin-top: 40px;
    }
    /* ----------------------- Secure Checkout Page ----------------------- */
    .secure_checkout_section {
        padding-top: 114px;
        padding-bottom: 24px;
    }
    .secure_checkout_div {
        width: 327px;
        padding: 24px;
        gap: 16px;
    }
    .secure_checkout_div > h4 {
        font-size: 24px;
        letter-spacing: 0.155em;
        text-transform: uppercase;
        color: #063630;
        margin-bottom: 24px;
    }
    .cs_div_2 {
        margin-top: 24px!important;
    }
    .cs_div_2 > h4 {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #5AD942;
    }
    .cs_div_2 > h5 {
        font-size: 20px;
        line-height: 23px;
        color: #39A824;
        margin-bottom: 0px;
    }
    .pad_r{
        padding-right: 0px!important;
    }
    .pad_l {
        padding-left: 0px!important;
    }
    .total {
        font-family: 'Krungthep';
        font-weight: 400;
        font-size: 32px!important;
        letter-spacing: 0.155em;
        text-transform: uppercase;
        color: #39A824!important;
        margin: 0px!important;
        text-align: end;
    }
    /* ----------------------- Transaction Success Page ----------------------- */
    .transaction_success_section {
        padding-top: 114px;
        padding-bottom: 64px;
    }
    .transaction_complete_div, .transaction_fail_div {
        width: 327px;
        padding: 24px;
        gap: 40px;
        background-color: #FBFBF9;
        border: 1px solid;
        border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
    }
    .trans_success_mob_btn {
        display: block!important;
    }
    .trans_success_desc_btn {
        display: none!important;
    }
    .trans_fail_desc_p{
        display: none;
    }
    .trans_fail_mobo_p {
        display: block!important;
    }
    /* ----------------------- Dashboard Details Page ----------------------- */
    .dashboard_details_section {
        padding-top: 114px;
        padding-bottom: 64px;
    }
    .dd_tab {
        width: 349px;
    }
    .dashboard_detail_div {
        width: 327px;
        padding: 24px;
        gap: 40px;
        background-color: #FBFBF9;
        border: 1px solid;
        border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
    }
    .dashboard_tabs {
        font-family: 'Arial';
        font-weight: 400;
        font-size: 20px;
        line-height: 23px;
        color: #063630;
        margin-bottom: 24px;
    }
    .dashboard_detail_div > h4 {
        font-family: 'Krungthep';
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 0.155em;
        text-transform: uppercase;
        color: #063630;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #5AD942;
    }
    .db_btn_mob {
        width: max-content;
    }
        
    /* ----------------------- Dashboard Details Page ----------------------- */
    .dashboard_history_div {
        width: 327px;
        padding: 24px;
    }
    .dashboard_history_div > h4 {
        font-size: 24px;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #5AD942;
    }
    .order_hostory_table_desc {
        display: none;
    }
    .h_main {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #063630;
        margin-bottom: 8px;
    }
    .h_details {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #7B7979;
        text-align: center;
        margin-bottom: 8px;
    }
    .order_hostory_table_mobo, .doh_mobo, .order_summary_div_mobo {
        display: block;
    }
    /* ----------------------- Dashboard Details Page ----------------------- */
    .order_summary_div_mobo {
        width: 327px;
        padding: 27px;
        gap: 24px;
        background-color: #FBFBF9;
        border: 1px solid;
        border-image: linear-gradient(to bottom, #5AD942, #063630) 1;
    }
    .order_summary_div_mobo > h4 {
        font-family: 'Krungthep';
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 0.155em;
        text-transform: uppercase;
        color: #063630;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #5AD942;
    }
    .order_summary_div_mobo > h5 {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #39A824;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #5AD942;
    }
    .order_summary_mobo_left {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 14px;
        line-height: 29px;
        color: #7B7979;
        margin-bottom: 0px;
    }
    .order_summary_mobo_right {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 14px;
        line-height: 29px;
        color: #7B7979;
        text-align: right;
        margin-bottom: 0px;
    }
    .order_summary_mobo_total_p {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #39A824;
        margin-bottom: 24px;
    }
    .order_summary_total_mobo {
        font-family: 'Futura PT';
        font-weight: 450px;
        font-size: 24px;
        line-height: 31px;
        color: #227870;
        margin-bottom: 24px;
    }
}