@charset "utf-8";
/* CSS Document */
@media (max-width: 1200px) {
        .container {
                max-width: 100%;
        }

        .navigation ul li+li {
                margin: 0 0 0 20px;
        }

        .footer_mn .nav_links {}

        .footer_mn .col-xl-6 {
                margin-bottom: 30px;
        }

        .footer_mn .col-xl-3 {
                flex: 0 0 auto;
                width: 25%;
        }

        .footer_mn .col-xl-6 {
                flex: 0 0 auto;
                width: 50%;
        }

        .footer_wrap .shape_1 {
                position: absolute;
                left: -40px;
                bottom: 0px;
        }

        .footer_wrap .shape_1 img {
                max-width: 50%;
                max-height: 50%;
        }
}

@media(max-width: 1024px) {
        .footer_mn .col-xl-3 {
                width: 100%;
        }

        .footer_mn .col-xl-6 {
                width: 100%
        }

        .footer_mn .col-xl-6 .col-lg-7 {
                width: 100%
        }

        .footer_mn .col-xl-6 .col-lg-5 {
                width: 100%
        }

        .footer_mn .nav_links {
                border-right: 0;
        }

        .footer_mn .conlinks {
                border: 0;
                padding-left: 0;
        }

        .bx-menu {
                display: block;
                cursor: pointer;
        }

        .nav-bar {
                position: fixed;
                top: 0;
                right: -100%;
                display: block !important;
                max-width: 300px;
                width: 100%;
                height: 100%;
                background: #fff;
                line-height: 40px;
                padding: 20px !important;
                box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
                transition: all 0.5s ease;
                z-index: 1000;
                overflow: auto;
        }

        .navigation .nav-bar li a {
                height: auto;
        }

        .navigation .nav-bar li+li {
                margin: 0;
        }

        .navigation ul li ul li:last-child a {
                border-bottom: solid 1px #ddd;
        }

        .bx-x {
                visibility: visible;
                width: 30px;
                height: 30px;
                opacity: 1;
                transition: all .3s;
                cursor: pointer;
                position: relative;
                margin-left: auto;
        }

        .bx-x::before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                width: 2px;
                height: 25px;
                transform: rotate(45deg);
                background: #000;
                margin-left: 20px;
                margin-top: 2px;
        }

        .bx-x::after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                width: 2px;
                height: 25px;
                transform: rotate(-45deg);
                background: #000;
                margin-left: 20px;
                margin-top: 2px;
        }

        .navigation ul li>ul {
                position: relative;
        }

        .navigation .nav-bar li ul {
                opacity: 1;
                visibility: visible;
                left: 0;
                top: 0;
                min-width: unset;
                width: 100%;
                display: block;
        }

        .navigation .nav-bar li ul.show1 {
                display: block;
        }

        .navigation ul li ul li {
                padding: 0px;
        }

        .navigation ul li ul ul {
                left: 0;
        }

        .navigation .nav-bar .has_submenu ul .submenu ul {
                display: none;
        }

        .navigation .nav-bar .has_submenu ul .submenu ul.show2 {
                display: block;
        }

        .header_main .logo {
                top: 5px;
        }

        .header_wrapper {
                height: 86px;
                display: flex;
                align-items: center;
        }

        .footer_mn .address_f {
                border: unset;
                margin-bottom: 20px;
                min-height: auto;
        }

        .footer_copyright {
                flex-direction: column;
                align-items: center;
        }

        .footer_copyright .social_icons {
                position: relative;
                margin-top: 20px;
        }

        .banner_wrapper .homebanner .imagebox h2 {
                font-size: 60px;
                line-height: 1.1;
        }

        a.wa_new {
                bottom: 13px;
        }

        .menuboxwrap .col-xl-3.col-lg-4,
        .gift_voucher_wrap .col-lg-3 {
                flex: 0 0 auto;
                width: 33.33333333% !important;
        }

        .footer_mn .conlinks {
                margin-top: 20px;
        }

        .navigation ul li ul li a {
                padding: 2px 10px;
        }

        .functionbook_sec .captoinbox {
                padding: 40px 0px 0 0px;
        }

        .menubox .detailbox .priceqty {
                padding: 10px 0 0 0;
        }

        .gift_voucher_wrap {
                padding: 0px 0 0 0;
        }

        .maneupage_wrap {
                padding: 40px 0 0px 0;
        }

        .banner_wrapper .homebanner .imagebox h2,
        .banner_wrapper .bann_captionbox h1 {
                -webkit-text-stroke-width: 1.1px;
        }

        .footer_mn .conlinks {

                min-height: auto;
        }

        .footer_mn {
                padding: 40px 0;
        }

}

@media(max-width: 991px) {
        .function_form_wrap {
                max-width: 100%;
        }

        .function_form_wrap .col-lg-4 {
                width: 50%;
        }

        .footer_mn .col-lg-6 .col-lg-7,
        .footer_mn .col-lg-6 .col-lg-5 {
                width: 100%;
        }
}

