@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (max-width: 1440px){
    .detail_pop {
        width: 400px;
    }
}
@media (max-width: 1366px) {
    .reservation .col-4.large_box {
        padding: 20px;
    }
    .online_reservation {
        width: 45%;
    }
    .reservation .title img {
        width: 50px;
    }
}
@media (max-width: 1280px){
    section .container, .section_footer .container {
        max-width: 100%;
        padding: 0 100px !important;
    }
    .online_reservation {
        width: 50%;
    }
    .section_facilities {
        padding: 0;
    }
    .slide_facilities .slick-list {
        width: 375px;
    }
    .slide_facilities .box_facilities {
        height: 400px;
    }
    .slide_offers .box_images{
        height: 350px;
    }
    .amenity-list {
        width: 100%;
    }
}
@media (max-width: 1200px){

    .slide_facilities .slick-list {
        width: 350px;
    }
    .content_gallery .box_images {
        height: 400px;
    }

}
@media (max-height: 600px) {
    .detail_pop {
        width: 300px;
    }
    .c_popup {
        width: 40px;
        height: 40px;
        right: -20px;
    }
    .c_popup img {
        height: 15px;
    }
}
@media (max-width: 1024px){
    /* Header */
    .box_booknow,.main_menu {
        display: none;
    }
    .menu_mobile, .nav_booknow_mobile {
        display: block;
    }
    .hamburger.active label {
        display: none;
    }
    .hamburger.active {
        position: absolute;
        right: 25px;
        width: 50px;
        height: 35px;
    }
    .scroll_menu .menu_mobile .hamburger.active {
        right: 30px;
        top: 50px;
    }
    .scroll_menu .box_logo img {
        width: 75px;
    }
    .scroll_menu .box_logo {
        padding: 6px 30px;
    }

    section .container, .section_footer .container {
        padding: 0 50px !important;
    }
    section {
        overflow: hidden;
    }
    .online_reservation {
        padding: 100px 50px;
    }
    .reservation .title img {
        width: 50px;
    }
    .slide-detail {
        padding: 0 50px;
    }
    .swiper-button-next,.slide-social {
        right: 50px;
    }
    .swiper-button-prev {
        left: 50px;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 50px;
    }
    .slide_offers .slide:hover .btn_style1::before {
        width: 100%;
    }

    .slide_offers .slide .text_offers {
        bottom: 0;
    }
    .text_offers .tagline_offers, .text_offers .btn_style1 {
        opacity: 1;
    }
    .slide_facilities .slick-list {
        width: 500px;
    }
    .section_facilities .content {
        overflow: inherit;
    }
    .slide_facilities .slick-slide.slick-active {
        width: 500px;
    }
    .section_bg.home {
        height: 60%;
    }
    .images_icon {
        width: 40px;
        height: 40px;
    }
    .amenity-item {
        width: calc(20% - 2%);
        margin: 0 2.5% 0 0;
    }
    .amenity-item:nth-child(5n) {
        margin-right: 0;
    }
    .amenity-item:nth-child(6n) {
        margin-right: 2.5%;
    }
    .amenity-set {
        min-height: 100px;
    }
    .section_info .section_bg.bg_haft:after {
        height: 250px;
    }
    .form_contact {
        width: 100%;
    }
    .section_footer .box_contact {
        padding: 0 20px 0 0;
    }
    .copyright {
        font-size: 12px;
    }
    .box_social .social {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .section_footer .col-lg-5 {
        width: 36.666667%;
    }
    .section_footer .quicklink {
        width: 46.666667%;
    }
}
@media (max-width: 991px){
    .c_popup {
        padding: 14px;
    }
    .c_popup img {
        vertical-align: revert;
    }
    .cursor, #custom-cursor {
        display: none;
    }
    section .container, .section_footer .container {
        padding: 0 30px !important;
    }
    .content, .home .section_footer .content, .section_contentchild .list_contentchild  {
        padding: 50px 0;
    }
    .thai_lang .slide-main-heading {
        line-height: normal;
    }
    .slide_offers,
    .slide_infophotos {
        margin-bottom: 50px;
    }
    .content_gallery {
        padding-top: 50px;
    }
    .slide-main-heading {
        font-size: 40px;
    }

    /*.section_accommodations .content {*/
    /*    width: 80%;*/
    /*    margin: auto;*/
    /*}*/
    .section_contentchild .box_child .box_content p {
        -webkit-line-clamp: 2;
        line-height: normal;
    }
    .contact_info span {
        display: none;
    }
    .section_accommodations .col-12 {
        text-align: center !important;
    }
    /*.form_contact .row {*/
    /*    padding-left: 0;*/
    /*    padding-right: 0;*/
    /*}*/

    /* FOOTER */
    .section_footer .content {
        text-align: center;
    }
    .quick_link li {
        width: auto;
        margin: 0 5px;
    }
    .section_footer .contact_footer .col-12 {
        margin-bottom: 30px;
    }
    .section_footer .contact_footer .col-12:last-child {
        margin-bottom: 0;
    }
    .section_footer .box_contact {
        padding: 0;
    }
    .quicklink {
        display: none;
    }
    .section_footer .col-lg-5, .section_footer .quicklink {
        width: 100%;
    }
    .copyright {
        text-align: center !important;
    }
    .copyright .hoteliers {
        float: inherit;
    }
}
@media (max-width: 820px){
    .box_descriptions {
        width: 100%;
    }

    .section_contentchild .box_child .box_images_content.box_images_offers {
        height: auto;
    }
    .amenity-item {
        width: calc(25% - 2%);
        margin: 0 2.6% 20px 0;
    }
    .amenity-item:nth-child(4n) {
        margin-right: 0;
    }
    .amenity-item:nth-child(5n) {
        margin-right: 2.6%;
    }
    .amenity-item:nth-child(6n) {
        margin-right: 2.5%;
    }
    .box_gallery.box_images {
        height: 300px;
    }
}
@media (max-width: 768px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    .text_facilities h3 {
        font-size: 24px;
    }
    .slide-main-heading {
        font-size: 30px;
    }
    .text_facilities,.slide_facilities .box_facilities::before {
        left: 0;
    }
    .text_offers {
        bottom: 0;
    }
    .text_offers .tagline_offers, .text_offers .btn_style1 {
        opacity: 1;
    }
    .contact-set {
        height: 140px;
    }
}
@media (max-width: 600px){
    .detail_pop {
        width: 300px;
    }
    .c_popup img {
        width: 20px;
    }
    .d_popup {
        max-height: 620px;
    }
    .box_descriptions h1 span {
        display: inline;
    }
    .slider-wrap {
        height: 94vh;
    }
    .col_right.guarantee {
        display: none;
    }
    .slide-detail {
        padding: 0 30px;
    }
    section .container, .section_footer .container {
        padding: 0 30px !important;
    }
    .slide-social {
        display: none;
    }
    .quicklink, .swiper-button-prev, .swiper-button-next {
        display: none;
    }
    .overlay_menu {
        width: 100%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
    .reservation_box_mobile {
        display: block;
    }
    /* Mobile Header */
    .scroll_menu .box_logo {
        border-right: none;
    }
    .main-header .container {
        padding: 0;
    }
    .menu_mobile {
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px 30px;
    }
    .box_logo {
        padding: 15px 30px;
    }
    .bar_hamburger {
        width: 25px;
    }
    .telmail {
        display: none;
    }
    .col_right {
        width: 100%;
    }
    .col_right .btn_style2 {
        width: 100%;
        text-align: center;
    }

    .nav_booknow_mobile {
        display: none;
    }
    /*.lang_parent:before {*/
    /*    right: 15px;*/
    /*}*/
    .box_lang:hover .lang_parent {
        opacity: 0 !important;
    }
    .box_lang .lang_parent.active {
        opacity: 1 !important;
    }
    .lang_parent.active {
        line-height: normal;
    }
    .top_bar {
        border-bottom: none;
        line-height: 51px;
    }
    .box_logo img {
        width: 100px;
    }
    .main-header .container {
        padding: 0 !important;
    }
    .navbar_fix {
        padding: 0 30px !important;
    }
    .hamburger.active {
        right: 5px !important;
    }
    .scroll_menu .menu_mobile .hamburger.active {
        top: 25px;
        left: 0;
    }
    .scroll_menumobile {
        margin-top: 100px;
    }
    .scroll_menu .menu_mobile {
        top: 0;
        padding: 0 30px;
    }
    .contact_info li {
        width: 125%;
        text-align: center;
    }
    .section_accommodations .content {
        width: 100%;
    }
    .slide_offers .slick-slide,
    .slide_accommodation .slick-slide,
    .slide_infophotos .slick-slide {
        margin-top: 0 !important;
    }
    .slide_facilities .slick-list {
        width: 100%;
    }
    .section_facilities .content {
        overflow: hidden;
    }
    .slide_facilities .slick-slide {
        padding: 0;
    }
    .slide_accommodation .slide:nth-child(even) {
        margin-top: 0;
    }
    .amenity-item {
        width: calc(50% - 3%);
        margin: 0 6% 20px 0;
    }
    .amenity-item:nth-child(5n) {
        margin-right: 6%;
    }
    .amenity-item:nth-child(2n) {
        margin-right: 0;
    }
    .overlay_menu ul li a {
        font-size: 16px;
    }

    .section_contentchild .list_contentchild:before {
        width: 100%;
    }
    .section_contentchild .box_child {
        display: flow-root;
    }
    .section_contentchild .box_child .box_content,
    .section_contentchild .list_contentchild:nth-child(even) .box_child .box_content,
    .section_contentchild .box_child.box_child_contact .box_content {
        padding: 30px 0 0;
    }
    .section_other .col-12 {
        text-align: center !important;
    }
    .slide_infophotos .slick-arrow {
        display: inline-block !important;
        border-radius: 100%;
        width: 40px;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        background: rgb(255 255 255 / 25%);
        bottom: 43px;
    }
    .slide_infophotos .slick-next {
        right: -20px;
    }
    .slide_infophotos .slick-prev {
        left: -20px;
    }
    .slide_infophotos .slick-next svg, .slide_infophotos .slick-prev svg {
        position: relative;
        top: -2px;
    }
    .slide_infophotos .slick-arrow:hover {
        background: rgb(255 255 255 / 25%);
        color: #ffffff;
    }
    .section_info .section_bg.bg_haft:after {
        height: 200px;
    }
    .contact-set {
        height: auto;
    }
    .section_contentchild .box_child .big_image {
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }
    .section_contentchild .box_child .box_images_content,
    .section_contentchild .box_child .box_images_content.box_images_contact {
        height: 350px;
    }
    .box_gallery .text_gallery p {
        opacity: 1;
    }
    .sitemap_list {
        padding-left: 0;
        padding-top: 25px;
    }
    /* FOOTER */
    .content_gallery {
        padding-top: 0;
    }
    .content_gallery .box_images {
        height: 200px;
    }
    .content_gallery .col-sm-3:last-child .box_images {
        float: right;
    }
    .content_gallery .box_images.small_image img {
        padding-top: 0;
    }
    .content_gallery .box_content_gallery {
        padding: 50px 30px;
    }
    .copyright {
        margin-bottom: 60px;
    }
}
@media (max-height: 500px){
    .detail_pop {
        width: 190px;
    }
    .detail_pop .slick-dots {
        padding: 10px 0 0;
    }
    .scroll_menumobile {
        height: 220px;
        margin-top: 100px;
    }
    .slide-social {
        display: none;
    }
    .amenity-list {
        width: 100%;
    }
    section .container, .section_footer .container {
        padding: 0 30px !important;
    }
    .slide-detail {
        padding: 0 30px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
    .slide-main-heading {
        font-size: 25px;
    }

}
@media (max-width: 414px){
    .d_popup {
        max-height: 550px;
    }
    .contact_info li {
        width: 110%;
    }
    .reservation_box_mobile [class*=col-] {
        height: 50px;
    }
}
@media (max-width: 393px){
    .detail_pop {
        width: 250px;
    }
    .d_popup {
        max-height: 482px;
    }
    .box_logo img {
        width: 90px;
    }
    .top_bar {
        line-height: 46px;
    }
    .contact_info li {
        width: 100%;
    }
    .hamburger {
        line-height: inherit;
    }
    .scroll_menu .menu_mobile .hamburger {
        line-height: 50px;
    }
    h1 {
        font-size: 28px;
    }
    h2, .slide-main-heading {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    .copyright {
        margin-bottom: 50px;
    }
}
@media (max-height: 390px){
}
@media (max-width: 375px){
    .slide_offers .box_images,
    .box_accommodation,
    .box_gallery.box_images,
    .section_contentchild .box_child .box_images_content,
    .section_contentchild .box_child .box_images_content.box_images_contact {
        height: 300px;
    }
    .slide_facilities .box_facilities {
        height: 350px;
    }
    .contact_info li {
        padding: 15px 20px;
    }
    .section_contentchild .box_child .small_image {
        height: 180px !important;
        width: 180px;
    }
}
@media (max-width: 360px){
    .d_popup {
        max-height: 372px;
    }
    .box_logo img {
        width: 80px;
    }
    .top_bar {
        line-height: 41px;
    }
}
@media (max-width: 350px){
    .detail_pop {
        width: 200px;
    }
    .slider-wrap {
        height: 91vh;
    }
    h1 {
        font-size: 24px;
    }
    .slide-detail, .hamburger label {
        display: none;
    }
    .hamburger {
        width: 25px;
    }
    .box_logo img {
        width: 83px;
    }
    .hamburger.active {
        right: 30px !important;
        width: 25px;
    }
    .section_contentchild .box_child .box_images_content,
    .section_contentchild .box_child .box_images_content.box_images_contact {
        height: 250px;
    }
    .section_contentchild .box_child .big_image {
        overflow: hidden;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }
    .section_contentchild .box_child .small_image {
        height: 150px !important;
        width: 150px;
    }
}
@media (max-height: 320px){
    .detail_pop {
        width: 160px;
    }
    .slider-wrap {
        height: 87vh;
    }
    .scroll_menumobile {
        margin-top: 80px;
        overflow-y: scroll;
        height: 200px;
    }
    .box_logo img {
        width: 80px;
    }
    .top_bar {
        line-height: 40px;
    }
    .menu_mobile {
        padding: 10px 30px;
    }
    .slide-detail {
        display: none;
    }
    .reservation_box_mobile [class*=col-] {
        height: 45px;
    }
    .section_contentchild .box_child .small_image {
        width: 230px;
    }
    .copyright {
        margin-bottom: 45px;
    }
    .contact_info li {
        text-align: center;
        width: 185%;
    }
}