@media screen and (min-width: 1920px) {

}

@media screen and (max-width: 1700px) {


}

@media screen and (max-height: 650px) {
    .section_parallax {
        height: 75vh;
    }
}

@media screen and (max-width: 1440px) {
    .nav_pc li {
        padding: 0 8px;
    }
}

@media screen and (max-width: 1366px) {
    .section_header, .overlay ul{
        font-size: 14px;
    }
    .details_accommodation ul{
        padding: 0 0 0 25px;
    }
    .images_accommodation {
        height: 600px;
    }
    .row_map .btn_facilities{
        margin-top: 15px;
    }
}

@media screen and (max-width: 1280px) {
    .nav_pc {
        font-size: 14px;
    }

    .section_restaurant {
        padding: 100px 0;
    }
    .gallery_categories img{
        height: 210px;
    }
    .nav_pc li {
        padding: 0 5px;
    }
    .section_location .container{
        padding: 0 50px;
    }
    .row_locationmap .container{
        width: 100%;
        padding: 0;
    }
    .section_locationmap{
        padding: 100px 50px;
    }
    .section_location{
        padding: 100px 0 600px;
    }

}


@media screen and (max-width: 1200px) {
    .nav_pc li {
        padding: 0 5px;
    }

    .nav_pc {
        font-size: 12px;
    }

    .container {
        width: 100%;
        padding: 0 50px;
    }
    .section_gallery{
        padding: 0 50px 100px;
    }
    .wedding_info{
        padding: 0 50px!important;
    }
    .section_promotion {
        padding: 0 0 100px;
    }
}


