@media only screen and (max-width: 767px) {
  body {
    padding: 0;
  }
  h1,
  h2,
  h3 {
    margin-bottom: 40px;
  }
  .sub_text_inner,
  .coment_title {
    margin-bottom: 40px;
  }
  .section_title h2 {
    font-size: 4.5rem;
  }
  .foot_data {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .foot_adds {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .foot_data {
    margin-bottom: 30px;
  }
  #footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .btn_sizer {
    display: block;
  }
  .btn_sizer >div {
    width: auto;
  }
  table th {
    padding: 10px 10px;
  }
  table td {
    padding: 10px 10px;
  }
  .img_left {
    float: none;
    margin-right: 0;
  }
  .one_event {
    display: block;
  }
  .one_event .img_box {
    width: auto;
    margin: 0;
  }
  .nav_tab_btn {
    display: block;
  }
  .nav_tab_btn >li {
    width: auto;
  }
  .nav_tab_btn a {
    border-radius: 5px;
    border-bottom-color: #ff6800 !important;
  }
  .nav_tab_btn a.active {
    background: #ff6800;
    color: #fff;
  }
  .nav_tab_btn a::after,
  .nav_tab_btn a::before {
    display: none !important;
  }
  .Tab {
    margin: 0;
  }
  .nav_tab_text {
    display: block;
    text-align: center;
  }
  .nav_tab_text >li {
    width: auto;
  }
  .line {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .index_top_info {
    position: static;
    background: none;
    background: #ff6602;
    background: -webkit-gradient(linear, left top, right top, from(#fd671d), to(#fd392c));
    background: -webkit-linear-gradient(left, #fd671d 0%, #fd392c 100%);
    background: -o-linear-gradient(left, #fd671d 0%, #fd392c 100%);
    background: linear-gradient(to right, #fd671d 0%, #fd392c 100%);
    padding: 15px;
    width: auto;
    height: auto;
    text-align: center;
    font-size: 2rem;
  }
  .slids img {
    width: 768px;
  }
  .top_tiket {
    position: static;
  }
  .slids_figure {
    display: none;
  }
  .SliderMain .slick-dots {
    bottom: 15px;
  }
  .about {
    display: block;
  }
  .about_box {
    margin: 0 0 20px;
  }
  .about_box,
  .about_cont {
    width: auto;
  }
  .map_index_bg {
    height: 480px;
  }
  .map_help {
    height: 440px;
    width: 251px;
    background: url("../img/bg_map_help_m.png") no-repeat;
    bottom: 15px;
  }
  .map_help_box {
    padding: 245px 30px 20px 10px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .map_help_box p {
    margin-bottom: 10px;
  }
  .map_help_box .btn {
    font-size: 1.4rem;
  }
  .map_help .close_help {
    bottom: 15px;
    right: 15px;
  }
  .content_phone_box {
    padding-right: 0;
  }
  .content_phone .phone_link {
    position: static;
    margin: 15px 0;
    text-align: center;
  }
  .content_phone .phone_link a {
    display: inline-block;
  }
  .content_phone .img_box {
    position: static;
  }
  .content_phone .img_box img {
    margin: auto;
  }
  .content_phone {
    padding-bottom: 0;
  }
  .list_photo>li:last-child {
    display: none;
  }
  .subscribe_row {
    display: block;
  }
  .subscribe_col {
    width: auto;
  }
  .form_subscribe .check {
    padding: 10px 0 0;
  }
  .list_shop >li {
    width: 50%;
  }
  .map_info_box .img_box {
    display: none;
  }
  .map_info_cont {
    width: auto;
  }
  .map_info_box {
    width: 420px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .about_page {
    display: block;
  }
  .about_page .img_box {
    padding-right: 0;
    margin: 0 0 20px;
    width: auto;
  }
  .list_shop_data >li {
    width: 50%;
  }
  .answer {
    margin-left: 65px;
  }
  .rewiev,
  .answer {
    padding-left: 65px;
  }
  .rewiev .img_box,
  .answer .img_box {
    width: 50px;
  }
  .rewiev .no_img {
    height: 50px;
    width: 50px;
    font-size: 2rem;
  }
  .shop_special .img_box {
    min-height: inherit;
    margin-bottom: 20px;
  }
  #shop_map {
    height: 400px;
  }
  .list_data_inner >li {
    width: 50%;
  }
  .form_separate_col,
  .form_separate_col_3,
  .form_separate_col_2 {
    width: 100%;
  }
  .attraction_more h2 {
    margin-bottom: 30px;
  }
  .form_separate label {
    margin-bottom: 10px;
  }
  .heading_name {
    margin-bottom: 40px;
  }
  .header_data .link_lk span {
    display: none;
  }
  .header_data .link_lk {
    right: auto;
    left: 0;
    width: 40px;
    top: -5px;
  }
  .header_data .link_lk i {
    font-size: 2.6rem;
  }
  .attraction_about {
    padding-top: 0;
  }
  .ticket_col_1 {
    width: 50%;
  }
  .ticket_much_col {
    width: 50%;
  }
  .attraction_about_right {
    margin: 0;
  }
  .list_weiting li {
    width: 100%;
  }
  .weiting .name {
    min-height: 1px;
  }
  #map_attraction {
    height: 380px;
  }
  .list_theme_much >li {
    width: 50%;
  }
  .theme_about {
    display: block;
  }
  .theme_about_img {
    width: auto;
    max-width: 415px;
    margin: auto;
  }
  .theme_about_cont {
    margin-bottom: 30px;
    max-width: 100%;
    padding: 0;
  }
  .list_theme_info >li {
    width: 100%;
  }
  .theme_area .name {
    font-size: 2.2rem;
    line-height: 1.2;
  }
  .list_theme_area {
    margin-top: -30px;
  }
  .list_theme_area >li {
    padding-top: 30px;
  }
  .form_buy_box {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }
  .form_buy_col_2 {
    width: 100%;
    margin-top: 30px;
    padding-top: 0;
  }
  .form_buy_col_3 {
    border-left: 0;
    width: 100%;
    margin-top: 30px;
    padding-top: 0;
  }
  .list_much label {
    text-align: center;
  }
  .buy_much {
    display: block;
    text-align: center;
  }
  .buy_much .much {
    margin: auto;
  }
  .schedule .name {
    margin-bottom: 20px;
  }
  .list_check_time {
    margin-top: -10px;
  }
  .list_check_time >li {
    padding-top: 10px;
  }
  .list_much {
    margin-top: -20px;
  }
  .list_much >li {
    padding-top: 20px;
  }
  .ticket_another {
    font-size: 1.6rem;
  }
  .form_buy .form_buy_sub {
    margin-bottom: 30px;
  }
  .buy_more {
    padding-top: 50px;
  }
  .list_attraction >li {
    width: 50%;
  }
  .list_attraction >li:nth-child(n+4) {
    display: block;
  }
  .AttractionTab {
    margin-bottom: 30px;
  }
  .buy_data_col {
    width: 100%;
  }
  .buy_data_bot {
    display: block;
  }
  .buy_data_discount {
    width: auto;
  }
  .buy_data_bot .list_check {
    padding-top: 20px;
  }
  .buy_last {
    padding: 30px 15px 50px;
  }
  .buy_error {
    background: #ff6602;
    background: -webkit-gradient(linear, left top, right top, from(#fd671d), to(#fd392c));
    background: -webkit-linear-gradient(left, #fd671d 0%, #fd392c 100%);
    background: -o-linear-gradient(left, #fd671d 0%, #fd392c 100%);
    background: linear-gradient(to right, #fd671d 0%, #fd392c 100%);
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .buy_error h2 {
    margin-bottom: 20px;
  }
  .buy_error p {
    margin-bottom: 15px;
  }
  .promenade_main_info >li {
    width: 50%;
  }
  .promenade_info_box {
    display: block;
  }
  .promenade_info .img_box {
    width: auto;
    margin-bottom: 20px;
  }
  .promenade_nav .icon {
    font-size: 6rem;
    height: 60px;
  }
  .promenade_nav a {
    padding: 0 5px;
    font-size: 2rem;
  }
  .list_prom_data >li {
    width: 50%;
  }
  .form_ticket_box {
    padding: 15px 15px 25px;
  }
  .ticket_row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .form_ticket_box .jq-selectbox {
    max-width: 100%;
  }
  .event_info >li {
    width: 50%;
  }
  .event_page_text .event_page_map {
    float: none;
    margin-left: 0;
  }
  .event_write {
    padding: 25px 15px;
  }
  .event_write_col {
    width: 50%;
  }
  .event_write_btn {
    width: 100%;
  }
  .event_location {
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .event_location_cont {
    padding-right: 0;
    margin: 0 0 20px;
  }
  .event_location_map {
    width: auto;
  }
  .head_search {
    max-width: inherit;
    width: auto;
  }
  .open_search {
    display: block;
    height: 34px;
    width: 34px;
    position: relative;
    text-decoration: none;
    font-size: 2.8rem;
  }
  .open_search i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .head_search_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 20;
    padding: 47px 15px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .head_search_box.active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  .head_search_box .close_search {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    font-size: 1.6rem;
  }
  .list_vacancy >li {
    display: block;
    min-height: inherit;
  }
  .list_vacancy >li .name {
    display: block;
    padding: 0 0 5px;
  }
  .vacancy_info {
    display: block;
  }
  .vacancy_info .link {
    margin-top: 20px;
  }
  .vacancy_info_box {
    width: auto;
  }
  .list_area_info >li {
    display: block;
    text-align: center;
  }
  .list_area_info >li .icon {
    display: block;
    min-height: 70px;
  }
  .list_theme_attraction >li {
    width: 100%;
  }
  .theme_restaurant {
    padding-bottom: 300px;
  }
  .theme_restaurant .img_box {
    display: block;
  }
  .theme_restaurant .img_box img {
    width: 768px;
  }
  .theme_shop {
    padding-bottom: 360px;
  }
  .theme_shop .img_box {
    display: block;
  }
  .theme_shop .img_box img {
    width: 768px;
  }
}
@media only screen and (max-width: 479px) {
  .section_title h2 {
    font-size: 3.2rem;
  }
  h1 {
    font-size: 3.5rem;
    margin-bottom: 30px;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2.5rem;
  }
  .vacancy h1 {
    margin-bottom: 30px;
  }
  .vacancy_text_sub {
    margin-bottom: 40px;
  }
  .vacancy_section h2 {
    font-size: 2.2rem;
  }
  .index_top_info {
    font-size: 1.6rem;
  }
  .header_btn .btn {
    font-size: 0;
    min-width: inherit;
  }
  .header_btn .btn i.icon-ticket {
    margin: 0;
    line-height: 0.5;
  }
  .logo {
    width: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    margin-right: 10px;
  }
  .head_personal {
    margin-left: 10px;
    padding-right: 10px;
  }
  .head_nav >li {
    padding-left: 10px;
  }
  .style_list {
    display: block;
  }
  .style_list >div {
    width: auto;
  }
  .Tab {
    padding: 15px;
  }
  .info_box {
    padding: 15px;
  }
  .info_box.info_box_cite {
    padding: 30px 15px;
  }
  .info_box.info_box_cite::before {
    top: 5px;
    left: 5px;
  }
  .info_box.info_box_cite::after {
    bottom: 5px;
    right: 5px;
  }
  .character .name {
    font-size: 2.3rem;
    line-height: 1.2;
  }
  .list_photo>li:first-child {
    display: none;
  }
  .popup_cont {
    padding: 15px;
    font-size: 1.6rem;
  }
  .popup_title h3,
  .popup_thx h3 {
    font-size: 2.6rem;
  }
  .popup_thx p,
  .popup_title p {
    font-size: 1.8rem;
  }
  .popup_thx {
    padding-top: 40px;
    padding-bottom: 45px;
  }
  .form_subscribe {
    padding: 15px 15px 25px;
  }
  .form_subscribe h2 {
    font-size: 3.2rem;
  }
  .list_shop >li {
    width: 100%;
  }
  .search_shop {
    padding: 15px;
  }
  .map_info_box {
    width: 270px;
  }
  .map_info_box .name {
    font-size: 1.9rem;
  }
  .navigation >li >a {
    font-size: 1.4rem;
  }
  .list_shop_data >li {
    width: 100%;
  }
  .rewiev,
  .answer {
    padding-left: 0;
  }
  .rewiev .img_box,
  .answer .img_box {
    display: none;
  }
  .answer {
    margin-top: 30px;
    margin-left: 15px;
  }
  .form_rewiev_box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .shop_recommend {
    display: block;
  }
  .shop_recommend .name {
    padding-left: 0;
    padding-right: 0;
    font-size: 2.4rem;
  }
  .list_data_inner >li {
    width: 100%;
  }
  .list_weiting li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ticket_much_col {
    width: 100%;
  }
  .form_ticket_box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .list_theme_area >li {
    width: 100%;
  }
  .list_theme_much >li {
    width: 100%;
  }
  #datepicker .ui-datepicker-calendar td a {
    height: 38px;
    width: 38px;
    line-height: 36px;
    font-size: 2.2rem;
  }
  #datepicker .ui-datepicker-calendar td span {
    height: 38px;
    width: 38px;
  }
  #datepicker .ui-datepicker-calendar td {
    padding: 0;
  }
  #datepicker .form_buy_col_1 {
    padding-top: 30px;
  }
  #datepicker .ui-datepicker-header {
    padding-bottom: 20px;
  }
  #datepicker .ui-datepicker-calendar th {
    padding-bottom: 5px;
  }
  .list_ticket_another >li {
    width: 100%;
  }
  .ticket_another {
    font-size: 2rem;
  }
  .list_attraction >li {
    width: 100%;
  }
  .buy_last h2 {
    font-size: 3rem;
  }
  .buy_last h2 .icon {
    font-size: 8.7rem;
  }
  .buy_last h3 {
    font-size: 2.2rem;
  }
  .list_buy_last >li {
    width: 100%;
  }
  .buy_error h2 {
    font-size: 4.5rem;
  }
  .buy_error p {
    font-size: 2.2rem;
  }
  .promenade_main_info >li {
    width: 100%;
  }
  .promenade_nav {
    margin-top: -10px;
    margin-bottom: 30px;
  }
  .promenade_nav >li {
    width: 100%;
    padding-top: 10px;
  }
  .list_prom_data >li {
    width: 100%;
  }
  .ticket_col_1 {
    width: 100%;
  }
  .event_write_col {
    width: 100%;
  }
  .event_info >li {
    width: 100%;
  }
  .ui-datepicker {
    padding: 10px;
  }
  .ui-datepicker-calendar td a {
    height: 35px;
    width: 35px;
    line-height: 29px;
  }
  .head_search_box {
    padding-top: 39px;
    padding-bottom: 39px;
  }
  .vacancy_info .link {
    text-align: center;
    padding: 0;
  }
  .vacancy_info .link i {
    position: static;
    display: block;
  }
  .vacancy_section h2 {
    margin-bottom: 30px;
  }
  .list_area_info {
    display: block;
  }
  .list_area_info >li {
    width: 100%;
  }
  .calendar_info {
    margin: 20px 0 0 -10px;
  }
}

@media only screen and (max-width: 330px) {
  #datepicker .ui-datepicker-calendar td span {
    height: 33px;
    width: 33px;
  }
}