@media (min-width: 1440px) {
    .xl_flex_nowrap {
        flex-wrap: nowrap;
    }
}

@media (min-width: 1024px) {
    .lg_basis_auto {
        flex-basis: auto;
    }

    .lg_flex_nowrap {
        flex-wrap: nowrap;
    }

    .lg_hidden {
        display: none;
    }

    .lg_flex {
        display: flex;
    }

    .lg_block {
        display: block;
    }
}

@media (max-width: 1439px) {
    .flex_xl_row {
        display :flex;
        flex-direction: row;
    }

    .flex_xl_el_elastic {
        flex: 1 1 0;
    }

    .flex_xl_space-between {
        justify-content: space-between;
    }

    .w_xl_100 {
        width: 100%;
    }

    .flex_xl {
        display: flex;
    }

    .flex_xl_column {
        flex-direction: column;
    }

    .width_xl_full {
        width: 100%;
    }

    .image_xl_cover img {
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .aspect-ratio_xl_16_9 {
        aspect-ratio: 16 / 9;
    }

    .height_xl_600 {
        height: 600px;
    }

    .flex_xl_row-gap_8 {
        row-gap: 8px;
    }

    .flex_xl_row-gap_32 {
        row-gap: 32px;
    }

    .xl_row-gap_16 {
        row-gap: 16px;
    }

    .flex_xl_row-gap_38 {
        row-gap: 38px;
    }

    .flex_xl_column-gap_8 {
        column-gap: 8px;
    }

    .flex_xl_column-gap_16 {
        column-gap: 16px;
    }

    .flex_xl_column-gap_32 {
        column-gap: 32px;
    }

    .text_xl_24 {
        font: var(--font_24)
    }

    .text_xl_32 {
        font: var(--font_32)
    }

    .text_xl_14 {
        font: var(--font_14)
    }

    .text_xl_16 {
        font: var(--font_16)
    }

    .text_xl_20 {
        font: var(--font_20)
    }

    .text_xl_150 {
        font: var(--font_150)
    }

    .text_xl_bold {
        font-weight: var(--font_bold);
    }

    .text_xl_medium {
        font-weight: var(--font_medium);
    }

    .text_xl_extra_bold {
        font-weight: var(--font_extra_bold);
    }

    .m_xl_0 {
        margin: 0;
    }

    .mb_xl_24 {
        margin-bottom: 24px;
    }

    .mb_xl_30 {
        margin-bottom: 30px;
    }

    .mb_xl_38 {
        margin-bottom: 38px;
    }

    .mt_xl_n48 {
        margin-top: -48px;
    }

    .mt_xl_60 {
        margin-top: 60px;
    }

    .mt_xl_8 {
        margin-top: 8px;
    }

    .row_xl_8 {
        margin-left: -8px;
        margin-right: -8px;
    }

    .row__el_xl_8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .column-gap_xl_16 {
        column-gap: 16px;
    }

    .p_xl_0 {
        padding: 0;
    }

    .px_xl_0 {
        padding-right: 0;
        padding-left: 0;
    }

    .px_xl_16 {
        padding-right: 16px;
        padding-left: 16px;
    }

    .px_xl_20 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .py_xl_24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py_xl_60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pt_xl_32 {
        padding-top: 32px;
    }

    .pt_xl_60 {
        padding-top: 60px;
    }

    .mr_xl_155 {
        margin-right: 155px;
    }

    .w_xl_50 {
        width: 50%;
    }

    .grid-columns_xl_4 {
        grid-template-columns: var(--grid-columns-4);
    }

    .flex_xl {
        display: flex;
    }

    .pr_xl_16 {
        padding-right: 16px;
    }

    .w_xl_per_39 {
        width: 39%;
    }

    .w_xl_per_61 {
        width: 61%;
    }
}


@media (min-width: 1024px) {
    .lg_display_flex {
        display: flex !important;
        visibility: visible;
    }
}

@media (max-width: 1023px) {
    .grid_md {
        display: grid;
    }

    .text_md_24 {
        font: var(--font_24);
    }

    .text_md_20 {
        font: var(--font_20);
    }

    .text_md_16 {
        font: var(--font_16);
    }

    .text_md_18 {
        font: var(--font_18);
    }

    .text_md_14 {
        font: var(--font_14);
    }

    .text_md_12 {
        font: var(--font_12);
    }

    .flex_md_column_reverse {
        flex-direction: column-reverse;
    }

    .flex_md_row-gap_16 {
        row-gap: 16px;
    }

    .flex_md_row-gap_12 {
        row-gap: 12px;
    }

    .flex_md_row-gap_8 {
        row-gap: 8px;
    }

    .md_row-gap_24 {
        row-gap: 24px;
    }

    .flex_md_column-gap_16 {
        column-gap: 16px;
    }

    .flex_md_column {
        flex-direction: column;
    }

    .flex__el_md_100 {
        width: 100%;
    }

    .flex__el_md_100 {
        width: 100%;
    }

    .order_md_10 {
        order: 10;
    }

    .order_md_20 {
        order: 20;
    }

    .text_md_extra_bold {
        font-weight: var(--font_extra_bold);
    }

    .text_md_bold {
        font-weight: var(--font_bold);
    }

    .text_md_medium {
        font-weight: var(--font_medium);
    }

    .md_row-gap_4 {
        row-gap: 4px;
    }

    .md_hidden {
        display: none;
    }

    .mb_md_20 {
        margin-bottom: 20px;
    }

    .mt_md_12 {
        margin-top: 12px;
    }

    .mt_md_16 {
        margin-top: 16px;
    }

    .mt_md_24 {
        margin-top: 24px;
    }

    .mt_md_20 {
        margin-top: 20px;
    }

    .mt_md_32 {
        margin-top: 32px;
    }
    
    .mt_md_40 {
        margin-top: 40px;
    }

    .p_md_16 {
        padding: 16px;
    }

    .pt_md_26 {
        padding-top: 26px;
    }

    .mt_md_26 {
        margin-top: 26px;
    }

    .pb_md_24 {
        padding-bottom: 24px;
    }

    .p_md_0 {
        padding: 0;
    }

    .py_md_40 {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .py_md_48 {
        padding-bottom: 48px;
        padding-top: 48px;
    }

    .py_md_8 {
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .px_md_0 {
        padding-left: 0;
        padding-right: 0;
    }

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

    .ml_md_n40 {
        margin-left: -40px;
    }

    .m_md_0 {
        margin: 0;
    }

    .mb_md_12 {
        margin-bottom: 12px;
    }

    .mb_md_10 {
        margin-bottom: 10px;
    }

    .mb_md_16 {
        margin-bottom: 16px;
    }

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

    .flex_md_row-gap_12 {
        row-gap: 12px;
    }

    .mb_md_32 {
        margin-bottom: 32px;
    }

    .mb_md_30 {
        margin-bottom: 30px;
    }

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

    .size_md_10 {
        width: 10px !important;
        height: 10px;
    }

    .width_md_per_50 {
        width: 50%;
    }

    .width_md_per_100 {
        width: 100%;
    }

    .px_md_8 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .py_md_16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .pb_md_16 {
        padding-bottom: 16px;
    }

    .pl_md_8 {
        padding-left: 8px;
    }

    .rounded_md_12 {
        border-radius: 12px;
    }

    .border_md_gray {
        border: 1px solid var(--color-light-gray-2);
    }

    .border_md_right_gray {
        border-right: 1px solid var(--color-light-gray-2);
    }

    .flex_md_column-gap_8 {
        column-gap: 8px;
    }

    .pt_md_16 {
        padding-top: 16px;
    }

    .pb_md_8 {
        padding-bottom: 8px;
    }

    .flex_md_direction_unset {
        flex-direction: unset;
    }

    .w_md_per_100 {
        width: 100%;
    }

    .mb_md_16 {
        margin-bottom: 16px;
    }

    .pb_md_0 {
        padding-bottom: 0;
    }

    .ml_md_n30 {
        margin-left: -30px;
    }

    .grid_md {
        display: grid;
    }

    .max_h_md_60 {
        max-height: 60px;
    }

    .max-w_md_536 {
        max-width: 536px;
    }

    .flex_md_align-center {
        align-items: center;
    }

    .pr_md_0 {
        padding-right: 0;
    }
}


@media (max-width: 767px) {
    .order_sm_10 {
        order: 10;
    }

    .order_sm_20 {
        order: 20;
    }

    .sm_display_flex {
        display: flex;
    }

    .height_sm_315 {
        height: 315px;
    }

    .text_sm_12 {
        font: var(--font_12)
    }

    .text_sm_14 {
        font: var(--font_14)
    }

    .text_sm_16 {
        font: var(--font_16)
    }

    .text_sm_20 {
        font: var(--font_20)
    }

    .text_sm_24 {
        font: var(--font_24)
    }

    .text_sm_30 {
        font: var(--font_30)
    }

    .text_sm_semi_bold {
        font-weight: var(--font_semi_bold);
    }

    .text_sm_bold {
        font-weight: var(--font_bold)
    }

    .text_sm_extra_bold {
        font-weight: var(--font_extra_bold)

    }

    .text_sm_medium {
        font-weight: var(--font_medium)
    }

    .flex_sm {
        display: flex;
    }

    .flex_sm_column {
        flex-direction: column;
    }

    .flex_sm_column-gap_16 {
        column-gap: 16px;
    }

    .flex_sm_column-gap_12 {
        column-gap: 12px;
    }

    .width_sm_3_col_gap_12 {
        width: calc(100% / 3 - 8px);
    }

    .flex_sm_row-gap_20 {
        row-gap: 20px;
    }

    .flex_sm_row-gap_16 {
        row-gap: 16px;
    }

    .flex_sm_row-gap_4 {
        row-gap: 4px;
    }

    .flex_sm_row-gap_8 {
        row-gap: 8px;
    }

    .flex_sm_row-gap_14 {
        row-gap: 14px;
    }

    .bg_sm_white {
        background-color: var(--color-white);
    }

    .flex__el_sm_order_0 {
        order: 0;
    }

    .flex__el_sm_order_1 {
        order: 1;
    }

    .flex__el_sm_order_2 {
        order: 2;
    }

    .m_sm_0 {
        margin: 0;
    }

    .mr_sm_0 {
        margin-right: 0;
    }

    .p_sm_0 {
        padding: 0;
    }

    .p_sm_18 {
        padding: 18px;
    }

    .p_sm_24 {
        padding: 24px;
    }

    .pb_sm_26 {
        padding-bottom: 26px;
    }

    .pb_sm_24 {
        padding-bottom: 24px;
    }

    .p_sm_16 {
        padding: 16px;
    }


    .px_sm_16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .px_sm_18 {
        padding-left: 18px;
        padding-right: 18px;
    }

    .px_sm_24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .py_sm_12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .py_sm_6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .py_sm_16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .py_sm_24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py_sm_48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .pt_sm_4 {
        padding-top: 4px;
    }

    .pt_sm_10 {
        padding-top: 10px;
    }

    .pb_sm_20 {
        padding-bottom: 20px;
    }

    .mb_sm_4 {
        margin-bottom: 4px;
    }

    .mb_sm_12 {
        margin-bottom: 12px;
    }

    .mb_sm_32 {
        margin-bottom: 32px;
    }

    .mt_sm_0 {
        margin-top: 0px;
    }

    .mt_sm_2 {
        margin-top: 2px;
    }

    .mt_sm_32 {
        margin-top: 32px;
    }

    .mt_sm_24 {
        margin-top: 24px;
    }

    .mt_sm_48 {
        margin-top: 48px;
    }

    .ml_sm_n48 {
        margin-left: -48px;
    }

    .w_sm_full_plus_48 {
        width: calc(100% + 48px);
    }

    .tab {
        padding: 6px 18px;
    }

    .display_sm_block {
        display: block;
    }

    .text_sm_5_lines {
        white-space: pre-wrap;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sm_hidden {
        display: none;
    }

    .size_sm_64 {
        width: 64px;
        height: 64px;
    }

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

    .size_sm_32 svg {
        width: 32px;
        height: 32px;
    }

    .size_sm_12 {
        width: 12px;
        height: 12px;
    }

    .w_sm_per_100 {
        width: 100%;
    }

    .flex_sm_align-center {
        align-items: center;
    }

    .flex_sm_row-gap_12 {
        row-gap: 12px;
    }

    .text_sm_align_center {
        text-align: center;
    }

    .pt_sm_24 {
        padding-top: 24px;
    }

    .pt_sm_48 {
        padding-top: 48px;
    }

    .w_sm_8px {
        width: 8px;
    }

    .grid-columns_sm_1 {
        grid-template-columns: 1fr;
    }

    .text_sm_align_left {
        text-align: left;
    }

    .row-gap_sm_24 {
        row-gap: 24px;
    }

    .sm_w_full {
        width: 100%;
    }

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

}

@media (max-width: 575px) {
    .mb_xs_4 {
        margin-bottom: 4px;
    }

    .pt_xs_24 {
        padding-top: 24px;
    }

    .pt_xs_0 {

        padding-top: 0;
    }

}