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

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

}

@media screen and (max-width: 1366px) {
    .nav_menu li {
        padding: 0 6px;
    }

    .nav_menu li a:before {
        left: -5px;
    }

    .slideshow .slide .caption {
        width: 50%;
    }
}


@media screen and (max-height: 768px) {
    .section_reservation {
        z-index: 99;
    }

    .box_reser .col-xs-12:nth-child(1) {
        display: none;
    }

    .section_reservation .col-xs-12 {
        padding: 8px 0;
    }

    .cnt223 {
        width: 700px;
    }

    .popup_content, .popup_content #numberrroomRow {
        max-height: 245px !important;
        height: auto !important;
    }

}

@media screen and (max-width: 1280px) {
    .container {
        padding: 0 50px;
        width: 100%;
    }

}

@media screen and (max-width: 1200px) {
    .nav_menu img {
        height: 80px;
    }

    .nav_menu li {
        font-size: 12px;
    }

    .row_contactus .col-xs-4 {
        padding: 0 10px;
    }

    .nav_menu li {
        padding: 0 6px;
    }

    .nav_menu li.active > a, .nav_menu li:hover > a {
        padding-left: 5px;
    }

    .nav_menu .dropdown_menu li:hover a {
        padding-left: 20px;
    }

    .sister_hotel {
        width: 40%;
    }

    .nav_menu li a:before {
        left: 0;
        width: 6px;
        height: 6px;
    }

    .box_contactus {
        font-size: 12px;
    }

    .details_description .amenities_home li {
        width: 100%;
    }

}