@media screen and (max-width: 1100px) {
    .nav_pc ul:nth-child(1) {
        display: none !important;
    }

    .nav_pc ul:nth-child(1):before, .nav_pc ul:nth-last-child(1):before {
        content: none;
    }

    .btn_book {
        padding: 12px 15px;
    }

    h1 {
        font-size: 30px;
    }

    h2, .date_time label {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

     .section_restaurant, .section_facilities, .section_footer {
        padding: 50px 0;
    }
    .section_description{
        padding: 100px 0 50px;
    }

    .section_location {
        padding: 50px 0 400px;
        text-align: center;
        position: relative;
    }

    .section_description h1, .section_rooms h2, .section_restaurant h2, .section_facilities h2 {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .section_rooms .container {
        width: 80%;
    }

    .section_location:before {
        height: 500px;
    }

    .box_restaurant .col-xs-7 {
        width: 100%;
    }

    .box_restaurant .col-xs-5 {
        width: 100%;
    }

    .details_restaurant {
        height: auto !important;
    }

    .section_footer .col-xs-4 {
        text-align: center;
        width: 100%;
    }

    .section_footer .col-xs-4:nth-last-child(1) {
        text-align: center;
    }

    .section_footer .col-xs-4:nth-child(1) {
        display: none;
    }

    .social_media {
        margin: 30px 0;
    }

    .section_footer .col-xs-4:nth-last-child(1) ul {
        margin-bottom: 15px;
    }

    .section_footer label {
        display: initial;
    }
    .facilities_child .col-xs-8, .facilities_child .col-xs-4{
        width: 100%;
    }
    .images_facilities_child, .slide_restaurant_child img{
        height: 500px;
    }
    .details_facilities_child{
        height: auto!important;
        padding: 50px 50px 0;
    }
    .restaurant_child, .section_otherfacilities{
        padding: 50px;
    }
    .all_hallroom .facilities_child:nth-child(1) .details_facilities_child{
        padding: 50px 50px 0;
    }
    .section_accommodation:before, .section_otherfacilities:before, .section_description:before, .section_restaurant:before, .section_locationmap:before, .section_address:before, .restaurant_info:before{
        height: 225px;
    }
    .details_restaurant_child{
        padding: 30px 0 0;
    }
    .rooms_count {
        top: 620px;
    }
    .row_location .col-xs-6{
        width: 100%;
    }
    .section_location_info td:nth-child(1){
        width: 60%;
    }
    .section_location .col-xs-6:nth-child(1) tr:nth-last-child(1){
        border-bottom: 1px solid #d2d2d2;
    }
    .section_locationmap{
        padding: 50px;
    }
    .section_gallery {
        padding: 0 50px 50px;
    }
    .gallery_categories .col-xs-3{
        width: 33.33%;
    }
    .section_address {
        padding: 50px 0;
    }
    .box_address .col-xs-9{
        width: 100%;
        text-align: center;
    }
    .box_address .col-xs-3{
       display: none;
    }
    .contact_social .col-xs-6{
        width: 100%;
        padding: 0!important;
    }
    .contact_social .col-xs-6:nth-child(1) li:nth-child(1){
        display: none;
    }
    .contact_social .col-xs-6:nth-child(1) li{
        width: 100%;
    }
    .contact_social .col-xs-6:nth-child(2) ul{
        display: inline-block;
        margin: 15px auto 0;
        width: auto;
    }
    .contact_social .col-xs-6:nth-child(2){
        margin-top: 30px;
    }
    .restaurant_info{
        padding-bottom: 50px;
    }
    .all_hallroom .facilities_child:nth-child(1) .slick-arrow{
        left: auto;
        right: 30px;
    }
    .all_hallroom .facilities_child:nth-child(1) .slick-arrow.slick-prev{
        left: auto;
        right: 130px;
    }
    .all_hallroom .facilities_child:nth-child(1) .ballroom_count{
        left: auto;
        right: 30px;
    }
    .section_wedding {
        padding: 50px 0;
    }
    .section_wedding .col-xs-6{
        width: 100%;
    }
    .section_wedding .container .box_wedding:nth-child(2){
        margin-top: 0;
    }
    .section_wedding .images_wedding{
        padding: 0!important;
    }
    .section_wedding .details_wedding{
        height: auto!important;
        padding: 30px 0 0!important;
    }

    .images_wedding{
        height: 500px;
    }
    .box_accommodation .col-xs-7, .box_accommodation .col-xs-5{
        width: 100%;
    }
    .details_accommodation{
        height: auto!important;
        padding: 50px 0;
    }
    .section_accommodation{
        padding-bottom: 50px;
    }
    .section_accommodation .box_accommodation{
        padding: 50px ;
    }
    .section_footer .col-xs-4:nth-child(2){
        height: auto;
    }
    .text_intro{
        padding: 80px;
    }
    .box_arrow{
        top: 70px;
        right: 20px;
    }
    .section_intro .col-xs-6:nth-child(2) .box_arrow{
        left: 20px;
        right: auto;
    }
    .section_meetingdetails .col-xs-4{
        width: 100%;
        margin-bottom: 30px;
    }
    .section_meetingdetails .col-xs-4:nth-last-child(1){
        margin-bottom: 0;
    }
    .row_map .col-xs-6{
        width: 100%;
        padding: 0;
    }
    .row_map{
        display: inline-block;
        width: 100%;
        margin: 0;
    }
    .row_map .col-xs-6:nth-last-child(1){
        margin-top: 30px;
    }
    .row_map .col-xs-6:nth-last-child(1) a{
       float: none!important;
    }
    .section_location .container {
        padding: 0 30px;
    }
    .meeting_info .details_facilities_child img{
        width: 200px;
    }
    .meeting_info .details_facilities_child{
        text-align: center;
    }
    .meeting_info .details_facilities_child h3:before{
        right: 0;
        margin: auto;
    }
    .wedding_info .container{
        padding: 0!important;
    }
    .section_promotion {
        padding: 0 0 50px!important;
    }
    .promotion_list{
        gap: 30px 30px;
        grid-template-columns: 1fr 1fr;
    }

}

@media screen and (max-width: 991px) {
    .section_top .col-xs-4 p {
        display: none;
    }

    .section_top ul {
        margin: 0;
    }

    .section_top .col-xs-8 {
        width: 80%;
    }

    .section_top .col-xs-4 {
        width: 20%;
    }

    .section_top {
        font-size: 12px;
        padding: 10px 30px;
    }

    .section_header {
        padding: 25px 30px;
        top: 44px;
    }

    .nav_pc span {
        display: none;
    }

    .nav_pc li > a {
        line-height: initial;
        padding-bottom: 0;
    }

    .overlay.open {
        width: 100%;
    }

    .scroll_menu {
        top: 0!important;
    }

    .brand_logo img {
        height: 45px;
    }

    .scroll_menu .brand_logo img {
        height: 45px;
    }

    .scroll_menu.section_header {
        padding: 15px 30px;
    }

    .button_container {
        top: 25px;
        bottom: auto;
        left: 30px;
        padding-bottom: 0;
    }

    .scroll_menu .button_container {
        top: 0;
        bottom: 0;
    }

    .section_rooms .container {
        width: 100%;
    }

    .text_slide {
        left: 30px;
        bottom: 30px;
    }

    .section_arrow_slide {
        bottom: 30px;
        right: 30px;
    }

    .number {
        right: 30px;
        bottom: 40px;
    }

    .container {
        padding: 0 30px;
    }

    .date_time li:nth-child(2):before {
        width: 60px;
        left: -30px;
    }

    .date_time li:nth-child(2):after {
        width: 60px;
        right: -30px;
    }

    .box_facilities .col-xs-8, .box_facilities .col-xs-4, .box_facilities .col-xs-7, .box_facilities .col-xs-5 {
        width: 100%;
    }

    .box_facilities .col-xs-8 .images_facilities {
        clip-path: none;
    }

    .box_facilities .col-xs-4 .imageshalf_facilities {
        height: 400px;
        bottom: auto;
    }

    .box_facilities .col-xs-5 {
        margin-top: auto;
        text-align: center;
    }

    .box_facilities .col-xs-4 .details_facilities {
        bottom: 30px;
    }

    .box_facilities {
        margin-top: 30px;
    }
    .button_container.active {
        top: 0;
    }
    .overlay nav{
        padding: 0 30px;
    }
    .details_restaurant{
        padding: 30px;
    }
    .section_reservation{
        display: none;
    }
    .slide_slideshow .slick-arrow{
        bottom: 30px;
    }
    .section_slideshow .slide_count {
        bottom: 33px;
    }
    .section_description {
        padding: 50px 0;
    }
    .details_facilities_child, .all_hallroom .facilities_child:nth-child(1) .details_facilities_child {
        padding: 30px 30px 0;
    }
    .restaurant_child, .section_otherfacilities {
        padding: 50px 30px;
    }
    .slide_other .slick-arrow{
        display: none!important;
    }
    .slide_other .slick-dots {
        display: flex!important;
    }
    .slide_location .slick-arrow{
        display: none!important;
    }
    .slide_location .slick-dots {
        display: flex!important;
    }
    .slide_location .slick-list {
        overflow: hidden;
    }
    .slide_rooms .slick-arrow{
        display: none!important;
    }
    .slide_rooms .slick-dots {
        display: flex!important;
    }
    .slide_rooms .slick-list {
        overflow: hidden;
    }
    .section_locationmap {
        padding: 50px 30px;
    }
    .section_locationmap iframe{
        height: 500px;
    }
    .section_gallery {
        padding: 0 30px 50px;
    }
    .section_contact .container{
        width: 100%;
    }
    .wedding_info {
        padding: 0 30px!important;
    }
    .details_accommodation{
        height: auto!important;
        padding: 50px 0;
    }
    .section_intro .col-xs-6{
        width: 100%;
        height: 50vh;
    }
    .overlay_intro, .section_intro .images_intro{
        height: 50vh;
    }
    .description_meeting table{
        display: inline-block;
        overflow: scroll;
        font-size: 14px;
    }
    .section_banner{
        margin-top: 44px;
    }
    .images_accommodation {
        height: 500px;
    }
    .section_accommodation .box_accommodation{
        padding: 50px 30px;
    }
    .section_location p>label{
        display: inline;
    }

}


@media screen and (max-width: 768px) {
    .section_parallax {
        height: 40vh;
    }
    .section_gallery ul{
        display: none;
    }
    .tab_gallerymobile{
        display: block;
    }
    .gallery_categories img {
        height: 160px;
    }
    .text_intro {
        padding: 40px 80px;
    }
    .box_arrow {
        top: 30px;
    }
    .box_arrow{
        display: none;
    }
    .text_intro{
        padding:50px!important;
        text-align: center!important;
    }
    .btn_enter{
        padding: 7px 20px;
        margin-top: 15px;
    }
    .section_locationmap img{
        width: 100%;
    }

}

@media screen and (max-width: 640px) {
    .section_top .col-xs-4 {
        display: none;
    }

    .section_top .col-xs-8 {
        width: 100%;
    }
    .section_top {
        font-size: 10px;
        text-align: center;
    }
    .section_header {
        padding: 15px 30px;
        top: 40px;
    }
    .brand_logo img {
        height: 35px;
    }
    .scroll_menu .brand_logo img {
        height: 35px;
    }
    .nav_pc span{
        display: none;
    }
    .nav_pc ul:nth-child(1), .nav_pc ul:nth-last-child(1){
        width: calc(50% - 45px);
    }
    .overlay ul{
        font-size: 14px;
    }
    .overlay ul li{
        padding: 7px 0;
    }
    .text_slide label.name{
        font-size: 20px;
    }
    .text_slide label{
        font-size: 30px;
    }
    h1 {
        font-size: 24px;
    }
    .date_time li{
        width: 100%;
    }
    .date_time li:nth-child(2){
        padding: 60px 0;
    }
    .date_time li:nth-child(2):before {
        width: 1px;
        left: 0;
        right: 0;
        top: 15px;
        height: 30px;
        bottom: auto;
    }
    .date_time li:nth-child(2):after {
        width: 1px;
        left: 0;
        right: 0;
        bottom: 15px;
        height: 30px;
        top: auto;
    }
    .box_room img, .images_restaurant{
        height: 250px;
    }
    h2, .date_time label {
        font-size: 20px;
    }
    .images_accommodation, .images_wedding, .images_facilities, .images_facilities_child, .slide_restaurant_child img, .slide_other img{
        height: 250px;
    }
    .section_location td {
        padding: 10px 5px;
        line-height: initial;
    }
    .section_location table span{
        display: inline-block;
        width: 100%;
    }
    .nav_pc ul:nth-child(2) li:nth-child(1){
        display: none;
    }
    .text_slide {
        bottom: 75px;
    }
    .text_slide .btn_check{
        margin-top: 5px;
    }
    .section_location:before {
        height: 300px;
    }
    .section_location {
        padding: 50px 0 250px;
    }
    .section_description h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .location_count{
        top: 280px;
    }
    .rooms_count {
        top: 365px;
    }
    .section_locationmap iframe{
        height: 250px;
    }
    .gallery_categories .col-xs-3{
        width: 50%;
    }
    .gallery_categories img {
        height: 120px;
    }
    .gallery_categories .col-xs-3{
        padding: 5px;
    }
    .gallery_categories {
        margin: -5px;
    }
    .section_contact .col-xs-3{
        width: 100%;
        padding: 0;
    }
    .section_contact .col-xs-9{
        width: 100%;
    }
    .section_contact textarea {
        margin-top: 10px;
    }
    .overlay_slide{
        height: 200px;
    }
    .section_accommodation .box_accommodation:nth-child(odd){
        background-position: right;
    }
    .circle{
        width: 10px;
        height: 10px;
        margin-bottom: 1px;
    }
    .scroll_menu .brand_logo{
        height: 35px;
    }
    .section_intro .col-xs-6:nth-child(1) .text_intro{
        padding: 40px 80px 40px 25px;
    }
    .section_intro .col-xs-6:nth-child(2) .text_intro{
        padding: 40px 25px 40px 80px;
    }
    .text_intro h2{
        font-size: 22px;
    }
    .section_banner{
        margin-top: 40px;
    }
    .details_accommodation li{
        width: 100%;
    }
    .details_accommodation .dimention label{
        display: inline-block;
        float: none;
        width: 100%;
    }
    .details_accommodation ul{
        grid-template-columns: 1fr;
    }
    .meeting_info .details_facilities_child img {
        width: 100%;
    }
    .btn_book {
        padding: 12px 10px;
    }
    .nav_pc .mask_img {
        width: 15px;
        height: 15px;
    }
    .details_restaurant_info li{
        width: 100%!important;
        line-height: initial;
        padding: 10px 0;
    }
    .details_restaurant_info li:nth-child(even){
        padding-top: 0;
    }
    .details_restaurant_info li:nth-child(odd){
        padding-bottom: 5px;
    }
    .details_restaurant_info li:nth-child(1){
        padding-top: 0;
    }
    .details_restaurant_info li:nth-last-child(1){
        padding-bottom: 0;
    }
    .promotion_list {
        grid-template-columns: 1fr;
    }
    div.details_promotion{
        height: auto;
        display: block !important;
    }
    .details_promotion p{
        -webkit-line-clamp: none;
    }
}


@media screen and (max-width: 414px) {
    .meeting_info table{
        width: 100%;
    }
}


@media screen and (max-width: 375px) {
    .section_top {
        font-size: 9px;
    }
    .section_parallax {
        height: 50vh;
    }
    .section_banner{
        margin-top: 38px;
    }

}

@media screen and (max-width: 375px) {
    .brand_logo img, .scroll_menu .brand_logo img {
        height: 28px;
    }
}

@media screen and (max-width: 360px) {

}