@media only screen and (max-device-width: 600px) {
    .check_with_wrapper {
        flex-direction: column;
        padding-top: 84px;
        gap: 0px;
        padding-bottom: 0px;
    }

    .checkouuut {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .check_with_left {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        border-top: 1px solid var(--Base-04, #E9E9E9);
        border-bottom: 1px solid var(--Base-04, #E9E9E9);
        background: var(--Base-White, #FFF);
        border-radius: 0px;
    }

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

    .check_with_flex_row {
        flex-direction: column;
    }

    .check_with_right {
        border-radius: 0px;
    }

    .check_with_title {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 8px;
    }

    .check_with_summary_title {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 26px */
        letter-spacing: -0.12px;
        text-transform: capitalize;
    }

    .check_with_item_title {
        color: var(--Colours-Text, #001D40);

        /* P/Standard */
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .check_with_item_sub {
        color: var(--Base-01, #383838);

        /* P/Small */
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .check_with_price {
        color: var(--Base-01, #383838);

        /* P/Standard */
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .check_with_delete {
        width: 24px;
        height: 24px;
    }

    .sub_tt {
        color: var(--Base-01, #383838);

        /* P/Standard */
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .check_with_total {
        color: var(--Base-01, #383838);
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 26px */
        letter-spacing: -0.12px;
        text-transform: capitalize;
        margin-top: -8px;
    }

    /* MODAL */
    .payment-success-modal .modal-body {
        display: flex;
        padding: 24px 16px;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
    }

    .payment-success-modal .title {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

    .payment-success-modal .desc {
        margin-bottom: 24px;
    }

    .payment-success-modal .modal-header-img {
        height: 153px;
    }

    .payment-success-modal .modal-dialog-centered {
        max-width: 367px;
        margin: auto;
    }


    /* Scan Food QR */

    .qr_propmt {
        padding-top: 84px;
    }

    .sf-card {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        border-radius: 0px;
        border: none;
        background: transparent;
        max-width: 868px;
    }

    .sf-title {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.24px;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .sf-btn-group {
        display: flex;
        max-width: 524px;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }

    /* Scanned Recipe */

    .scan_recipe {
        background: #FAFAFA;
        padding-top: 84px;
    }

    .scanned_recipe .icon-btn {
        display: flex;
        width: 33px;
        height: 33px;
        padding: 7px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }

    .dish_time_bx {
        padding-top: 0px;
        gap: 4px;
    }

    .dish_name {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.12px;
        text-transform: capitalize;
    }

    .date_time {
        color: var(--Base-02, #727272);

        /* P/Extra Small */
        font-family: "DM Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .date_time span {
        /* P/Extra Small */
        font-family: "DM Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .meal_content {
        display: flex;
        padding: 16px 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        border-radius: 18px 18px 0 0;
        background: var(--Base-Off-White, #FAFAFA);
        border: none;

    }

    .scanned_recipe .calories-box {
        display: flex;
        padding: 16px;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        height: 74px;
    }

    .cal_num {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 26px */
        letter-spacing: -0.12px;
        text-transform: capitalize;
    }

    .cal_text {
        color: var(--Base-02, #727272);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .icon-img_fire {
        display: flex;
        width: 38px;
        height: 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .num_g {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .sub_testt {
        color: var(--Base-02, #727272);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col_boxx {
        max-width: 98.34px;
    }

    .ingr_tt {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
        margin-right: auto;
    }

    .scanned_recipe .ingredients-box {
        display: flex;
        padding: 16px 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid #F2F2F2;
        background: var(--Base-White, #FFF);
        margin-top: -8px;
        border-radius: 16px;
        border: 1px solid #F2F2F2;
        background: var(--Base-White, #FFF);
        box-shadow: 0 27.844px 27.028px 0 rgba(0, 0, 0, 0.03), 0 11px 10.075px 0 rgba(0, 0, 0, 0.03), 0 2.406px 3.584px 0 rgba(0, 0, 0, 0.02);
    }

    .scan_recipe {
        padding-bottom: 0px;
    }

    /*SR  No Image */

    .meal_img_sec {
        height: 73px;
        z-index: 1;
        border: none;
        border-radius: 0px;
    }


    .meal_content_noimage {
        display: flex;
        padding: 16px 24px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        border-radius: 0 0 0 0;
        background: var(--Base-Off-White, #FAFAFA);
        border: none;

    }


    /* EDIT MEAL */
    .edit_meal {
        color: var(--Base-White, #FFF);
        text-align: center;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        font-family: "DM Sans";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

    .sc_edit_serving_card {
        display: flex;
        width: 100%;
        padding: 16px;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .sc_edit_serving_center h2 {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 4px;
    }

    .sc_edit_serving_center p {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .sc_edit_circle_btn {
        display: flex;
        width: 33px;
        height: 33px;
        padding: 7px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }

    .sc_edit_macros_title {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }


    .sc_edit_macros_card {
        display: flex;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .sc_edit_macro_item {
        display: flex;
        padding: 8px 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
    }

    .sc_edit_macro_input input {
        max-width: 62px;
        font-size: 18px;
    }

    .sc_edit_macro_input span {
        max-width: 25.67px;
        font-size: 18px;


    }

    .sc_edit_macro_label span {
        color: var(--Base-02, #727272);
        text-align: center;
        font-family: "DM Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 174%;
        margin-bottom: 0px;
    }

    .sc_edit_total_card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }

    .sc_edit_total_title {
        color: var(--Colours-Primary, #0166ED);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .sc_edit_total_row {
        color: var(--Base-01, #383838);
        text-align: center;
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .sc_edit_total_rowsmal span {
        font-size: 10px;
    }

    .sc_edit_total_rowsmal p {
        font-size: 10px;
    }

    .sc_edit_label {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .sc_edit_date_box {
        display: flex;
        padding: 15px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .sc_edit_date_text {
        color: var(--Colours-Text, #001D40);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 174%;
        /* 26.1px */
    }

    .sc_edit_date_icon {
        width: 23px;
        height: 24px;
    }

    .colum_bx {
        max-width: 155.5px;
    }

    .sc_edit_radio_card {
        display: flex;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        flex: 1 0 0;
    }

    .sc_edit_radio_card p {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .sc_edit_textarea {
        height: 188px !important;

    }

    .update_with_btn {
        max-width: 279px;
        color: var(--Base-White, #FFF);
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }


    .sc_edit_modal_content {
        display: flex;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 13px;
        margin: auto;
    }


    .sc_edit_modal_icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 13px;
    }

    .sc_edit_modal_title {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 8px;
    }

    .sc_edit_modal_text {
        color: var(--Base-01, #383838);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 13px;
    }


    .sc_edit_btn_outline {
        font-size: 10px;
    }

    .sc_edit_btn_primary {
        font-size: 10px;
        border-radius: 100px;
        background: var(--Colours-Primary, #0166ED);

        /* CTA - Resting */
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.10), 7px 7px 20px 0 rgba(0, 0, 0, 0.10), 2px 2px 4px 0 rgba(255, 255, 255, 0.50) inset;
    }


    /* Scan Food Modal */

    .sc_edit_modal_box {
        padding: 24px 16px;
        height: 581px;
        border-radius: 12px 12px 0 0;
        position: relative;

    }


    .sc_edit_img_box {
        width: 162px;
        height: 193px;
    }

    .sc_edit_badge {
        width: 32px;
        height: 32px;
    }

    .sc_edit_badge.success svg {
        width: 32px;
        height: 32px;
    }

    .sc_edit_badge.error svg {
        width: 32px;
        height: 32px;
    }

    .carousse_item_custom h5 {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 8px;
    }

    .carousse_item_custom p {
        color: var(--Base-01, #383838);
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .modal_customm {
        max-width: 784px;
        margin: 0px;
    }

    .modall_bdy_custom {
        width: 100%;
        padding: 0px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .sc_edit_images {
        display: flex;
        align-items: center;
        gap: 17px;
        margin-bottom: 48px;
        margin-top: 0px;
    }

    .sc_edit_dots {
        display: flex;
        justify-content: center;
        gap: 6px;
        align-items: center;
        margin-bottom: 70px;
        transform: translateX(0%);
    }

    .slidd {
        margin-top: 8px;
    }


    /* Scan food Camera */
    .camera_s {
        padding-top: 84px;
    }

    

    .sc_edit_scan_container {
        /* background: url(../img/sacn_mob.png); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ffffff;
        height: 680px;
    }

    .sc_edit_actions {
        position: absolute;
        bottom: -120px;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .btn_moob {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.20);
        border: 1px solid rgba(255, 255, 255, 0.50);
        backdrop-filter: blur(3px);
        border-radius: 50%;
        padding: 0px;
    }

    .sc_edit_header {
        display: flex;
        padding: 16px;
        justify-content: space-between;
        align-items: center;
    }

    .sc_edit_camera_wrapper {
        overflow: visible;
        max-width: 327px;
    }


    .flash_btn {
        width: 62px;
        height: 62px;
        background-color: rgba(0, 0, 0, 0.20);
        border: 1px solid rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(3px);
        border-radius: 50%;
    }

    .sc_edit_capture_btn {
        width: 79px;
        height: 79px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #b5b3b2;
        box-shadow: 0 0 0 4px #fff;
    }

    .sc_edit_img_btn {
        border: none;
        background: transparent;
    }


    /* MODAL Albums */

    .upper_tab {
        padding: 16px;
        border-radius: 18px 18px 0 0;
        background: rgba(245, 245, 245, 0.80);
        backdrop-filter: blur(27.182817459106445px);
    }

    /* BUTTON */
    .albumm_img_btn {
        border: none;
        background: transparent;
        padding: 0;
    }

    .albumm_last_img {
        width: 60px;
        height: 60px;
        border-radius: 10px;
        object-fit: cover;
    }

    /* MODAL WIDTH */
    .albumm_modal_375 {
        max-width: 375px;
        margin: auto;
    }

    /* MODAL */
    .albumm_modal_box {
        border-radius: 16px 16px 0px 0px;
        overflow: hidden;
        border: none !important;
    }

    /* HEADER */
    .albumm_link {
        color: #007AFF;
        font-size: 15px;
        font-family: dm sans;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.408px;
        margin-bottom: 0px;
        border: none;
        background: transparent;
    }

    /* TABS */
    .albumm_tabs {
        display: flex;
        width: 136px;
        height: 32px;
        padding: 2px;
        justify-content: center;
        align-items: flex-start;
        border-radius: 7px;
        background: rgba(118, 118, 128, 0.12);
    }

    /* Each tab */
    .albumm_tabs .nav-link {
        border: none;
        border-radius: 14px;
        color: #000;
        text-align: center;
        font-family: dm sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        /* 153.846% */
        letter-spacing: -0.24px;
        background: transparent;
        display: flex;
        width: 65px;
        height: 28px;
        padding: 6px 8px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    /* ACTIVE TAB (white card look) */
    .albumm_tabs .nav-link.active {
        width: 67px;
        height: 28px;
        border-radius: 5px;
        border: 0.5px solid rgba(0, 0, 0, 0.04);
        background: #FFF;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
        color: #000;
        text-align: center;
        font-family: dm sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        /* 153.846% */
        letter-spacing: -0.24px;
    }

    /* Remove Bootstrap default blue */
    .albumm_tabs .nav-link:focus {
        box-shadow: none;
    }

    /* WRAPPER */

    .search_part {
        padding: 0px 16px 16px;
        background: rgba(245, 245, 245, 0.80);
        backdrop-filter: blur(27.182817459106445px);
    }

    .albumm_search_wrapper {
        display: flex;
        align-items: center;
        border-radius: 10px;
        background: rgba(118, 118, 128, 0.12);
        padding: 8px 10px;
    }

    /* INPUT */
    .albumm_search_input {
        flex: 1;
        border: none;
        background: transparent;
        outline: none;
        font-size: 14px;
        color: #333;
    }

    /* ICONS */
    .albumm_search_icon,
    .albumm_mic_icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* SPACING */
    .albumm_search_icon {
        margin-right: 8px;
    }

    .albumm_mic_icon {
        margin-left: 8px;
    }

    /* PLACEHOLDER */
    .albumm_search_input::placeholder {
        color: #888;
    }

    /* FLEX GRID */
    .albumm_flex_grid {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }

    .albumm_flex_grid img {
        width: calc(33.33% - 3px);
        height: 100px;
        object-fit: cover;
    }

    /* SCROLL */
    .albumm_tab_content {
        max-height: 450px;
        overflow-y: auto;
    }

    /* AI CHAT */
    .ai_chaat {
        padding-top: 84px;
    }

    .ai_chat_container {
        border-radius: 0px;
        border: none;
        padding-top: 0px;
        background-color: #fafafa;
    }

    .ai_chat_header h5 {
        color: var(--Colours-Text, #001D40);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 19.2px */
        letter-spacing: -0.32px;
        text-transform: capitalize;
    }

    .roog {
        width: 27px;
    }

    .ai_chat_header {
        padding: 24px 24px 0px;
    }

    .ai_icon_btn {
        width: 33px;
        height: 33px;
        padding: 5px;

    }

    .ai_chat_body {
        padding: 48px 16px 0px;
        flex: 1;
    }

    .ai_chat_hello {
        color: var(--Base-01, #383838);
        text-align: center;
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 174%;
        margin-bottom: 4px;
    }

    .ai_chat_cards {
        gap: 8px;
    }

    .ai_chat_card {
        width: 167.5px;
        display: flex;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .ai_chat_card h6 {
        color: var(--Colours-Text, #001D40);

        /* P/Standard - Bold */
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        /* 19.2px */
        letter-spacing: -0.32px;
        text-transform: capitalize;
        width: 167.5px;
        text-align: left;
    }

    .ai_chat_card p {
        color: var(--Base-02, #727272);
        text-align: left;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 174%;
        margin-top: -4px;
        margin-bottom: 0px;
    }

    .ai_chat_card_icon {
    object-fit: contain;
    max-width: 33px;
}

.ai_chat_input_bar{
    display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
background-color: var(--Base-White, #FFF);
border-radius: 0px;
margin-top: 53px;
}

.ai_chat_input_bar input{
    border-radius: 100px;
background: var(--Base-Off-White, #FAFAFA);
}

.ai_chat_input_bar input :focus-visible{
    outline: none;
    border: none;
}

.ai_chat_plus_btn, .ai_chat_mic_btn{
    width: 20px;
    height: 20px;
}

.ai_chat_wave_btn{
    width: 36px;
    height: 36px;
}

.ai_chat_wave_btn svg{
    width: 13.33px;
    height: 13.33px;
}

.ai_chat_mic_btn {
    position: absolute;
    right: 75px;
}


/* AI Chat Scrollable */

.ai_chat_messages_container {
    display: flex;
    padding: 24px 32px 0px;
    flex-direction: column;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    width: 100%;
}

.ai_chat_history_divider span {
    padding: 0 10px;
    white-space: nowrap;
    color: var(--Base-03, #BDBDBD);
    font-family: "DM Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}







}













@media only screen and (min-width: 601px) and (max-width:1151px) {}

@media only screen and (min-width: 1152px) and (max-width:1199px) {}

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

@media only screen and (min-device-width: 1280px) and (max-device-width: 1339px) {
    .leaf2 {
    position: absolute;
    top: 348px;
    left: 74px !important;
}
}

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

@media only screen and (min-device-width: 1500px) and (max-device-width: 1599px) {}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1799px) {}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}

@media only screen and (min-device-width: 1921px) and (max-device-width: 2040px) {}

@media only screen and (min-device-width: 2040px) and (max-device-width: 2240px) {}

@media only screen and (min-device-width: 2240px) and (max-device-width: 2560px) {}