@media screen and (max-width: 1100px) {
    .nav_menu {
        font-size: 11px;
    }

    .nav_menu img {
        height: 80px;
    }

    .nav_menu li.active {
        margin-left: 5px;
    }

    .section_description .col-xs-6 {
        margin-top: 50px;
    }

    .section_offers {
        margin-top: 0;
        padding: 0 0 50px 0;
    }

    .slide_offer {
        margin: 50px -15px 0;
    }

    .section_accommodation {
        padding: 50px 0;
    }

    .section_tagline {
        padding: 50px 0;
    }

    .section_facilities {
        padding: 50px 0;
    }

    .slide_facilities {
        margin: 50px -15px 0;
    }

    .section_hotelfacilities {
        padding: 0 0 50px;
    }

    .section_footer {
        padding: 50px 0;
    }

    .section_contentchild {
        padding: 50px 0;
    }

    .slideshow .slide-content .text {
        font-size: 32px;
    }

    .images_offers, .images_facilities {
        height: 300px;
    }

    .images_accommodation {
        height: 400px;
    }

    .images_photo {
        height: 500px;
    }

    .section_tagline li:nth-child(1) .images_photo, .section_tagline li:nth-last-child(1) .images_photo {
        height: 300px;
    }

    .slide_accommodation .slick-arrow {
        top: 175px;
    }

    .slide_facilities .slick-arrow {
        top: 150px;
    }

    .section_footer h2 {
        font-size: 28px;
    }

    .images_child {
        height: 400px;
    }

    .details_child {
        height: 350px;
    }

    .box_contentinfo .details_child,
    .box_contentchild.attraction .details_child {
        height: auto;
    }

    .box_contentinfo li:before {
        width: 18px;
        height: 18px;
    }

    .box_contentinfo li {
        padding: 7px 7px 7px 23px !important;
    }

    .amenities_home li,
    .section_info.section_infofac .amenities_home li ,
    .section_offers_info .amenities_home li{
        width: 100%;
    }

    .section_info .amenities_home li{
        width: 50%;
    }

    .list_contentchild .col-xs-7 .col-xs-5 .images_child .images_child_half {
        height: calc(100% - 100px);
    }

    .cursor, .cursor-follower {
        display: none;
    }

    .slide_photoinfo .slick-arrow {
        top: 180px;
    }

    .slide_photoinfo_fac .slick-arrow {
        top: 190px;
    }

    .section_footer li {
        padding: 0 7px;
    }

    .cnt223 {
        width: 700px;
    }

    .section_locationmap iframe {
        height: 450px;
    }

    .section_footer {
        text-align: center;
    }

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

    .section_footer .col-xs-8 {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .section_footer ul {
        display: inline-block;
        margin: 0 auto;
        float: none;
    }

    h1 {
        font-size: 30px;
    }

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

    .section_description, .images_description {
        height: 500px;
    }

    .section_footer .social_media ul {
        float: none;
    }

    .sister_hotel {
        margin: auto;
        float: none;
    }

    .list_contentchild .amenities_home ul {
        column-count: 1;
    }

    .section_footer .col-xs-8 > ul {
        justify-content: center;
        display: flex;
    }

    .section_footer .col-xs-8 > ul:nth-child(1) {
        margin: 0 0 8px;
    }

    nav.nav_menu li {
        display: none;
    }

    nav.nav_menu li:nth-child(1) {
        display: block !important;
    }

    .menu_mobile {
        display: block;
        right: 50px;
    }

    .book_stay .btn_moredetails {
        margin: 0;
    }

    .book_stay {
        display: block;
        padding: 0 55px 0 0;
        line-height: 60px;
    }

    .scroll_menu .book_stay {
        line-height: 70px;
    }

    .book_stay li:nth-last-child(1) {
        display: block;
    }

    .menu-footer {
        float: none;
        width: 100%;
        text-align: center;
    }

    .section_footer .menu-footer ul:nth-child(2) {
        float: none;
    }

    .section_footer .menu-footer ul {
        display: inline-block;
    }

    .navbar_fix li:before {
        top: 10px;
        bottom: auto;
    }

    .row_contactus .col-xs-3 {
        padding: 0 5px;
    }

    .box_contactus {
        padding: 30px 10px;
    }

    .social_media {
        margin: 30px 0 0;
    }

    .section_footer .menu-footer ul li:last-child {
        border-right: 1px solid #ffffff33;
    }

    .section_footer .menu-footer ul:nth-child(2) li:last-child {
        border: none;
    }

    .section_footer .menu-footer ul:nth-child(2) li:nth-child(1) {
        padding: 0 7px;
    }

    .section_reservation {
        display: none;
    }
    .section_accommodation .col-xs-8 {
        width: 100%;
    }

    .section_contentchild .col-xs-6 {
        width: 100%;
    }
    .section_contentchild .amenities_home {
        margin-top: 15px;
        padding-left: 0;
    }
}

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

    .overlay_menu {
        padding: 70px 30px 30px !important;
    }

    .navbar_fix {
        padding: 0 !important;
        margin: 0;
        max-height: 500px;
        overflow: scroll;
    }

    .images_accommodation {
        height: 450px;
    }

    .section_footer {
        text-align: center;
    }

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

    .section_footer .col-xs-7 {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .section_footer ul {
        display: inline-block;
        margin: 0 auto;
        float: none;
    }

    .tab_header {
        padding: 0 30px;
    }

    .slideshow .slide .caption {
        padding: 0 30px;
    }

    .container {
        padding: 0 30px;
    }

    .navbar_fix li:before {
        top: 12px;
        bottom: auto;
    }

    .box_contentchild .row_promotion .col-xs-4 {
        width: 50%;
    }

    .details_contact .col-xs-7 {
        width: 100%;
        margin-bottom: 50px;
        padding: 0;
    }

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

    .nav_menu li:nth-child(1) {
        left: 30px;
    }

    .details_photo {
        padding-left: 30px;
    }

    .section_accommodation .col-xs-4 {
        padding-right: 30px;
    }

    .slide_accommodation .slick-arrow {
        top: 225px;
    }

    .main_menu.scroll_menu {
        height: 70px;
    }

    .scroll_mobile .button_container span {
        background: var(--second);
    }

    .menu_mobile.scroll_mobile {
        border-color: #6e3b1029;
    }

    .menu_mobile.scroll_mobile {
        top: 15px;
    }

    h1, h2, .section_tagline h2 {
        font-size: 26px;
    }

    .section_facilities:after {
        width: 60%;
    }

    .list_contentchild .col-xs-7 .col-xs-5 {
        display: none;
    }

    .list_contentchild .col-xs-7 .col-xs-7 .images_child img {
        height: 100%;
    }

    .section_contentchild p {
        width: 100%;
    }

    .section_offers_list:after {
        width: 60%;
    }

    .slideshow .slide .caption {
        width: 100%;
    }

    .main_menu {
        padding: 0 30px;
    }

    .zoom_images {
        left: auto;
        right: 30px;
    }

    .scroll_menu .book_stay .btn_moredetails {
        border: 1px solid #ffffff !important;
        background: #ffffff !important;
    }

    .menu_mobile.scroll_mobile {
        border: 1px solid #d1cba621 !important;
    }

    .scroll_mobile .button_container span {
        background: #FFFFFF !important;
    }

    .scroll_menu .nav_menu img {
        height: 69px;
    }

    .mobile-tabs .nav-item {
        display: none;
    }

    .mobile-tabs .nav-item.active {
        display: block;
    }

    .nav-tabs.mobile-tabs .nav-item.active > a:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #ffffff;
        position: absolute;
        left: auto;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: all 0.25s;
    }

    .mobile-tabs .nav-item {
        float: none;
    }

    .section_gallery .nav {
        width: 100%;
        text-align: left;
    }

    .section_gallery .nav li {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }

    .section_gallery .nav a {
        padding: 10px 20px;
    }

    .box_contentchild .list_contentchild:nth-child(even) .details_child {
        padding: 50px 30px 0 0;
    }

    .tab_header {
        z-index: 8;
    }

    .tab_header.z_index {
        z-index: inherit;
    }

    .menu_mobile {
        right: 30px;
    }

    .section_description {
        height: 500px;
    }

    .slideshow .arrows .next {
        right: 46px;
    }

    .arrows:before {
        right: 79px;
    }

    .section_offers_info .amenities_home li {
        width: 100%;
    }
}