@media(max-width: 920px) {
        .functionbooking_wrap {
                padding: 30px 0 30px 0;
        }

        .functionbooking_wrap .text-center.mb-5 {
                margin-bottom: 0 !important;
        }

        .function_form_wrap .form_box {
                margin: 20px 0 0 0;
        }

        .footer_wrap {
                margin: 20px 0 0 0;
        }
}

@media(max-width: 767px) {
        .pro_category_wrap {
                padding: 30px 0 10px 0;
        }

        .pro_category_wrap .catbox {
                margin-bottom: 10px;
        }

        .header_wrapper {
                height: 70px;
        }

        .header_main .logo {
                top: 0;
        }

        .header_main .logo a img {
                max-width: 130px;
                margin-top: 0px;
        }

        .banner_wrapper .bann_captionbox h1 {
                font-size: 40px;
                line-height: 1.2;
                -webkit-text-fill-color: transparent;
                -webkit-text-stroke-color: white;
                text-shadow: 0px 0px 0px rgb(237 102 150 / 60%);
                margin-top: 100px;
        }

        .functionbook_sec {
                padding: 0px 0;
        }

        .ourstory_wrap .storybox h2 {
                font-size: 30px;
        }

        .ourstory_wrap .storybox {
                margin: 40px 0 0 0;
                padding: 30px 30px 30px;
        }

        .cart_dropdown {
                right: -20px;
                width: 320px;
        }

        .menuboxwrap .col-xl-3.col-lg-4,
        .gift_voucher_wrap .col-lg-3 {
                flex: 0 0 auto;
                width: 50% !important;
        }

        .maneupage_wrap .menu_tabnav {
                display: block;
        }

        .maneupage_wrap .menu_tabnav ul {
                display: block;
                width: 100%;
        }

        .maneupage_wrap .menu_tabnav ul li,
        .maneupage_wrap .menu_tabnav ul li+li {
                display: block;
                margin: 0;
                margin-bottom: 10px;
        }

        .maneupage_wrap .menu_tabnav .btnbox {
                position: relative;
                text-align: center;
        }

        .maneupage_wrap .menu_tabnav .ondabtn {
                margin: 0 auto;
                display: inline-flex;
        }

        .maneupage_wrap {
                padding: 20px 0 0px 0;
        }

        .function_title h2 {
                font-size: 24px;
                line-height: 1.2em;
                padding: 0;
                text-align: center;
        }

        .function_title h2:before,
        .function_title h2:after {
                display: none;
        }

        .function_meta {
                display: block;
                text-align: center;
        }

        .function_meta .callaction {
                display: block;
        }

        .function_title::after {
                display: none;
        }

        .functionbook_sec.contact_us {
                margin-top: 20px;
        }

        .banner_wrapper .homebanner .imagebox h2,
        .banner_wrapper .bann_captionbox h1 {
                -webkit-text-stroke-width: 1.1px;
        }

        .cart_dropdown .promocodebox .inputwrap input.promo_inp {
                width: 190px;
        }

        .career .team-section h2 {
                font-size: 30px;
        }

        .career .job-card h3 {
                font-size: 24px;
        }
}

@media(max-width: 640px) {

        .header_main .btnbox .inbtn+.inbtn,
        .bx-menu {
                margin-left: 10px;
        }

        .banner_wrapper .homebanner .imagebox h2 {
                font-size: 40px;
                line-height: 1.1;
        }

        .ondabtn.bigbtn {
                height: 50px;
                font-size: 16px;
                padding: 0 15px;
                min-width: auto;
        }

        .ondabtn img {
                margin: 0 16px 0 0;
                max-height: 30px;
                max-width: 30px;
        }

        .ondabtn.graybtn.bigbtn {
                min-width: 270px;
        }

        .ourstory_wrap .storybox h2 {
                font-size: 36px;
        }

        .ourstory_wrap .storybox {
                margin: 30px 0 0 0;
                padding: 50px 20px 30px;
        }

        .functionbook_sec {
                padding: 0;
        }

        .functionbook_sec .shape_1 img {
                max-width: 60%;
        }

        .footer_copyright p {
                font-size: 14px;
        }

        .developby,
        .developby a {
                font-size: 14px;
        }

}

@media(max-width: 639px) {

        .menuboxwrap .col-xl-3.col-lg-4,
        .gift_voucher_wrap .col-lg-3 {
                flex: 0 0 auto;
                width: 100% !important;
        }

        .footer_mn .conlinks {
                padding-bottom: 20px;
        }
}

@media(max-width: 468px) {
        .function_form_wrap .col-lg-4 {
                width: 100%;
        }
}

@media(max-width: 420px) {
        .ondabtn.bigbtn {
                font-size: 15px;
                padding: 0 20px;
        }

        .ondabtn img {
                margin: 0 10px 0 0;
        }

        .ondabtn.graybtn.bigbtn {
                min-width: 282px;
        }

        .footer_wrap .shape_1 {
                left: -50px;
                bottom: -30px;
        }

        .footer_mn {
                padding: 50px 0;
                padding-bottom: 0;
                padding-top: 20px;
        }

        .banner_wrapper .homebanner .imagebox h2 {
                font-size: 34px;
                line-height: 1.1;
        }
}