section .container,footer .container {
    width: 1300px;
}
.main-header .container{
    padding: 0 50px !important;
}
.container {
    width: 100%;
    padding: 0 50px !important;
}
@media (max-width: 1440px){
    .main-menu .navigation>li {
        margin: 0 5px;
    }
    .section_offers.pagechild_offers .slick-slide.slick-current.slick-active .box_image {
        height: 350px;
    }
    .section_offers.pagechild_offers .slide_offers .box_image {
        height: 350px;
    }
    .section_offers.pagechild_offers .button_style_3 {
        right: 25px;
    }
    .section_facilities .slide_facilities .details_rooms .box_image {
        height: 300px;
    }
    .offers_list .box_details h3 {
        width: 70%;
    }
}
@media (max-height: 600px){
    .section_reservation {
        bottom: 80px;
    }
    .reservation-box {
        width: 270px;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 80px;
    }
    .swiper-slide .text-swiper {
        bottom: 130px;
    }
    .section_reservation .col-xs-12:nth-child(1) {
        display: none;
    }
    .section_reservation .col-xs-12.t-datepicker {
        padding-top: 0;
    }
    .t-day-check-in, .t-day-check-out {
        font-size: 35px;
    }
    .section_offers.pagechild_offers .slick-slide.slick-current.slick-active .box_image {
        height: 250px;
    }
    .detail_pop {
        width: 450px !important;
    }
}
@media (max-width: 1280px){
    section .container, footer .container {
        width: 100%;
    }
    #cycle-nav {
        right: 100px;
    }
    .section_facilities .slide_facilities .details_rooms .box_image {
        height: 250px;
    }
    .section_facilities .slide_facilities .details_rooms {
        padding: 0 70px;
        height: 600px;
    }

    .tab-content .col-xs-4, .tab-content .col-xs-4 .img-responsive {
        height: 350px;
    }
    .section_descriptions .box_details .wingone {
        padding-left: 100px;
    }
    .section_amenities.baywing:after,
    .section_amenities.waterwing:after {
        right: 50px;
    }
    .offers_list .box_image {
        height: 250px;
    }

}
@media (max-width: 1200px){
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    .text-swiper .title {
        font-size: 32px;
    }
    .box_child.box_child_offers .details {
        margin: 25px 0;
    }
    .promotion_list {
        display: inline-block;
        margin-top: 100px;
    }
    .section_offers.pagechild_offers .slick-slide.slick-current.slick-active .box_image,
    .section_offers.pagechild_offers .slide_offers .box_image {
        height: 250px;
    }
    .wing-img-one {
        margin-left: 115px;
    }
    .wing-img-two {
        margin-left: 205px;
    }
    .elementor_shape {
        top: -35px;
    }
    .section_offers {
        height: 850px;
    }
}
@media (max-width: 1100px){
    .main-menu .navigation>li {
        display: none;
    }
    .main-menu .navigation>li.nav_top,
    .menu_mobile {
        display: block;
    }
    .main-menu .navigation>li:last-child {
        margin-right: 20px;
    }
    .scroll_menu .main-menu .menu_mobile {
        margin-top: 15px;
    }
    .slide_review {
        width: 100%;
        padding: 0 100px;
        display: inline-block;
    }
    .slide_review .slick-arrow.slick-next {
        right: 0;
    }
    .slide_review .slick-arrow.slick-prev {
        left: 0;
    }
    .wing-img-one {
        margin-left: 80px;
    }
    .wing-img-two {
        margin-left: 180px;
    }
}
@media (max-width: 1024px){
    .tab-content .col-xs-4, .tab-content .col-xs-4 .img-responsive {
        height: 250px;
    }
    .sister_hotel  .container {
        padding: 0 !important;
    }
    .container {
        padding: 0 50px !important;
    }
    .scroll_menu.tab_header .nav_top {
        padding: 15px 0 0;
    }
    .button_container.active span:nth-of-type(3) {
        top: 21px;
    }
    .contact_header i {
        font-size: 16px;
        vertical-align: middle;
    }
    i.icon-telephone {
        font-size: 14px;
    }
    .main-menu .navigation>li {
        margin: 0 5px;
    }
    .main-menu .navigation>li:last-child {
        margin-right: 10px;
    }
    .fix_body .scroll_menu {
        background: var(--main-color);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .fix_body .main-header.tab_header.scroll_menu .col-sm-2 {
        z-index: -1;
    }
    .main-header .container{
        padding: 0 50px !important;
    }
    .navbar_fix {
        padding: 0 50px !important;
    }
    #cycle-nav {
        right: 50px;
    }
    .box_menu {
        padding: 0 30px;
        height: 65px;
    }
    .section_facilities .slide_facilities .details_rooms .box_image {
        height: 200px;
    }
    .none {
        display: none;
    }
    .section_descriptions .box_details .wingone {
        padding-left: 50px;
    }
    .section_amenities .box_details.room_detail ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .box_details.room_detail ul {
        grid-template-columns: 1fr;
    }
    .content_stick .sidebar {
        width: 100%;
        height: auto;
    }
    .sidebar.is_stuck {
        position: relative !important;
        padding: 0;
        top: 0 !important;
    }
    .content_stick .main {
        overflow: initial;
        height: auto;
        display: inline-block;
    }
    .section_offers.pagechild_offers .slick-slide.slick-current.slick-active .box_image, .section_offers.pagechild_offers .slide_offers .box_image {
        height: 450px;
    }
    .button_style_3 {
        right: 25px !important;
    }
    .blog_list {
        grid-template-columns: 1fr 1fr;
    }
    .section_offers .slick-dots {
        display: flex !important;
    }
    .wing-img-one {
        margin-left: 65px;
    }
    .wing-img-two {
        margin-left: 160px;
    }
    .icon-pool {
        font-size: 20px;
    }
    .section_imageinfo .info_image.info_imagepool {
        height: 250px;
    }
    .slide_offers .box_details p {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .tab_box_image .box_image {
        width: 30% !important;
    }
    .tab_box_image .box_content {
        width: 70% !important;
    }
    .wave_footer {
        max-height: 85px;
    }
    .description {
        width: 100%;
    }
    .slider_photo img {
        height: 350px;
    }
    .box_concept {
        padding: 0;
    }
    .form_contact {
        width: 90%;
    }
    .col_3 {
        width: 50%;
    }
    .col_3:nth-child(2) {
        padding-top: 0;
    }
    .col_3:nth-child(3) {
        padding-top: 50px;
        width: 100%;
    }

    .box_content.text-left {
        text-align: center;
    }
    .box_video .info_image {
        height: 450px;
    }
    .text-letter {
        position: absolute;
        left: 84px;
        top: 75px;
    }
    .section_facilities .slide_facilities .details_rooms {
        height: 550px;
    }
}
@media (max-width: 991px){
    .section_offers {
        height: auto;
    }

    .c_popup {
        width: 50px;
        height: 50px;
        padding: 14px;
    }
    .c_popup img {
        vertical-align: revert;
    }
    section {
        overflow: hidden;
    }
    section.section_amenities {
        overflow: initial;
    }
    .btn_lang {
        font-size: 16px;
        vertical-align: middle;
    }
    .col-sm-3, .col-sm-4, .col-sm-6,.col-sm-7,.col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
        width: 100%;
    }
    .section_reservation {
        position: relative;
        right: 0;
        color: var(--body-color);
        top: 0;
        display: inline-block;
        height: 100%;
        width: 100%;
        padding: 0 50px;
    }
    .section_reservation .reservation-box {
        position: relative;
        padding: 80px 0 0 0;
        right: 0;
        width: 100%;
        background: none;
        backdrop-filter: none;
    }
    .section_reservation li:nth-child(1) {
        padding-right: 5px;
    }
    .reservation-box .col-xs-12:first-child {
        display: none;
    }
    .reservation-check select, .promocode input {
        color: var(--body-color) !important;
        padding: 0;
        line-height: 1.05;
    }
    p.text-ibe {
        color: #949494;
        font-size: 14px;
    }
    .reservation-box  .col-xs-12 {
        width: 25%;
        padding: 0 10px 0 0 !important;
    }
    .reservation-box .col-xs-12.input-promocode, #btn-booknow {
        padding: 0 !important;
    }
    .reservation-box .border-booking{
        border: 1px solid #dbdada;
        width: 100%;
        display: inline-block;
        padding: 10px 25px !important;
    }
    .section_reservation .col-xs-12.t-datepicker {
        width: 50%;
        display: flex;
    }
    .section_reservation .col-xs-12.t-datepicker .check-out {
        border-left : none;
    }
    .section_reservation .col-xs-12.t-datepicker .check-out:before {
        content: '';
        position: absolute;
        top: 0;
        background: #dbdada;
        left: -5px;
        width: 1px;
        height: 100%;
    }
    .t-check-in li, .t-check-out li {
        display: inline-flex;
    }
    .t-year-check-in,.t-year-check-out {
        padding-left: 5px;
    }
    .t-check-in, .t-check-out,.t-day-check-in,
    .t-day-check-out, .reservation-check select {
        font-size: 18px;
        line-height: 1.3;
    }
    .promocode input {
        font-size: 18px;
    }
    .section_reservation ul {
        line-height: 1.3;
    }
    .arrow-down {
        bottom: 2px;
    }
    .promocode ::placeholder,
    .promocode ::-webkit-input-placeholder,
    input[type="text"].input_promocode::-webkit-input-placeholder{
        color: var(--body-color);
    }
    #btn-booknow {
        width: 100%;
        margin-top: 10px;
    }
    .sitemap .col-sm-6 {
        width: 50%;
    }
    .section_offers .box_content {
        padding: 0 50px 50px 0;
        height: auto;
    }
    .section_offers .box_content {
        text-align: center;
        padding: 0 0 50px 0;
    }
    .text_line {
        height: 400px;
        left: -25px;
        top: 280px;
    }
    .thai_lang .text_line {
        height: 400px;
        left: -25px;
        top: 320px;
    }
    .button_style_1 {
        display: inline-block;
    }

    .section_accommodations .col-sm-12:first-child {
        text-align: center;
    }
    .box-rooms .tab_box .button_style_2 {
        display: block;
    }
    .section_accommodations .col-sm-6.right_column .box_details {
        padding-left: 0;
    }
    .section_accommodations .box-rooms .col-sm-6:first-child {
        display: none;
    }
    .box-rooms ul {
        padding: 0;
    }
    .tab_box_image .box_content p {
        margin-top: 15px;
    }
    .tab_box_image .box_image {
        width: 20% !important;
        height: 100% !important;
    }
    .tab_box_image .box_content {
        width: 80% !important;
    }
    .section_facilities .col-sm-6.right_column .box_details {
        padding-left: 0;
    }
    .section_facilities .col-sm-6 .box_details {
        text-align: center;
    }
    .section_facilities .slide_facilities .image_facilities {
        display: none;
    }
    .section_facilities .slide_facilities .details_rooms {
        height: auto;
    }
    .section_descriptions .box_image {
        width: 100% !important;
    }
    .section_facilities .slide_facilities .slide {
        grid-template-columns: 1fr;
    }
    .section_facilities .slide_facilities .details_rooms {
        padding: 100px 50px;
    }
    .section_facilities .slide_facilities .details_rooms .box_image {
        height: 400px;
        display: block;
    }
    .section_slide_facilities .details_facilities {
        width: 100%;
    }
    .next-arrow {
        right: -20px;
    }
    .prev-arrow {
        left: -20px;
    }
    .section_descriptions .box_details .wingtwo {
        padding-left: 50px;
    }
    .box-rooms .col-sm-6:nth-child(1), .box-rooms .image-hover-active figure {
        display: none;
    }
    .section_footer .col-sm-5 {
        width: 100%;
        padding-right: 0;
    }
    .section_footer .col-sm-4 {
        margin-top: 15px;
        font-size: 12px;
    }
    .rip-canvas {
        text-align: center;
        width: 100%;
        padding: 90px 0 30px;
    }
    .rip-canvas .box_social {
        margin-bottom: 15px;
    }
    .rip-canvas p:last-child {
        margin-bottom: 0;
    }
    .elementor_shape {
        top: -30px;
    }
    .section_detailscontentchild .col-sm-6:nth-child(1) {
        padding-right: 0;
    }
    .box_child .details {
        margin-top: 0;
    }
    .box_child .details:before {
        display: none;
    }
    .details {
        height: auto;
    }
    .section_detailscontentchild .col-sm-6:nth-child(2) {
        padding: 30px;
    }
    .section_detailscontentchild .col-sm-6.collapse {
        padding: 0;
    }
    .section_detailscontentchild .col-sm-6.map {
        padding: 50px 0 0;
    }
    .section_imageinfo .col-sm-3 {
        width: 33.33%;
    }
    .section_detailscontentchild .col-sm-6.box_details {
        height: auto;
        display: block;
    }
    .section_detailscontentchild .col-sm-6.box_details.location .tagline {
        text-align: center;
    }
    .section_descriptions.pool_bg.pageinfo:before {
        height: 250px;
    }
    .section_offers:after  {
        height: 100%;
    }
    .wing-img-one ,.wing-img-two{
        display: none !important;
    }
    .box_award li {
        display: block;
    }
    .card-header {
        padding-left: 0;
    }
    .info_gallery:hover .view_gallery_icon {
        opacity: 0;
    }
    .info_gallery:hover .text_gallery {
        opacity: 1;
        bottom: 30px;
    }
    .text_promotion {
        background: white;
        opacity: 1;
    }
    .text_promotion img {
        filter: opacity(0.5);
    }
    .promotion_list .offers_list{
        margin-top: 0;
    }
    .promotion_list h2 {
        display: none;
    }
    .content_stick .main {
        top: -120px;
    }
    .section_detailscontentchild .col-sm-6.box_details.location {
        padding-right:0;
    }
    .layout_waterwing {
        width: 190px;
        height: 134px;
        right: 12px;
        top: 6px;
    }
    .layout_baywing {
        width: 58px;
        height: 66px;
        left: 29px;
        bottom: 67px;
    }
    /******************/
    .pageaccommodation .box_intro_image:after {
        height: 80%;
    }
    .box_intro_image .text_gallery {
        opacity: 1;
    }
    .section_wing {
        padding: 50px 0 100px;
    }
    .box_concept .col_3:nth-child(3) {
        padding-top: 0;
    }
    .form_contact {
        width: 100%;
    }
    .form_contact .col-xs-6 {
        width: 100%;
    }
    .form_contact .col-xs-12, .form_contact .col-xs-6 {
        padding: 10px 0;
    }
}
@media (max-width: 950px) {
    .box_details.wing {
        display: none !important;
    }
}
@media (max-width: 820px){
    section, .section_facilities .parallax,
    .section_descriptions,
    .section_detailscontentchild.bg_color,
    section.section_descriptions.section_privacy_policy,
    .section_descriptions.pageaccommodation {
        padding: 50px 0;
    }
    .section_wing {
        display: none
    }
    .scroll_menu.tab_header .nav_top {
        padding: 15px 0 0;
    }
    .airport_transfer_list,.sister_hotel.home {
        margin-top: 50px;
    }
    .section_facilities .slide_facilities .details_rooms,
    .side_stuck {
        padding: 50px;
    }
    .section_descriptions.main {
        padding: 0 0 50px;
    }
    .section_facilities .slide_facilities .details_rooms .box_image img {
        padding: 0;
    }
    .section_slide_facilities .details_facilities {
        padding: 0;
    }
    .box_child {
        margin-bottom: 50px;
    }
    .brand-logo img {
        height: 40px;
    }
    .section_footer {
        padding: 50px 0 0;
    }
    .swiper-container {
        height: 50vh;
    }
    .section_imageinfo {
        padding: 0 0 50px;
    }
    .section_aboutus .col-sm-6 {
        width: 100%;
    }
    .section_aboutus .box_image.small {
        height: 400px;
        margin: 30px 0;
    }
    .section_detailscontentchild .box_image,.section_imageinfo .info_image, .section_offers .slide_offers .box_image {
        height: 400px;
    }
    .section_aboutus .box_image.large {
        display: none;
    }
    .section_aboutus .col-sm-6.right_column {
        padding-left: 0;
    }
    .section_aboutus .box_content:first-child {
        text-align: center !important;
    }
    .section_aboutus .right_column .box_content {
        padding-bottom: 0;
    }
    .box_instagram .box_image {
        height: 150px;
    }
    .sister_hotel {
        margin-bottom: 80px;
    }
    .waves {
        top: -80px;
    }
    .text-swiper .title {
        font-size: 25px;
    }
    .section_descriptions .box_details .wingtwo,
    .section_descriptions .box_details .wingone {
        padding-left: 0;
    }
    .section_amenities .box_details.room_detail ul {
        grid-template-columns: 1fr 1fr;
    }
    .tab-content ul {
        grid-template-columns: 1fr 1fr;
    }
    .section_detailscontentchild.bg_color {
        padding: 50px 0;
    }
    .box_award ul {
        grid-template-columns: 1fr;
    }
    .box_award li {
        display: flex;
    }
    .section_gallery {
        padding-bottom: 50px;
    }
    .text_gallery {
        bottom: 30px;
    }
    .slide_offers .box_image:hover,.thai_lang .slide_offers .box_image:hover {
        cursor: default;
    }
    .promotion_list {
        margin-top: 50px;
    }
    .content_stick .main {
        top: -90px;
    }
    .slider_photo .item:after {
        height: 50%;
    }
    .slider_photo .item .text_gallery {
        opacity: 1;
    }
    .book_mobile.show {
        opacity: 1;
        pointer-events: auto;
    }
    footer {
        margin-bottom: 50px;
    }
    .pageaccommodation .col_3:nth-child(1):after {
        font-size: 35px;
        top: 50px;
    }
    .pageaccommodation .col_3:nth-child(2):after {
        font-size: 35px;
        bottom: 10px;
    }
    .thai_lang .pageaccommodation .col_3:nth-child(2):after {
        bottom: 10px;
    }
    .col_50 {
        width: 100%;
        height: 450px;
    }
    .col_50 .box_info_image:nth-child(2) {
        width: 250px;
        height: 250px;
    }
    .col_50:nth-child(2) {
        height: auto;
        margin-top: 50px;
    }
    .col_50 .box_info_image:nth-child(1):after {
        font-size: 45px;
        top: 0;
    }
    .thai_lang .col_50 .box_info_image:nth-child(1):after {
        top: 0;
    }
    .section_concept .description {
        padding: 50px 0;
    }
    .section_concept .pageinfo.parallax {
        height: 360px;
    }
    .section_concept {
        padding-bottom: 50px;
    }
    .room_details.room_details_inline > div {
        padding: 5px 10px;
        display: inline-block;
    }
}
@media (max-width: 768px) {
    .waves {
        top: -40px;
    }
    .swiper-slide .text-swiper {
        width: 100%;
        bottom: 100px;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 50px;
    }
}
@media (max-width: 600px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 18px;
    }
    .container {
        padding: 0 30px !important;
    }
    .main-header .col-sm-2 {
        position: absolute;
        /*z-index: -1;*/
    }
    .scroll_menu .brand-logo {
        padding: 12px 0 0;
    }
    .brand-logo {
        margin-top: 24px;
        justify-content: flex-start;
    }
    .main-header.tab_header.scroll_menu .col-sm-2 {
        top: 0;
    }
    .main-header.tab_header .col-xs-5 {
        float: right;
    }
    .main-header.tab_header .col-xs-3 {
        position: absolute;
        right: 152px;
        z-index: 1;
        text-align: right;
    }
    .tab_header .contact_header li:nth-child(1) {
        border-left: 1px solid #ffffff66;
        padding: 0 15px;
    }
    .scroll_menu.tab_header .contact_header li:nth-child(1) {
        border-left: 1px solid #d4d4d4;
    }
    .nav_top {
        padding: 30px 0 0;
    }
    .scroll_menu.tab_header .nav_top {
        padding: 20px 0;
    }
    .main-header.tab_header.scroll_menu .col-sm-2{
        z-index: 1;
    }
    .nav_top.phone_number .contact_header {
        display: none;
    }
    .fix_body .main-header.tab_header .col-xs-3 {
        z-index: 0;
    }
    .section_reservation {
        padding: 0 30px;
    }
    .section_reservation .reservation-box {
        padding: 50px 0 0 0;
    }
    .overlay_menu.open .section_reservation{
        z-index: 1;
    }
    .text-swiper .title {
        font-size: 20px;
    }
    .text-swiper .sub-title .tagline {
        font-size: 14px;
    }
    .swiper-button-prev {
        left: -20px;
    }
    .swiper-button-next {
        left: 130px;
    }
    .section_reservation .col-xs-12.t-datepicker {
        width: 100%;
        padding: 0 !important;
    }
    .reservation-box .col-xs-12 {
        width: 50%;
        padding: 10px 10px 0 0 !important;
    }
    .reservation-box .col-xs-12.input-promocode {
        padding: 10px 0 0 !important;
    }
    .section_reservation .col-xs-12.t-datepicker .col-xs-6 {
        width: 50%;
    }
    .section_aboutus .box_image.small,.section_offers .slide_offers .box_image,
    .section_facilities .slide_facilities .details_rooms .box_image,
    .section_offers .slick-slide.slick-current.slick-active .box_image,
    .section_imageinfo .info_image,
    .section_detailscontentchild .box_image {
        height: 250px !important;
    }
    .main-header .container, .navbar_fix {
        padding: 0 30px !important;
    }
    .scroll_menu .main-menu .navigation > li {
        padding: 0;
    }
    .main-menu .navigation > li:last-child {
        padding: 0;
    }
    .amenities_home {
        margin-top: 0;
    }
    .amenities_home li {
        width: 100%;
    }
    .button_style_3 {
        width: 100px;
        height: 70px;
        padding: 20px;
        bottom: -30px;
        right: -10px !important;
    }
    .section_facilities .slide_facilities .details_rooms {
        padding: 50px 30px !important
    }
    .section_facilities .slide_facilities .details_rooms .box_image {
        display: block;
    }
    .section_detailscontentchild .col-sm-6.collapse {
        padding-left: 0;
    }
    .tab-content ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .box_instagram .col-xs-3{
        width: 50%;
     }
    .sister_hotel.home {
        margin-top:50px;
    }
    .section_amenities .box_details.room_detail ul,
    .box_details.room_detail ul {
        grid-template-columns: 1fr;
    }
    .room_detail ul {
        padding-left: 0;
    }
    .section_descriptions .description .room_detail {
        padding-left: 0 !important;
    }
    .room_details {
        text-align: left;
    }
    .section_imageinfo .col-sm-3 {
        width: 100%;
    }
    .details_contentchild {
        padding-bottom: 50px;
    }
    .environment_policy {
        padding: 0 0 50px;
    }
    .map iframe {
        height: 250px;
    }
    .slide_review {
        padding: 0;
    }
    .section_offers.pagechild_offers .button_style_3 {
        right: 25px;
    }
    .room_details > div:last-child {
        padding: 15px 0 0;
    }

    .room_details.details_style > div {
        display: inline-block;
    }
    .room_details.details_style > div .icon_room_details {
        margin-right: 5px;
    }
    .blog_list {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }

    .section_amenities.baywing:after {
        right: -110px;
        rotate: 90deg;
        top: 300px;
        line-height: normal;
    }
    .section_amenities.waterwing:after {
        right: -160px;
        rotate: 90deg;
        top: 350px;
        line-height: normal;
    }
    .thai_lang .section_amenities.baywing:after {
        right: -40px;
    }
    .thai_lang .section_amenities.waterwing:after {
        right: -100px;
        top: 350px;
    }
    .thai_lang .text_line {
        height: 150px;
        left: -15px;
        top: 115%;
    }
    .text_line {
        height: 190px;
        left: -15px;
        top: 108%;
    }
    .section_offers:after  {
        width: 50%;
    }
    .box_award li {
        display: block;
    }
    .box_award .col-xs-3, .box_award .col-xs-9 {
        width: 100%;
    }
    .box_award .col-xs-9 {
        padding: 0;
        margin-top: 25px;
    }
    .rip-canvas {
        padding: 60px 0 30px;
        clip-path: polygon(100% 100%, 0% 100% , 0.00% 4.68%, 2.00% 4.37%, 4.00% 4.04%, 6.00% 3.72%, 8.00% 3.40%, 10.00% 3.10%, 12.00% 2.82%, 14.00% 2.57%, 16.00% 2.36%, 18.00% 2.20%, 20.00% 2.08%, 22.00% 2.02%, 24.00% 2.00%, 26.00% 2.04%, 28.00% 2.13%, 30.00% 2.27%, 32.00% 2.46%, 34.00% 2.69%, 36.00% 2.95%, 38.00% 3.25%, 40.00% 3.56%, 42.00% 3.88%, 44.00% 4.21%, 46.00% 4.53%, 48.00% 4.83%, 50.00% 5.12%, 52.00% 5.37%, 54.00% 5.59%, 56.00% 5.77%, 58.00% 5.90%, 60.00% 5.97%, 62.00% 6.00%, 64.00% 5.97%, 66.00% 5.89%, 68.00% 5.76%, 70.00% 5.58%, 72.00% 5.37%, 74.00% 5.11%, 76.00% 4.82%, 78.00% 4.52%, 80.00% 4.20%, 82.00% 3.87%, 84.00% 3.55%, 86.00% 3.24%, 88.00% 2.94%, 90.00% 2.68%, 92.00% 2.46%, 94.00% 2.27%, 96.00% 2.13%, 98.00% 2.04%, 100.00% 2.00%);
    }
    .wave_footer {
        max-height: 57px;
    }
    .elementor_shape {
        top: -25px;
    }
    .tab_box_image {
        display: block;
    }
    .tab_box_image .box_image {
        width: 100% !important;
        height: 250px !important;
    }
    .tab_box_image .box_content {
        width: 100% !important;
        padding-left: 0;
        padding-top: 25px;;
    }
    .section_descriptions.pageinfo .content {
        text-align: left;
    }
    .section_aboutus .box_image.small {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .section_aboutus .box_content:first-child,
    .section_descriptions p,.description, .details_rooms .tagline,.offers_list .details_rooms .tagline {
        text-align: left;
    }
    .box_content h1, .section_descriptions h1, .section_descriptions .tagline, .section_amenities .tagline, .bg_color h2, .section_descriptions.main h2 {
        text-align: center;
    }
    .btn-link {
        margin: 0 10px 0 0;
    }
    .thai_lang .btn-link {
        margin: 0;
    }
    .thai_lang .btn-link:last-child {
        margin: 15px 0 0 0;
    }
    .btn_amici {
        text-align: center;
    }
    .sitemap .col-sm-6 {
        width: 100%;
    }
    .detail_pop {
        width: 300px !important;
    }
    .c_popup {
        width: 45px;
        height: 45px;
        padding: 13px;
        top: -25px;
        right: -12px;
    }
    .c_popup img {
        width: 20px;
    }
    .d_popup {
        max-height: 620px;
    }
    .rip-canvas {
        background: none 50% 0 / cover no-repeat;
    }
    .section_accommodations .button_style_1 {
        display: none;
    }
    .section_facilities .parallax, .section_footer,.pageinfo.parallax,.bg_gradient {
        background-attachment: initial;
    }
    .section_descriptions.main {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .content_stick .sidebar {
        overflow: inherit;
    }
    .tab-content ul, .offers_list {
        grid-template-columns: 1fr;
    }
    .side_stuck {
        padding: 50px 30px;
    }
    .content_stick .main {
        top: 0;
    }
    .room_details.page_amici > div > div:nth-child(2) {
        width: 91%;
    }
    .room_details.page_amici > div > div {
        float: left;
    }
    .room_details.page_amici > div {
        padding: 5px 0 0;
    }
    .room_details.room_details_inline > div {
        padding: 5px 0 0;
    }
    .room_details.page_bubble > div {
        display: flex;
    }
    .section_offers.section_other .box_content .tagline {
        text-align: center;
    }
    .section_offers.section_other .box_content p {
        text-align: left;
    }

    /******************/
    .pageaccommodation .col_3:nth-child(1) ,
    .pageaccommodation .col_3:nth-child(2){
        display: block;
    }
    .col_3:nth-child(1) ,
    .col_3:nth-child(2){
        display: none;
    }
    .section_concept .col_3:nth-child(1) ,
    .section_concept .col_3:nth-child(2){
        display: block !important;
    }
    .col_3:nth-child(3) {
        padding-top:0;
    }
    .pageaccommodation .col_3:nth-child(3) {
        padding-top: 50px;
    }
    .section_descriptions.pageaccommodation .box_details.box_intro_child {
        margin-top: 50px;
    }
    .section_descriptions .box_details.box_intro_child {
        margin-top: 15px;
    }

    .col_3 {
        width: 100%;
    }
    .col_3 p:nth-child(1) {
        margin-right: 0;
    }
    .col_3:nth-child(2) {
        padding-top: 50px;
    }
    .col_50 {
        width: 100%;
        height: 300px;
    }
    .col_50 .box_info_image:nth-child(1) {
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .col_50 .box_info_image:nth-child(2) {
        width: 150px;
        height: 150px;
        top: 150px;
    }
    .col_50 .box_info_image:nth-child(1):after{
        font-size: 30px;
    }
    .thai_lang .col_50 .box_info_image:nth-child(1):after {
        font-size: 40px;
    }
    .box_concept {
        grid-template-columns: 1fr 1fr;
    }
    .box_concept .col_3:nth-child(2) {
        padding-top: 0;
    }
    .section_concept .description {
        text-align: center;
    }
    .box_concept .box_info_image {
        width: 150px;
        height: 150px;
    }
    .section_concept .pageinfo.parallax {
        height: 330px;
    }
    .box_video .info_image {
        height: 350px;
    }
    .text-letter {
        position: initial;
    }
}
@media (max-height: 500px){
    .fix_body .main-header.tab_header .col-xs-3 {
        z-index: 0;
    }
    .main-header .col-sm-2 {
        position: absolute;
    }
    .brand-logo {
        margin-top: 24px;
        justify-content: flex-start;
    }
    .main-header.tab_header.scroll_menu .col-sm-2 {
        top: 0;
    }
    .main-header.tab_header .col-xs-5 {
        float: right;
    }
    .main-header.tab_header .col-xs-3 {
        position: absolute;
        right: 175px;
        z-index: 1;
        text-align: right;
    }
    .tab_header .contact_header li:nth-child(1) {
        border-left: 1px solid #ffffff66;
        padding: 0 15px;
    }
    .scroll_menu.tab_header .contact_header li:nth-child(1) {
        border-left: 1px solid #d4d4d4;
    }
    .nav_top {
        padding: 30px 0 0;
    }
    .scroll_menu.tab_header .nav_top {
        padding: 20px 0;
    }
    .main-header.tab_header.scroll_menu .col-sm-2{
        z-index: 1;
    }
    .nav_top.phone_number .contact_header {
        display: none;
    }
    .section_reservation .col-xs-12.t-datepicker {
        width: 100%;
        padding: 0 !important;
    }
    .reservation-box .col-xs-12 {
        width: 50%;
        padding: 10px 10px 0 0 !important;
    }
    .reservation-box .col-xs-12.input-promocode {
        padding: 10px 0 0 !important;
    }
    .swiper-container {
        height: 100vh !important;
    }
    .detail_pop {
        width: 280px !important;
    }

    .swiper-slide .text-swiper {
        width: 100%;
    }
    .room_details {
        text-align: left;
    }
    .room_details > div {
        padding: 5px 0 5px;
        width: 100%;
    }
    .room_details.details_style > div {
        display: inline-block;
    }
    .room_details.details_style > div .icon_room_details {
        margin-right: 5px;
    }
    .room_details > div:last-child {
        padding: 5px 0 0;
    }
    .section_wing {
        padding: 0 0 100px;
    }
}
@media (max-width: 414px) {
    .section_reservation .col-xs-12.t-datepicker .check-out {
        padding-left: 10px;
    }
    .reservation-box .border-booking {
        padding: 10px !important;
    }
}

@media (max-width: 393px){
    .main-header.tab_header .col-xs-3 {
        right: 137px;
    }
    .btn_lang, .contact_header i {
        font-size: 14px;
    }
    .btn_lang {
        padding: 0 12px;
    }
    .tab_header .contact_header li:last-child {
        padding: 0 0 0 12px;
    }
    .menu_mobile {
        padding-left: 12px;
    }
    .tab_header .contact_header li:nth-child(1) {
        padding: 0 12px;
    }
    .main-header.tab_header .col-xs-2 {
        right: 135px;
    }
    .box_child .box_details p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .d_popup {
        max-height: 550px;
    }
    .box_concept {
        grid-template-columns: 1fr;
    }
    .section_concept .pageinfo.parallax {
        height: 360px;
    }
}
@media (max-height: 390px){
    .swiper-container {
        height: 100vh;
    }
    .detail_pop {
        width: 250px !important;
    }
    .d_popup {
        max-height: 482px;
    }
    .room_details.page_amici > div > div:nth-child(1) {
        width: 5%;
    }
    .room_details.page_amici > div > div:nth-child(2) {
        width: 90%;
    }

}

@media (max-width: 360px){
    .brand-logo img {
        height: 30px;
    }
    .text-swiper .title {
        font-size: 16px;
    }
    .text-swiper .sub-title .tagline {
        font-size: 14px;
    }
    p.text-ibe {
        color: #949494;
        font-size: 12px;
    }
    .tab_box_image .box_content h3 {
        font-size: 16px;
    }
    .d_popup {
        max-height: 372px;
    }
    /*.room_details > div .icon_room_details {*/
    /*    margin-right: 8px;*/
    /*}*/
    .room_details.page_amici > div > div:nth-child(2) {
        width: 89%;
    }
    .room_details.page_amici > div > div:nth-child(1) {
        width: 11%;
    }
    .slider_photo img, .box_video .info_image  {
        height: 250px;
    }
    .box_intro_image {
        height: 300px;
    }
    .pageaccommodation .col_3:nth-child(1):after,
    .pageaccommodation .col_3:nth-child(2):after {
        font-size: 30px;
    }
}
@media (max-width: 320px){
    .scroll_menu .brand-logo img {
        height: 30px;
    }
    .scroll_menu.tab_header .nav_top {
        padding: 12px 0;
    }
    .brand-logo {
        margin-top: 27px;
    }
    .the-concept .pageinfo.parallax {
        height: 412px;
    }
}
@media (max-height: 320px){
    .main-header.tab_header .col-xs-3 {
        right: 155px;
    }
    .room_details.page_amici > div > div:nth-child(1) {
        width: 8%;
    }
    .slider_photo img {
        height: 250px;
    }
}