@layer media_query {

    @media(max-width:992px) {


        .select_items_big2 .cross_btn2 {

            padding-right: 1rem;
            padding-top: 0.85rem;
            display: flex;
            justify-content: flex-end;

        }

        body:has(.optionboxappear) {
            overflow-y: hidden;
        }


        body:has(.optionboxappear) .js_scroll_blanket {
            display: block;
        }

        .select_items_big2 {
            transition: all 0.5s ease-in-out;
            /* transition-delay: 0.5s;*/
            transform: translateY(200dvh);
            display: grid;
            grid-template-rows: max-content 1fr;
            max-height: 100dvh;
            z-index: 8000;
            overflow-y: hidden;
            width: 100%;
            left: auto;
            top: auto;
            bottom: 0;

        }

        .select_items_big2 .select_items {
            overflow-y: auto;
        }

        .select_items_big2.select_box_active {
            transform: translateY(0px);

        }

        .select_items .my_placeholder {}
    }

    @media(max-width:767px) {
        .custom_select {
            min-width: unset;
        }
    }

}

@layer media_query {
    @media(max-width: 992px) {
        .form1 .form_inner {
            --half_gap: calc(var(--item_col_gap) / 2);
            --half_width_form_grp_with_gap: calc(50cqi + var(--half_gap));

            grid-template-columns: repeat(2, 1fr);
            position: static;
            container-type: inline-size;
            container-name: form_inner_wrapper;
        }

        .form1 .form_inner .custom_dropdown_btn {
            height: auto;
        }

        .custom_dropdown_menu .inner{
            grid-auto-flow: unset;
            grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
        }

        .custom_dropdown_outer {
            position: relative;
            display: grid;
            grid-template-rows: subgrid;
            grid-row: span 2;
            row-gap: 0;
        }

        .custom_dropdown_menu {
            position: static;
        }

        .custom_dropdown_active{
            z-index: 999;
        }

        .custom_dropdown_active .custom_dropdown_menu {
            padding-top: .5rem;
        }

        @container form_inner_wrapper (min-width: 721.81px) {
            .custom_dropdown_menu {
                /*.375rem is column gap/2 */
                width: 100cqi;
                margin-left: calc(var(--half_width_form_grp_with_gap) * -1);
            }

            .custom_dropdown_outer:nth-child(odd) .custom_dropdown_menu {
                transform: translateX(var(--half_width_form_grp_with_gap));
            }
        }

        .form1 .search_submit_outer {
            grid-column: 1 / -1;
        }

        .form1 .search_submit_outer .btn {
            width: 100%;
        }
    }



    @media(max-width: 767px) {
        .form1 .form_inner {
            grid-template-columns: 100%;
        }

    }
}