@layer media_query {
    @media (max-width: 992px) {
        .form_wrapper1 .form_inner3 {
            grid-template-columns: 100%;
        }

        .item_66p {
            grid-column: unset;
        }
    }
}


@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(200vh);
            display: grid;
            grid-template-rows: max-content 1fr;
            max-height: 100vh;
            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;
        }
    }

    @media only screen and (max-width:992px) {
        .datepicker {
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%);
        }

        body:has(.active_datepicker) {
            overflow: hidden;
        }

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

        .datepicker {
            box-shadow: none;
        }

        .datepicker .close_wrapper {
            display: flex;
        }
    }

}

@layer media_query {
    @media(max-width: 600px) {
        .btn_row {
            flex-wrap: wrap;
            row-gap: 0.5rem;
        }

        .btn_row>* {
            width: 100%;
        }

        .btn_row a {
            width: 100%;
        }
    }
}