@media (max-width: 820px) {

    .section_description {
        height: auto;
    }

    .section_description .col-xs-6 {
        width: 100%;
        margin: 50px 0;
    }

    .details_description {
        height: auto !important;
        padding: 0;
    }

    .section_description .col-xs-6:nth-last-child(1) {
        margin: 0;
    }

    .details_accommodation {
        height: auto !important;
    }

    .section_accommodation .col-xs-4 {
        width: 100%;
        margin-bottom: 50px;
        padding-right: 0;
    }



    .section_contentchild .amenities_home {
        padding-left: 0;
        margin-top: 15px;
    }

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

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

    .details_child {
        height: auto !important;
        padding: 30px 0 0 !important;
    }

    .images_child {
        height: 350px;
    }

    .list_contentchild .amenities_home li {
        width: 50%;
    }

    .description_facilities ul {
        padding: 0;
    }

    .box_contactus h3 {
        font-size: 20px;
    }

    .button_lang .lang_parent.lang_th {
        left: -5px;
    }

    .row_contactus .col-xs-3 {
        width: 50%;
        padding: 15px 5px;
    }

    .row_contactus {
        margin: 30px 0;
    }

    .box_contentchild .list_contentchild:nth-child(odd):before {
        width: 60%;
    }

    table {
        width: 100% !important;
    }

    .slide_photoinfo .slick-arrow,
    .slide_photoinfo_fac .slick-arrow {
        top: 158px;
    }

    .details_description .amenities_home li,
    .section_offers_info .amenities_home li {
        width: 50%;
    }

    .section_gallery .nav {
        margin: 0 auto 30px auto;
    }

    .section_locationmap iframe {
        z-index: -1;
        position: relative;
    }
    .section_sitemap .col-xs-4,
    .section_sitemap .col-xs-8 {
        width: 100%;
    }
    .section_sitemap .col-xs-8 {
        padding: 50px 0 0;
    }

}

