/* 1600 */
@media screen and (max-width: 1850px) {
    .banner {         min-height: 640px; height: calc(100vh - 128px); }
    .banner h1 { font-size: 62px; line-height: 56px; margin-bottom: 20px; }
    .banner h2{font-size: 80px; line-height: 0.8;margin-bottom: 20px; }
    .scroll_col { width: 250px; height: 250px; }
    .scroll_col .mini { top: -200px; }
    .image_slider_sec .col { height: 600px; }
    .questions_answers .wrapper{padding: 0 60px;}
    .foxy_contact_sec .contact_box .colin { max-width: calc(100% - 230px);}
    .foxy_contact_sec .contact_box .mini { max-width: 330px; left: 0;}
    .next_event_sec .mini_event { left: 20px; }

    /* location page */
    .inner_banner.banner { min-height: 450px; height: auto; }
    section.location_contact_sec .contact_box { padding: 48px 85px 80px 85px; }
    section.location_contact_sec .text { padding: 73px 85px 62px 50px; }
    section.event_contact_sec .img_col { width: 50%; min-height: 400px; }
    section.event_contact_sec .colin { width: 45%; }

    .foxy-part { padding: 0 80px; }
    .foxy-cartoon-part { right: 8%; top: -377px; max-width: 500px; }
    .experience-part h2 { font-size: 70px; line-height: 1; max-width: 480px; letter-spacing: 2.5px; } 
    .reserve-btn { padding: 0; margin: auto; }
    .experience-part .image { height: 287px; width: 40%; }


}
/* 1400 */
@media screen and (max-width: 1599px) {
    .btn { font-size: 30px; }
    .next_event_sec h2 { font-size: 70px; line-height: 66px; max-width: 600px; }
    .questions_answers h2{font-size: 70px; line-height: 66px;}
    .foxy_contact_sec .contact_box h2{font-size: 70px; line-height: 66px;}
    
    /* location page */
    section.location_contact_sec .contact_box { padding: 45px 55px; }
    section.location_contact_sec .text { padding: 45px 55px; }

     .what_include .col { padding: 20px 30px 40px 30px; }
    .what_include .img { max-width: 130px; }
    .what_include h3 { line-height: 1.2; margin-bottom: 12px; font-size: 30px; }
    .what_include h2,
    .review_sec h2{font-size: 70px; line-height: 66px;}
    .what_include .col { min-height: 360px;}

.foxy-text h2 { font-size: 70px; line-height:66px; padding: 0 0 55px 0; letter-spacing: 2px; }
.foxy-image { width: 170px; height: 170px; }
.foxy-cartoon-part { right: 6%; top: -337px; max-width: 450px; }
.foxy-section { padding: 80px 0 89px 0; }






}
/* 1366 */
@media screen and (max-width:1399px) {
    .btn { font-size: 24px; padding: 14px 30px; box-shadow: 5px 5px 0px #000F41; }
    .banner { min-height: 510px; height: calc(100vh - 128px); }
    .banner .colin { padding: 100px 70px 0 0; }
    .banner h1 { font-size: 42px; line-height: 46px; }
    .banner h2 { font-size: 60px; line-height: 0.8; margin-bottom: 20px; }
    .scroll_col { width: 180px; height: 180px; }
    .scroll_col span img { max-width: 40px; }
    .scroll_col span em { font-size: 26px;}
    .scroll_col .mini { top: -140px; }
    .marquee span { font-size: 60px;line-height: 1;}
    .image_slider_sec .col { height: 500px; }
    .foxy_contact_sec .contact_box .colin { max-width:calc(100% - 200px); }
    .foxy_contact_sec .contact_box { padding: 45px; }
    .foxy_contact_sec .contact_box h2 { font-size: 60px; line-height: 56px; }
    .foxy_contact_sec .video_col { min-height: 117px; }
    .foxy_contact_sec .contact_box .mini { max-width: 260px; }
    .questions_answers h2 { font-size: 60px; line-height: 56px; }
    .next_event_sec h2 { font-size: 60px; line-height: 56px; max-width: 570px; }
    .next_event_sec .mini_event { top: -266px; left: 0px; max-width: 270px; }

    /* location page */
    .inner_banner.banner { min-height: 400px; height: auto;}
    section.location_contact_sec .img_col { width: 46.2%;}
    section.location_contact_sec .right_col { width: 53%;}
    section.event_contact_sec .colin { width: 50%}
    section.event_contact_sec .contact_box { padding: 30px; }
    .what_include h2,
    .review_sec h2{font-size: 60px; line-height: 0.8;}
    section.event_contact_sec .img_col { width: 46%; min-height: 300px; }
    section.event_contact_sec .contact_box h3 { margin-bottom: 20px; }
    .review_sec .nav { padding: 0 40px; }

    .story-section { padding: 80px 0 311px 0; }
    .foxy-text .sub-text { max-width: 615px; padding-bottom: 35px; }
    .foxy-text { max-width: 750px; }
    .foxy-text h2 { font-size: 60px; line-height: 56px; padding: 0 0 55px 0; letter-spacing: 2px; }
    .foxy-cartoon-part { right: 8%; top: -337px; max-width: 430px; }
    .experience-part h2 { font-size: 60px; line-height: 1; max-width: 400px; letter-spacing: 1px; }
    .experience-section { padding: 30px; }

    .thank-you h1 { font-size: 90px; line-height: 0.8; }
    .thank-you p { font-size: 20px; margin: 20px 0; }
    .page-not-found h1 { font-size: 90px; line-height: 0.8; }
    .page-not-found p { font-size: 20px; margin: 20px 0; }


}
/* 1024 */
.nav{pointer-events: none;}
.nav>div{pointer-events:all;}
@media screen and (max-width:1279px) {
    header .inner { padding: 16px 22px 16px 16px; }
    header nav ul li:not(:last-child) { margin-left: 20px; }
    header .brand { max-width: 110px; }
    .image_slider_sec .col { height: 450px; }
    .image_slider_sec .col img { border-radius: 40px; }
    .image_slider_sec .nav { padding: 0 40px; }
    .next_event_sec { padding: 45px 20px; }
    .next_event_sec .col { height: 240px; }
    .questions_answers .right_col { width: 300px; }
    .questions_answers .left_col { width: calc(100% - 300px); }
    .foxy_contact_sec .contact_box .mini { max-width: 200px; }
    .foxy_contact_sec .contact_box .colin { max-width: calc(100% - 140px); }
    .foxy_contact_sec .contact_box h2 { font-size: 50px; line-height: 46px; margin-bottom: 30px;}
    .foxy_contact_sec .contact_box .in { height: 51px; border-width: 2px; font-size: 20px; padding-right: 20px; }
    .foxy_contact_sec .contact_box .warp1 { margin-bottom: 20px; }
    /* location page */
    section.location_contact_sec .contact_box { padding:40px;}
    section.location_contact_sec .text { padding:40px; }

    .what_include .col { padding: 20px 25px 25px 25px; min-height: 300px;}
    .what_include h3 { margin-bottom: 12px; font-size: 22px; }
    .what_include p { line-height: 1.4; font-size: 16px; }
    .what_include .img { max-width: 100px; left: 20px; top: 20px; }
    .what_include h2, .review_sec h2 { font-size: 50px; line-height: 0.8; }
    .review_sec { margin: 100px auto 100px; }
    .review_sec .col .star { left: 30px; top: 22px;}
    .review_sec .col { padding: 35px; }

    .foxy-section { border-radius: 20% 20% 48px 48px;         padding: 50px 0 80px 0;}
    .foxy-image { width: 139px; height: 139px; }
    .foxy-part { padding: 0 14px; }
    .foxy-text { max-width: 690px; }
    .foxy-cartoon-part { right: 4%; top: -297px; max-width: 370px; }
    .foxy-text h2 { font-size: 60px; line-height: 1; padding: 0 0 40px 0; letter-spacing: 1px; }
    .experience-part h2 { font-size: 45px; line-height: 1; max-width: 300px; letter-spacing: 1px; }
    .experience-part .image { height: 200px; width: 40%; }
    .experience-part .image img, .experience-part .image video { position:relative; }


}
/* 768 */
.monile_col{display: none;}
.hamburger{display: none;}
@media screen and (max-width:1023px) {

    .hamburger { display: block; position: absolute; top: 31px; right: 30px; width: 33px; height: 4px; z-index: 991; }
    .hamburger span{position: absolute;height: 100%;width: 100%;background-color:#000F41;top: 0;left: 0;transition: 0.4s ease all;}
    .hamburger span:last-child{top:10px;}
    .hamburger.open span{transform: rotate(45deg);top:6px;}
    .hamburger.open span:last-child{transform: rotate(-45deg);}

    header .inner:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99; border-radius: 60px; }
    header nav{position: fixed; top: 0; right: 0; width: 100%; height: 100vh; z-index: 99;background-color: #000f41;background-image: url(../images/star_menu_mobile.png);background-repeat: no-repeat;background-position: top 120px center;padding: 151px 0 0;transform: translateX(100%);transition: 0.4s ease all;}
    header nav.open{transform: translateX(0);}
    header nav ul{display: block !important;}
    header nav ul li:not(:last-child) { margin-left: 0; }
    header nav ul li a{color: #fff;text-align: center;font-size: 28px;line-height: 59px;font-weight: 900; margin: 0 auto; display: block;font-family: var(--levit);letter-spacing: 1px;}

    header nav .monile_col{display: block;}
    header nav .monile_col>img{margin: 0 auto;}
    header nav .mobile_social a{margin-left: 19px;width: 42px;height: 42px;border: 2px solid #1CDBB0;border-radius: 50%;background-color: #000F41;display: flex;justify-content: center;align-items: center;box-shadow: 3px 3px 0px #1CDBB0;}
    header nav .mobile_social a:last-child{margin-left: 0;}
    header .brand { max-width: 110px; z-index: 991; }
    header .social_icon  {position: relative;z-index: 991;}
    header .inner{justify-content: end !important;}

    .banner .colin { padding: 281px 22px 0 0;max-width: 100%;}
    .next_event_sec .inner { margin-top: 170px; }
    .questions_answers .right_col { width: 100%; }
    .questions_answers .left_col { width: 100%; }
    .questions_answers .wrapper { padding: 0 40px; }
    .foxy_contact_sec .contact_box { width: 100%; padding: 65px 65px 88px 88px; }
    .foxy_contact_sec .contact_box .mini { max-width: 260px; bottom: 20px; left: -10px; } 
    .foxy_contact_sec .video_col { min-height: 254px; width: 100%; margin-top: 18px; }
    footer .inner { padding: 20px 20px; }

    /* location page */
    .inner_banner.banner { min-height: 415px;border-radius: 20px; }
    .inner_banner.banner .colin { padding: 0px 42px 53px 0; }
    section.location_contact_sec .right_col { width: 100%; }
    section.location_contact_sec .img_col { width: 100%; margin-top: 18px; }
    section.location_contact_sec .img_col img,
    section.location_contact_sec .contact_box{border-radius: 20px;}
    .what_include .inner {justify-content: space-between;}
    .what_include .col { margin-left: 0%; width:calc(50% - 7.5px); }
    .foxy_contact_sec .contact_box .colin { max-width: 100%; width: 100%; }
    section.event_contact_sec .img_col { width: 100%; min-height: auto;margin-top: 24px;}

    .story-section { padding: 81px 15px 210px; background-position: inherit;}
    .foxy-text .title { max-width: 505px; margin: 0 auto; }
    .foxy-image{order: 3;}
    .foxy-image.fx-right{order: 2;margin-bottom: 0;}
    .foxy-section { border-radius: 20% 20% 48px 48px; padding: 157px 14px 57px; }
    .foxy-cartoon-part { right: 9%; top: -367px; max-width: 330px; }
    .hi-text { top: 96px; right: 97.5%; }
    .foxy-part{justify-content: space-between;}
    .experience-part h2 { font-size: 60px; line-height: 1; max-width: 420px; letter-spacing: 1px; }
    .experience-part .image { height: auto; width: 100%; }
    .experience-part { flex-direction: column; }
    .reserve-btn{margin: 30px 0 40px;}



}
/* 360 */
@media screen and (max-width:767px) {
    .btn { font-size: 20px; padding: 7px 20px 3px; box-shadow: 4px 4px 0px #000F41; border-width: 2px; }

    .hamburger { top: 21px; right: 27px; width: 23px; height: 2px; }
    .hamburger span:last-child { top: 6px; }
    .hamburger.open span {top: 3px !important; }
    header .brand { max-width: 70px; bottom: 0; }

    /* new */
    .hamburger { top: 21px; right: 27px; width: 30px; height: 3px; }
    .hamburger span:last-child { top: 7px; }

    header { padding: 11px 14px; }
    header .social_icon a{max-width: 25.5px;}
    header .social_icon a svg{width: 100%;height:25.5px;    display: block;}
    header .social_icon a:not(:last-child) { margin-left: 6px; }
    header .inner { padding: 12px 14px; }

    .banner { min-height: 612px; height: calc(100vh - 88px); border-radius: 20px;padding-bottom: 33px;}
    .scroll_col { width: 197px; height: 197px; bottom: auto; top: 77px; left: 0; right: 0; margin: 0 auto; }
    .scroll_col span em { font-size: 22px; }
    .scroll_col span img { max-width: 35px; }
    .scroll_col span { top: 48px;position: relative;}
    .scroll_col .mini { top: -90px; margin-left: 14px; }
    .banner h1 { font-size: 32px; line-height: 66px; margin-bottom: 0; }
    .banner h2 { font-size: 42px; line-height: 45px; margin-bottom: 12px; }
    .banner h2 span {    max-width: 245px;}
    .banner h2 span br{display: none;}
    .marquee { margin: 27px 0; }
    .marquee span { font-size: 36px; line-height: 35px; }
    .image_slider_sec .col { height: 202px; }
    .image_slider_sec .col img { border-radius:20px; } 

    .image_slider_sec .swiper-container::after, 
    .image_slider_sec .swiper-container::before { width: 60px; }
    .image_slider_sec .nav{display: none;}
    .image_slider_sec .col img { border-radius: 20px; width: 100%; height: 100%; }  
    .next_event_sec { padding: 32px 20px 17px 16px; margin-top: 15px; border-radius: 20px; }
    .next_event_sec h2 { font-size: 42px; line-height: 41px; max-width: 240px; }
    .next_event_sec .inner { margin-top: 184px; }
    .next_event_sec .mini_event {        top: -188px; left: -10px; max-width: 190px;}
    .next_event_sec .mini_event span { line-height: 37px; padding: 0 15px; font-size: 14px; left: 85%; top: 18%; }
    .next_event_sec .mini_event span img { bottom: -11px; left: 18px; max-width: 17px; }
    .nav { top: calc(50% - 20px); }
    .nav>div { width: 40px; height: 40px; }
    .nav>div img{max-width: 10px;}
    .next_event_sec .nav { padding: 0 10px; }
    .next_event_sec .col { height: 195px; }
    .questions_answers .bg{background-image: url(../images/faq_star.png) !important;background-size: inherit; background-position: left top 40px;}
    .questions_answers .wrapper { padding: 0 15px; }
    .questions_answers h2 { font-size: 42px; line-height: 41px; }
    .questions_answers { padding: 41px 0 128px; }
    .questions_answers h2{margin-bottom: 30px;}
    .questions_answers .colin h3 { font-size: 16px; line-height: 19px; padding: 22px 30px 22px 10px; }
    .questions_answers .colin h3 span { font-size: 42px; right: 3px; top: 22px; }
    .questions_answers .colin .text { padding: 0 30px 14px 14px; }
    .questions_answers .colin p { font-size: 16px; line-height: 20px;}
    .questions_answers .colin h3.open { padding: 22px 30px 14px; }
    .foxy_contact_sec .contact_box { padding: 32px 21px 15px; border-radius: 20px;overflow: hidden;}
    .foxy_contact_sec .contact_box .colin { max-width: 100%; }
    .foxy_contact_sec .contact_box h2 { font-size: 42px; line-height: 41px; margin-bottom: 10px; }
    .foxy_contact_sec .contact_box h2 br{display: block;}
    .foxy_contact_sec .contact_box h3 { font-size: 16px; line-height: 19px; margin-bottom: 22px; }
    .foxy_contact_sec .contact_box .mini { max-width: 280px; bottom: 0; left: 0px; position: relative; margin: -18px auto -35px; }
    .foxy_contact_sec .contact_box .col { width: 100% !important;margin-bottom: 18px;}
    .foxy_contact_sec .contact_box .warp1 { margin-bottom: 0;}
    .foxy_contact_sec .contact_box .in {font-size: 16px;}
    .foxy_contact_sec .contact_box .sub { height: 42px; width: 168px; font-size: 16px; cursor: pointer; margin: 0 auto;}
    .foxy_contact_sec .video_col { border-radius: 20px; }
    footer .inner { padding: 20px 20px 15px; border-radius: 20px; justify-content: center; }
    footer .social_icon{width: 100%;order: 1;justify-content: center;margin-bottom: 16px;}
    footer .social_icon a{max-width: 22.65px;}
    footer .social_icon a svg{display: block;width: 100%;height: 22.65px;}
    footer .social_icon a:not(:last-child){margin-left: 9px;}
    footer ul{order: 2;margin-bottom: 7px;}
    footer ul li a { font-size: 14px; line-height: 17px; }
    footer ul li:not(:last-child):after { font-size: 14px; line-height: 17px;}
    footer p{order: 3;font-size: 14px; line-height: 17px; margin-bottom: 7px;padding: 0px 5px;}

    /* location page */
    .inner_banner.banner {padding-bottom: 0;}
    .inner_banner.banner .colin { padding: 0px 22px 32px 0; }
    section.location_contact_sec .text { padding: 0 0 54px 0; }
    section.location_contact_sec .text h4 { font-size: 16px; line-height: 19px; margin-bottom: 11px; }
    section.location_contact_sec .text p { font-size: 16px; line-height: 26px; margin-bottom: 27px; }
    section.location_contact_sec .text p a{font-size: 16px; line-height: 26px;}
    section.location_contact_sec .cgi_col .cgi_art { margin-left: 10px; max-width: 40px; }
    section.location_contact_sec .contact_box { padding: 23px 20px 38px; }
    section.location_contact_sec .contact_box h3 { margin-bottom:20px; }
    section.location_contact_sec .img_col { height:300px;}

    .what_include h2 { margin-bottom:28px; font-size: 42px; line-height: 41px; }
    .what_include .col { padding: 101px 20px 32px 25px; min-height: 100px; width: 100%; border-radius: 20px; margin-bottom: 12px; }
    .what_include .img { max-width: 85px; left: 15px; top: 15px; }
    .what_include h3 { font-size: 20px; }
    .what_include p{font-size: 16px;line-height:18px;}
    .review_sec h2 { font-size: 42px; line-height: 41px;margin-bottom: 31px;}
    .review_sec { margin: 30px auto 53px; }
    .review_sec .swiper-container::after, 
    .review_sec .swiper-container::before { width: 20px; }
    .review_sec .nav { padding: 0 0px; display: none;}
    .review_sec .col { padding: 21px;min-height: 219px;border-radius: 20px;}
    .review_sec .col h3 { font-size: 16px; line-height: 19px;margin-top: 5px;}
    .review_sec .col p { font-size: 16px; line-height: 19px; margin-top: 9px; max-width: 250px; letter-spacing: 0.5px; }
    section.event_contact_sec .contact_box { padding: 20px 20px 31px; }
    section.event_contact_sec .contact_box h2 { margin-bottom: 14px; margin-top: 5px; }
    section.event_contact_sec .contact_box h3 { margin-bottom: 18px; }
    section.event_contact_sec .img_col { min-height: 197px; }
    section.event_contact_sec .img_col img{border-radius: 20px;}
    .foxy-section { border-radius: 130px 130px 20px 20px; margin-bottom: 72px; padding: 157px 14px 57px;position: relative;}
    /* .foxy-section::after{content:'';position: absolute;top:-91px;height: 92px;width: 100%;background-color:#3971FF;left: 0;border-radius: 120px 120px 0 0;} */

    .foxy-text .title { max-width: 300px; margin: 0 auto; }
    .foxy-image:not(.fx-right){position: absolute;left:0px;bottom: -97px;}
   .foxy-part { padding: 0;}
   .foxy-text p { font-size: 16px; line-height: 1.4; padding: 0 9px; letter-spacing: 0.2px; }
   .foxy-text h2 { font-size: 42px; line-height: 41px; padding: 0 0 25px 0; letter-spacing: 1px; text-align: center; }
   .story-section { padding: 81px 15px 131px; }
    .story-part h2 { font-size: 16px; line-height: 19px; padding: 0 0 13px 0;letter-spacing: 0.5px; }
    .story-part p { font-size: 16px; line-height: 1.4; letter-spacing: 0.5px; }
    .experience-part h2 { font-size: 42px; line-height: 41px; max-width: 420px; letter-spacing: 1px; }
    .experience-section { padding: 20px 20px 28px; border-radius: 20px; }
    .experience-part .image img, .experience-part .image video { border-radius: 20px; }
    .experience-part .image { height: 197px; width: 100%; }
    .reserve-btn { margin: 20px 0 28px; }
    .experience-part h2 { max-width: 280px; }
    .foxy-cartoon-part { right: -40px; top: -274px; max-width: 247px; z-index: 1; }
    .hi-text .text { font-size: 14px; line-height: 14px; padding: 11.5px 19px; }
    .hi-text { top: 39px; right: 89.5%; }
    .thank-you h1 { font-size: 70px; line-height: 0.8; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
    .thank-you p { font-size: 16px; margin: 10px 0; padding: 0 20px; line-height: 1.4; }
    .page-not-found h1 { font-size: 70px; line-height: 0.8; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
    .page-not-found p { font-size: 16px; margin: 10px 0; padding: 0 20px; line-height: 1.4; }

    .default-page .container { padding: 60px 20px; }
    .default-page h1 { text-shadow: -2px -2px 0 #1CDBB0, 2px -2px 0 #1CDBB0, -2px 2px 0 #1CDBB0, 2px 2px 0 #1CDBB0; font-size: 42px; line-height: 41px; margin-bottom: 20px; letter-spacing: 3px; }
    .default-page h1, .default-page h2, .default-page h3, .default-page h4, .default-page h5, .default-page h6 { margin-bottom: 16px; }
    .default-page h2 { font-size: 26px; }
    .default-page h3 { font-size: 20px; }
    .default-page h4 { font-size: 18px; }
    .default-page h5 { font-size: 16px; }
    .default-page h6 { font-size: 14px; }
     .default-page p { font-size: 16px; line-height: 1.4; margin-bottom: 16px; }




}

@media screen and (max-width:400px) {
    header nav .monile_col { position: absolute; left: 0; right: 0; bottom: 30px; }
    header nav .monile_col>img { margin: 0 auto -20px; }
    header nav ul li a { font-size: 28px; line-height: 50px; }
    header nav { padding: 120px 0 0; }




}