@media screen and (max-width: 768px) {
    .section_footer .col-xs-8 {
        margin-top: 0;
    }

    .contact_header label {
        display: none;
    }

    .slideshow .slide-content .text {
        font-size: 40px;
    }

    .amenities_home li {
        width: 50%;
    }

    .section_tagline p, .section_contentchild p {
        width: 100%;
    }

    .button_lang:hover .lang_parent {
        opacity: 0 !important;
    }

    .button_lang .lang_parent.active {
        opacity: 1 !important;
        transform: translateY(0);
        pointer-events: auto;
        z-index: 2;
    }

    .slide_icon .slick-prev {
        left: -50px;
    }

    .slide_icon .slick-next {
        right: -50px;
    }

    .row_contactus .col-xs-4 {
        width: 50%;
        float: none;
        margin: 0 auto 50px;
        padding: 0;
    }

    .row_contactus .col-xs-4:nth-last-child(1) {
        margin-bottom: 0;
    }

    .images_contact {
        margin: -50px auto 20px auto;
    }

    .box_contactus {
        text-align: center;
        min-height: 120px;
    }

    .tab_header ul:nth-last-child(1) {
        float: left;
    }

    .box_lang {
        float: right;
    }

    .contact_header li:nth-child(1) {
        padding-left: 0;
    }

    .tab-content ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .images_description h2 {
        color: var(--second);
    }

    .section_accommodation:after {
        width: 70%;
    }

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

    .details_photo {
        height: auto !important;
        padding: 0 0 50px;
    }

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

    .section_facilities:after {
        width: 70%;
    }

    .box_contentinfo.box_contentchild .list_contentchild:nth-child(odd):before {
        width: 60%;
    }

    .section_sitemap .col-xs-4 {
        width: 100%;
    }

    .section_sitemap .col-xs-8 {
        width: 100%;
        margin-top: 50px;
    }

    .cnt223 {
        width: 80%;
    }

    .box_contentinfo_offers .parallax_scroll {
        display: initial;
    }

    .box_contentinfo_offers .col-xs-7 {
        padding: 50px 0 0 0;
        width: 100%;
    }

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

    .section_offers {
        padding: 50px 0;
    }

    .section_sitemap:before {
        width: 60%;
    }

    .page_cookingclass table td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        clear: both
    }

    .section_sitemap .col-xs-8 {
        padding: 0;
    }

    .button_lang .lang_parent {
        left: -30px;
    }

    .section_footer .menu-footer ul li:last-child {
        border: none;
    }

    .section_footer .menu-footer ul:nth-child(2) li:nth-child(1) {
        padding-left: 0;
    }

    .button_lang .lang_parent {
        left: -6px;
    }

    .menu-footer {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .nav_menu li:nth-child(1) {
        width: 130px;
    }

    .overlay_menu.open {
        width: 100%;
    }

    .slideshow .slide-content .text, .section_tagline h2 {
        font-size: 30px;
    }

    .images_description {
        height: 400px;
    }

    h1, .section_footer h2 {
        font-size: 26px;
    }

    .amenities_home li {
        width: 50%;
    }

    .section_accommodation .col-xs-8 {
        width: 100%;
    }

    .section_tagline p {
        width: 100%;
    }

    .images_accommodation {
        height: 350px;
    }

    .section_footer ul,
    .section_footer .col-xs-8 > ul {
        display: none;
    }

    .social_media ul {
        display: inline-block;
    }

    .social_media {
        margin: 0 0 10px;
    }

    .btn_moredetails {
        padding: 13px 15px;
    }

    .icon_facilities {
        padding: 50px 30px;
    }

    .description_facilities ul {
        padding: 0;
        columns: 1;
    }

    .box_contentinfo li:before {
        width: 25px;
        height: 25px;
    }

    .box_contentinfo li {
        padding: 10px 10px 10px 30px !important;
    }

    .images_description {
        height: 350px;
    }

    h2 {
        font-size: 26px;
    }

    .details_description h1 > label {
        display: inline;
    }

    .slideshow .slide-content .title {
        font-size: 16px;
    }

    .box_contentchild .row_promotion .col-xs-4 {
        width: 100%;
    }

    .details_description .amenities_home li, .section_info .amenities_home li,
    .amenities_home li, .list_contentchild .amenities_home li,
    .section_offers_info .amenities_home li {
        width: 100%;
    }

    .amenities_home li:nth-last-child(1) {
        padding-bottom: 0;
    }

    .details_contact iframe {
        height: 350px;
    }

    .tab-content ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .images_offers, .images_facilities {
        height: 350px;
    }

    .section_offers_list:before, .section_gallery:before, .section_sitemap:after, .section_contect_info:before, .section_accommodation:before, .section_facilities:before, .box_contentchild .list_contentchild:nth-child(odd):after {
        width: 400px;
        height: 400px;
    }

    .section_sitemap:before {
        height: 100%;
        width: 70%;
    }

    .section_sitemap .col-xs-8 li:nth-child(1) .images_photo, .section_sitemap .col-xs-8 li:nth-last-child(1) .images_photo, .section_contect_info .images_photo, .section_tagline li:nth-child(1) .images_photo, .section_tagline li:nth-last-child(1) .images_photo {
        height: 200px;
    }

    .section_sitemap .col-xs-8 li:nth-child(2) .images_photo, .section_sitemap .col-xs-8 li:nth-child(3) .images_photo, .section_contect_info .col-xs-7 li:nth-child(2) .images_photo, .section_contect_info li:nth-child(3) .images_photo, .section_tagline li:nth-child(2) .images_photo, .section_tagline li:nth-child(3) .images_photo {
        height: 120px;
    }

    .row_contactus .col-xs-4 {
        width: 100%;
    }

    .details_contact .col-xs-5 h3 {
        font-size: 24px;
    }

    .section_contect_info:after {
        content: none;
    }

    .slideshow .slide .caption {
        width: 100%;
    }

    .slide_photoinfo .slick-arrow {
        top: 150px;
    }

    .slide_photoinfo_fac .slick-arrow {
        top: 140px;
    }

    .box_contentinfo.box_contentchild .list_contentchild:nth-child(odd):before {
        width: 100%;
    }

    .slideshow .slide-content .text > label {
        display: inline;
    }

    .section_description .col-xs-6 {
        margin: 0 0 50px 0;
    }

    .slide_accommodation .slick-arrow {
        top: 150px;
    }

    .section_locationmap iframe {
        height: 350px;
    }

    .social_media {
        margin: 30px 0 0;
    }

    .section_footer .col-xs-8 {
        margin: 0;
    }

    .sister_hotel {
        padding: 30px 0;
    }

    .box_contentinfo li:before, .description_facilities ul li:before {
        top: 8px;
    }

    .row_contactus .col-xs-3 {
        width: 100%;
        padding: 15px 5px;
    }

    .box_contactus {
        font-size: 14px;
        min-height: auto;
    }

    .sister_hotel {
        width: 80%;
    }

    .images_child {
        height: 350px;
    }
}

@media screen and (max-width: 375px) {
    .images_description, .images_offers, .images_accommodation, .images_facilities, .images_child,
    .section_locationmap iframe {
        height: 300px;
    }

    .amenities_home li {
        width: 100%;
    }

    .nav_menu li:nth-child(1) {
        width: 100px;
    }

    .details_contact iframe {
        height: 300px;
    }

    .arrows:before {
        font-size: 12px;
    }

    .slideshow .arrows .prev {
        right: 190px;
    }

    .slideshow .slide-content .text, .section_tagline h2 {
        font-size: 26px;
    }

    .slideshow .slide-content .title {
        font-size: 14px;
    }

    .social_media .images_icon {
        width: 30px;
        height: 30px;
    }

    .box_contactus a {
        word-wrap: break-word;
    }

    .tab_header .images_icon {
        width: 15px;
        height: 15px;
    }

    .navbar_fix {
        max-height: 450px;
    }

    table {
        font-size: 12px;
    }

    .details_child h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 320px) {
    .box_contentinfo .images_child, .images_child {
        height: 250px;
    }

    .slide_photoinfo .slick-arrow {
        top: 100px;
    }

    .section_info.section_infofac .amenities_home li {
        display: flex;
    }

    .sister_hotel img {
        height: 32px;
    }

    .nav_menu img {
        height: 70px;
    }

    .slideshow .slide-content {
        padding-top: 70px;
    }

}

@media (max-height: 450px) {
    .navbar_fix {
        max-height: 330px;
    }
}