@media (min-width:1280px) and (max-width:1700px) {}

@media (min-width:1280px) and (max-width:1439px) {}

@media (min-width:1170px) and (max-width:1366px) {

    /* .qPic._2,.qPic._3{
        height: 372px;
        width: 495px;
    }
    .qPic._1,.qPic._4{
        height: 495px;
        width: 372px;
    } */

}

@media (min-width:992px) and (max-width:1169px) {}

@media (min-width:992px) and (max-width:1920px) {}

@media (min-width:840px) and (max-width:850px) {}

.qPic_1 {
    position: absolute;
    top: 32%;
    right: 0px;
}

@media (min-width:768px) and (max-width:991px) {
    .qPic_1 {
        position: absolute;
        top: 135px;
        right: 0px;
    }

    .partner {
        width: 100% !important;

    }

    #about-page .partner .images {
        padding-bottom: 170px;
        gap: 0px 50px;
    }

    #hFacilitiesTitle {
        margin-top: 15px;
        gap: 20px;
    }

    .sectionTitle .big {
        font-size: 8.3vw;
        line-height: 11vw;
    }

    .apLogo {

        top: 10%;

    }

    #spaStoryFixed .mainContainer {
        width: 90% !important;
        margin-left: 0px !important;
    }
}

#navSectionContainer .navSection .dkdichvu {
    display: none;
    color: #000 !important;
}

.navSectionContainerMobile {
    display: none;
}

@media (max-width:767px) {
    #room-page .room-describe_title {
        
        min-width: 100%;
    }

    .qPic_1 {
        position: absolute;
        top: 135px;
        right: 0px;
    }

    .navSectionContainerMobile {
        display: flex;
        width: 55px;
        background-color: #8DC63F;
        height: 100vh;
        position: absolute;
        z-index: 99999999;
        justify-content: flex-start;
        flex-direction: column;
    }

    .navSectionContainerButton {
        height: 85vh;
        display: flex;
        flex-direction: column;
    }

    .navSectionContainerButton .phone {
        text-align: center;
        top: 70px;
        position: absolute;
        left: 15px;
    }

    .navSectionContainerButton .search {
        text-align: center;
        top: 120px;
        position: absolute;
        left: 15px;
    }

    .navSectionContainerButton .lang {
        top: 50%;
        position: absolute;
    }

    .navSectionContainerMobile .btn-closemenu {
        z-index: 99999;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .navSectionContainerMobile .footerSocials {
        display: flex;
        flex-direction: column;
        align-self: center;
        justify-content: center;
        gap: 10px;
        position: absolute;
        bottom: 20px;
        left: -10px;
    }

    #navScroller {
        padding-top: 0px !important;
        position: absolute;
        z-index: 999999;
    }

    #navSectionContainer {

        padding-left: 60px !important;
    }

    #navSectionContainer .navSection:first-child {
        display: flex;
        justify-content: space-between;
    }

    #navSectionContainer .navSection .dkdichvu {
        display: flex;
        color: #000 !important;
        width: 70px;
        margin-left: 20px;
    }

    #navSectionContainer .navSection .t_container>img {
        border-radius: 4px;
    }

    #navSectionContainer .navSection:first-child img {
        max-width: 100%;
        width: 168px;
        height: 40px;
    }

    .navSectionButtons .navButton {

        text-transform: uppercase;
        line-height: 12px;
    }

    .mainContainer1 {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .mainContainer {
        width: calc(100% - 130px);
        margin: 0 auto;
    }
    #hExperiences .mainContainer {
        width: calc(100% - 28px);
        margin: 0 auto;
    }
    .tintuc #hExperiences .mainContainer {
        width: calc(100% - 28px)!important;
    }
    .qPic.w40 img {
        height: auto;
    }
    .qPic.minus {
        margin-top: 5%;
    }

    #roomsOverview .qPic.minus {
        margin-top: -13%;
    }

    .apLogo {

        top: 30%;

    }

    #roomsOverview .apLogo {
        top: 15%;
    }

    #hExperiencesTitle {
        margin-top: -10.5vw;
    }

    .bigTypo {
        font-size: 45px;
    }

    #spaSticky .mainContainer {
        width: 100% !important;
        margin-left: 0px !important;
        padding: 10px;
        text-align: justify;
    }

    .logoFull img {
        height: 35px;
        object-fit: contain;
    }

    header {
        padding: 0 0px 0 0;
        height: 45px;
        top: 0px;
    }

    .subContainer .doubleColumn-intro {
        display: grid;
        grid-template-columns: auto;
        grid-column-gap: 0vw;
    }

    .slideshow:before {
        background-image: none;
    }

    .slideshow::after {
        background-image: none;
    }

    .circle-carousel .bslide {
        height: 100vh;
    }

    #hFacilitiesTitle {
        flex-direction: column;
    }

    .sectionTitle .big {
        font-size: 58px;
    }

    #hFacilitiesTitle .small {
        font-size: 21px;
    }
    .hExperienceTitle {
        font-family: Geometria;
        font-size: 22px;
    }
    .hExperienceTitle h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 30px;
        font-size: 14px;
        line-height: 1.5;
    }
    #coverPicture {
        height: 75vh!important;
     
    }
    #hExperiencesTitle .slidingTitleSmall {
        color: #fff;
        font-size: 48px;
        margin-bottom: 10px;
    }

    .hExperienceBlock.show .hExperienceArrow img {
        height: 40px;
    }

    .hExperienceContent {
        padding-left: 0px;
    }

    .hExperienceTitle {
        font-size: 18px;
    }

    #index .ctaWidget {
        height: 450px !important;
    }
.largeContainer .menu.show{
    width: 12%!important;
}
    #index .ctaWidget .picLayer .pic img.fit {
        height: 450px;
    }
    .hExperienceArrow {
        width: 46px;
        height: 40px;
    }
    .hExperienceTitle {
        font-size: 13px;
        width: 100%;
        height: 43px;
    }
    .box-new-content h1 {
        font-size: 25px;
        color: #000;
    }

    .hExperienceText {
        flex: none;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 90px;
        font-size: 14px;
    }
    #hExperiencesLayer {
        height: calc(60vw + 65px);
    }
    .hinh-hoatdong .quadPicture img{
        height: 140px;
    }
    #room .qPic.w40 img {
        height: 140px;
    }
    .calendar .item a {
        display: flex;
        color: #36454f;
        gap: 4.6rem;
    }
    .sectionTitle_room {
        position: absolute;
        bottom: 0px;
        right: 0;
        top: 50%;
        left: 50%;
        transform: translate(-180px, 55px);
        width: 100%;
    }

    .sectionTitle_dining {
        position: absolute;
        bottom: 0px;
        left: 34%;
        top: 58%;
        transform: translate(-130px, -148px);
        width: 100%;
    }

    .sectionTitle_room h2,
    .sectionTitle_dining h2 {
        font-size: 62px;
        width: 100%;
    }

    .diningWidgetTitleContainer h3 {
        line-height: 1;
        font-size: 36px;
    }

    .circle-carousel .pagination .item .icon .dot-text {
        font-size: 24px;
        color: #fff;
        text-transform: unset;
    }

    .kham-pha .item .dot {
        display: flex;
        flex-direction: column;
    }

    .kham-pha .item .dot .icon {
        width: 45%;
    }

    #navFooterTop {

        flex-direction: column;
        padding: 0;
        padding: 0 10px 0 55px;
        text-align: center;
    }

    .kham-pha .item .dot a {
        display: flex;
        margin-top: 15px;
    }
    .kham-pha .item .dot a img {
       width: 35px;
    }
    .roomDescription>span:first-child {
        margin-top: 50px;
    }

    .diningWidgetSection .overviewSectionTitle {
        white-space: inherit;
        margin-top: 90px;
    }

    #hFacilitiesTitle {
        flex-direction: column !important;
    }

    .diningWidgetSection .overviewSectionTitle {
        white-space: inherit;
        margin-top: 50px;
        font-size: 36px;
    }

    .mobileOnly {
        display: block !important;
    }

    #about-page .about-content_top {
        gap: 45px;
        flex-direction: column;
        max-height: 100vh;
    }

    #about-page .about-heading {
        padding: 0 2rem;
        font-size: 48px;
    }

    #about-page .about-content_top .text {
        margin-left: 0px;
        text-align: justify;
        padding: 0 20px;
    }

    .about-content_top .image {
        text-align: center;
    }

    #about-page .about-content_bot {
        gap: 45px;
        flex-direction: column;
        max-height: 100%;
    }

    .about-content_top .image img {
        width: 330px;
        height: 450px;
        align-self: center;
    }

    .about-content_bot .image {
        text-align: center;
        order: 1;
    }

    #about-page .about-content_bot .image {

        width: 100%;
    }

    #about-page .about-content_bot .text {
        margin-bottom: 0px;
        margin-top: 300px;
    }

    .group-info-top {

        padding: 0px;
    }

    .group-logo {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        gap: 10px;
    }

    .group-logo img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .about-content_bot .image img {
        width: 330px;
        height: 450px;
        align-self: center;
    }

    .name-about-content {
        font-size: 40px;
    }

    #about-page .about-content_bot .text {
        padding: 0 20px;
        max-width: 400px;
        align-self: center;
    }

    .apLogo img {
        width: 133px;
        height: 139px;
    }

    #intro {
        padding: 0px 0 185px 0;
    }

    #about-page .about-content_bot .text {
        margin-bottom: 0px;
        margin-top: 100px
    }    
    #about-page #intro .about-content_bot .text {
        margin-bottom: 0px;
        margin-top: 400px;
    }
    #about-page #intro {
        padding: 0px 0 48px 0;
    }
    #index #intro .bigTitle {
       
        text-align: center;
    }
    #spaOverview .bigTypo {
        font-size: 29px;
        text-align: center;
        letter-spacing: 0px;
    }
    .partner {
        width: 100% !important;
    }

    #about-page .partner .heading {
        font-size: 24px;
    }

    #about-page .partner .description {
        font-size: 16px;
    }

    #about-page .partner .images {
        padding-bottom: 170px;
        display: grid;
        gap: 10px 10px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 180px);
        padding: 40px 30px 0;
    }

    #instaBigIco .grid {
        grid-template-columns: repeat(2, 1fr);

    }

    #instaBigIco .grid img {
        width: 164px;
        height: 164px;
        object-fit: cover;
    }

    #about-page .partner {
        padding-top: 30px;
    }

    .text-light span {
        font-size: 18px !important;
    }

    #room-page .room-describe {
        flex-direction: column;
    }

    .content-room {
        width: 100%;
    }

    .content-room img {
        width: 100%;
    }

    .subContainer .doubleColumn-intro .next-section-slider {
        width: 100%;
    }

    .content-room .text-light span {
        font-size: 36px !important;
    }

    #room .ctaWidget-room {
        height: 250px !important;
        width: 100% !important;
    }
    .image-info {
        text-align: center;
        margin-top: -215px;
        position: absolute;
        left: 50%;
        transform: translate(-190px, 10px);
        width: 100%;
    }
    #room .ctaWidget-rooms {
        height: 65vw;
        margin: 10% 0;
    }

    #room .ctaWidget-rooms .scrollTitle {
        font-size: 24px;
        margin-bottom: 90px;
    }

    .discoverButton .learnmore div {
        width: 80px;
        font-size: 12px;
    }

    #restaurant .menu .session-top {

        flex-direction: column;
    }


    #restaurant .infomation-ret .title {
        order: 2;
        width: 225px;
        align-self: flex-end;
        margin-left: 1.5rem;
    }

    #restaurant .infomation-ret .image {
        order: 1;
    }

    #restaurant .menu .session-top .title {
        font: 400 2.3rem "Patrona";
        color: #36454f;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        flex-shrink: 0;
        margin-top: 155px;
    }
    .fit {
      
        width: 100%!important;
       
    }
    .pic .fit {
      
       
        object-fit: contain;
    }
    .footerData {
        padding: 0px 0;
        align-self: center;
    }
    .discoverButtonView {
       
        margin-right: 90px;
    }
    .text.small, .text.tech, #overviewSnippetContainer .snippet:last-child {
        font-size: 14px;
        line-height: 28px;
    }
#nha-hang .mainContainer {
    width: calc(100% - 30px);
    margin: 0 auto;
}
    #restaurant .menu .session-top .image {
        width: 15rem;
        height: 15rem;

    }

    #restaurant .menu .session-top p {

        width: 100% !important;
    }

    .overlaytext p {
        align-self: center;
        text-align: center;
        font-size: 18px;
    }

    #about-page .hoat-dong .about-heading span {
        font-size: 36px;
        line-height: 50px;
    }

    #about-page .hoat-dong .about-content .about-content_top .doubleColumn {
        column-count: 1 !important;
    }

    #intro .container-session .about-content.bgYellow {
        margin: 0 20px;
    }

    #about-page .hoat-dong .about-content .about-content_top {
        padding: 20px 20px;
    }

    .is-desktop {
        display: none !important;
    }

    .is-mobile {
        display: block !important;
    }

    .calendar .item {
        display: flex;
        align-items: center;
        gap: 4.8rem;
        justify-content: start;
        font-size: 20px;
        line-height: 46px;
    }

    .calendar .wrapper {
        padding: 3rem;
        flex-direction: column;
        justify-content: center;
    }

    #recruitment .recruitment-policy {

        display: flex;
        flex-direction: column;
    }

    #recruitment .recruitment-policy .heading {
        font-size: 48px
    }

    #recruitment .recruitment-policy .heading span {
        font-size: 48px;
        font-weight: 200;
    }

    .right .para,
    #recruitment .recruitment-culture .para {
        text-align: justify;
        padding: 10px;
    }

    #recruitment .recruitment-culture .container-session {
        display: flex;
        flex-direction: column;
    }

    #recruitment .recruitment-culture .heading {
        font-size: 48px
    }

    #recruitment .recruitment-policy .image {

        padding: 10px;
    }

    #recruitment .recruitment-job {
        display: flex;
        flex-direction: column;
    }

    .div-quadPicture {
        margin-top: 10px;
    }

    #about-page .partner .heading {

        margin-bottom: -70px;
    }

    #hFacilitiesSlider .item-stand {
        width: 95vw;
        height: 85vh;
    }

    #hFacilitiesSlider .item-lie {
        width: 90vw;
        height: 65vh;
    }

    .hFacilitiesItem.horizontal .hFItemTitle {
        bottom: 35vw;
        left: auto;
        right: 20vw;
    }

    .hFacilitiesItem.vertical .hFItemTitle {
        bottom: 25vw;
        left: 0vw;
        padding: 0 20px;
        white-space: pre-line;
        font-size: 28px;
    }

    #roomsOverview .mainContainer {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .box-new-content {
        padding: 60px 20px 100px 20px;
    }

    #footerBottom .bottom {
        padding: 30px 0px 30px 0;
    }

    .scrollButton {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 25vw;
    }

    .show .controlsBar.top_translated,
    .show.controlsBar.top_translated {
        transform: none;
        bottom: 0px !important;
        left: 0px !important;
    }
.dichvudetail{
    margin-top: 40px;
    margin-left: -45px;
    padding: 70px 20px 0px 65px;
}
.dichvudetail .title-chitiet {
    top: -40px;
}
    .picLayer {
        height: 107%;
        margin-top: -2%;
    }

    /* .qPic._2,.qPic._3{
        height: 150px;
        width: 200px;
    }
    .qPic._1,.qPic._4{
        height: 200px;
        width: 150px;
    } */
}

@media all and (max-width:959px) and (orientation: landscape) {
    .is-fullscreen .adviceBar {
        transform: translateY(-22px);
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {}

@media only screen and (min-width:600px) and (max-width:767px) {}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),
only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (min-resolution:192dpi) and (max-width:991.98px),
only screen and (min-resolution:2dppx) and (max-width:991.98px) {}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {}

@media only screen and (min-width:320px) and (max-width:479px) {}


@media all and (max-width:959px) {



    .mobileHidden {
        display: none !important;
    }

    .label {
        font-size: 10px;
        letter-spacing: 2px;
        display: block;
    }

    .menuController {
        width: 60px;
    }

    .logotype {
        width: 180px;
    }

    .payoff {
        width: 92px;
        margin-top: 6px;
    }

    .line._2 {
        margin-top: 5px;
    }

    #menuBar {
        top: 15px;
    }

    .bookNow {
        width: 60px;
    }

    #topGift {
        position: absolute;
        right: 0px;
        bottom: 20px;
    }

    .line {
        width: 32px;
    }

    #coverStory {
        bottom: 120px;
    }

    #coverStory h1 {
        font-size: 30px;
    }

    #coverStory.hidden span {
        -webkit-transform: translateY(190%);
        transform: translateY(190%);
    }

    .bookNow .label {
        margin-right: 0;
        text-align: center;
    }

    .makeGift {
        width: 89px;
        text-align: center;
    }

    .galleryTitle {
        font-size: 14px;
        padding: 10px 0 4px 0;
    }

    .galleryBar {
        bottom: 22px;
    }

    .galleryTitleContainer {
        width: 100%;
        text-align: center;
    }

    .latestTitle {
        margin-top: 30px;
        font-size: 25px;
    }

    #latestFrom {
        width: 100%;
        min-width: 0;
        padding: 5vw 5vw 5vw 2.5vw;
        top: 58px;
    }

    #latestFrom.right_single {
        transform: none;
    }

    .latestText {
        font-size: 14px;
        line-height: 23px;
    }


    .isButton:hover .label {
        letter-spacing: 2px;
    }

    /********* NAV **********************/


    #navBar {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    #navBack {
        top: 59px;
        height: calc(100% - calc(2.5vw + 15px + 25px));
    }

    #navScrollCover {
        height: 59px;
    }

    #navScroller {
        padding-top: 59px;
    }

    #navClose {
        top: 2px;
        left: 0;
    }


    #navLogo {
        width: 14px;
        height: 19px;
        margin-left: -7px;
    }


    #navSectionContainer {
        padding: 0 2.5vw;
    }

    .navSectionCenter {
        margin-top: 25px;
    }

    .navLeft {
        width: 140px;
        min-width: 140px;
        padding-right: 15px;
    }

    .navSectionTitle {
        font-size: 30px;
    }

    .navSectionAbstract {
        font-size: 14px;
        line-height: 22px;
        margin-top: 25px;
    }

    .navButton a {
        font-size: 11px;
        letter-spacing: 2px;
        white-space: break-spaces;
        padding: 6px 0;
    }

    .navSectionLine {
        margin-top: 25px;
    }

    .navSection {
        padding-bottom: 25px;
    }

    #navFooterBottom {
        margin-top: 0;
    }


    /*********************/

    .doubleMargin {
        margin-top: 50px;
    }

    .tripleMargin {
        margin-top: 60px;
    }

    section.doubleMargin {
        margin-top: 80px;
    }

    .margin {
        margin-top: 30px;
    }

    .bottomText {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .bigTypo {
        font-size: 38px;
    }

    .valueText {
        font-size: 30px;
    }

    .valueNegativeMargin {
        margin-top: -15vw;
        padding-top: 7.5vw;
    }

    #cuisine.valueNegativeMargin {
        margin-top: 0;
        padding-top: 0;
    }

    .bigTitle .small {
        font-size: 10px;
        letter-spacing: 4px;
        margin-top: 10px;
        margin-left: 5px;
        text-indent: 0;
    }

    .text.bigger {
        font-size: 16px;
        line-height: 30px;
    }

    .subContainer,
    .largeContainer,
    .midContainer,
    .paragraphContainer {
        width: 100%;
    }

    video {
        width: 124%;
        margin-left: -12%;
    }

    #videoContainer {
        height: 65vw;
    }

    [data-scroll-mobile-disabled] {
        transform: none !important;
    }

    #index #intro .bigTitle {
        text-indent: -2px;
    }

    .bigTitle>span+span {
        margin-top: -5px;
    }

    .subParagraphTitle {
        font-size: 28px;
        line-height: 36px;
    }

    #index #intro .mainContainer._2 {
        margin-top: 50px;
    }

    .text {
        font-size: 15px;
        line-height: 28px;
        text-align: justify;
        padding: 10px;
        margin-left: 0!important;
    }

    .text.doubleColumn p {
        column-count: 1;
        column-gap: 0;
    }

    .discoverLine {
        width: 100px;
    }

    #roomDetailsContainer .discoverButton+.discoverButton {
        margin-top: 0px;
    }

    .topText+.bottomText {
        margin-top: 5px;
    }

    .topText {
        font-size: 13px;
        letter-spacing: 6px;
    }

    .overviewTitle {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    #intro1 {
        height: 50vh;
    }
    .topText+.bottomText {
        margin-top: 12px;
    }

    #roomsWidget {
        flex-direction: column;
        width: calc(100% + 5vw);
    }

    .roomPicLayer {
        height: 65vw;
        width: 100%;
        position: relative;
    }

    .roomDescriptionLayer {
        height: 260px;
        width: 100%;
    }

    .roomDescriptionContainer {
        margin-top: -18vw;
    }

    .roomDescription {
        font-size: 30px;
    }

    .roomDescription>span {
        margin-top: 5px;
    }

    #roomsWidget .discoverButton {
        bottom: 80px;
        right: 0;
        z-index: 2;
        top: auto;
    }

    #roomsWidget .scrollContainer {
        height: 105%;
    }

    #roomsWidget .hoverLayer {
        height: 65vw;
    }

    #diningOverview {
        padding-bottom: 70px;
    }


    .diningWidgetSection .midContainer {
        margin-top: 40px;
        flex-direction: column;
    }

    .diningWidgetLeft {
        order: 1;
        margin-top: 30px;
    }

    .diningWidgetTitleContainer {
        min-width: 0;
    }

    .overviewSectionTitle {
        font-size: 32px;
    }

    .diningWidgetSection .overviewSectionTitle {
        white-space: inherit;
    }

    .diningWidgetRight {
        width: 100%;
        max-width: none;
    }

    .diningWidgetPic {
        overflow: hidden;
        height: 65vw;
    }

    .diningWidgetLeftContainer {
        padding-top: 0;
        padding-right: 0;
    }

    .diningWidgetTextContainer {
        margin-top: 30px;
    }

    .diningWidgetLeftContainer .discoverButton {
        margin-top: 30px;
    }

    .diningBackground._4,
    .diningBackground._3,
    .diningBackground._2,
    .diningBackground._1 {
        transform: scale(0, 1);
    }

    .diningBackground.active {
        transform: scale(1);
    }

    #diningWidget .hoverLayer {
        height: calc(65vw + 107px);
    }

    #cellarOverview {
        padding-bottom: 60px;
    }

    #cellarOverview .midContainer {
        flex-direction: column;
    }

    #cellarOverview .midContainer .left {
        width: 100%;
    }

    #cellarOverview .midContainer .right,
    #experienceOverview .midContainer .right {
        padding-bottom: 30px;
    }

    #cellarOverview .midContainer .right,
    #experienceOverview .midContainer .right {
        margin-top: 30px;
    }

    #cellarOverview .discoverButton {
        position: relative;
        bottom: 0;
        right: 0;
        top: auto;
    }

    .cellarPic {
        top: 0vw;
        margin-top: -10vw;
    }

    .rightTextContainer .text {
        margin-top: 30px;
        width: 100%;
    }

    #cellarOverview .discoverButton {
        position: relative;
        bottom: 0;
        right: 0;
        top: auto;
        margin-top: 30px;
    }


    #spaOverview .bigTypo {
        font-size: 35px;
        text-align: justify;
        letter-spacing: -3px;
    }

.attributeroom.mainContainer{
    width: calc(100% - 50px)!important;
}
    #spaOverview .midContainer {
        padding: 0 5vw;
        top: -30px;
        padding-top: 40px;
    }

    #spaStory {
        height: 100vh;
        min-height: 0px;
    }

    #spaStory>div {
        padding-top: 40px;
        box-sizing: border-box;
    }

    #spaTarget {
        height: 200vh;
    }

    .label.bigger {
        font-size: 13px;
        letter-spacing: 0px;
    }
    #spaOverview .bigTypo {
        font-size: 29px;
        text-align: center;
        letter-spacing: 0px;
    }
    #spaExplore {
        margin-top: 60px;
        text-align: center;
        line-height: 25px;
    }

    .ctaWidget {
        height: 65vw;
    }

    .picLayer {
        height: 107%;
        margin-top: -2%;
    }

    .giftTextContainer {
        padding: 60px 0 80px 0;
    }

    .giftPic {
        width: 100%;
        margin-top: 30px;
    }

    #giftContainer {
        flex-direction: column;
        width: calc(100% - 2.5vw);
    }

    #giftOverview .topText {
        text-align: center;
        line-height: 25px;
    }

    #giftContainer .text {
        width: calc(100% - 5vw);
        margin-left: 2.5vw;
    }

    #giftOverview .subContainer {
        width: calc(100% - 5vw);
    }

    #footerTop {
        flex-direction: column;
        padding-top: 30px;
    }

    #footerPic {
        margin-left: 0;
        width: 100%;
    }

    #footerInfo {
        padding-left: 0;
        min-width: 0;
        width: 100%;
        margin-top: 30px;
    }

    .footerData {
        padding: 0px 0;
        align-self: center;
    }
    .footerData img {
        width: 30px;
        margin-left: 15px;
        height: 30px;
        object-fit: contain;
    }

    .footerText {
        font-weight: 400;
        letter-spacing: 2px;
        margin-left: 20px;
        font-size: 14px;
        line-height: 15px;
    }

    #footerBottom {
        margin-top: 20px;
    }

    #footerBottom .makeGift {
        margin-top: 0;
        padding: 10px 20px;
    }

    #footerBottom .bottom {
        font-size: 10px;
    }





    .scrollTitle {
        font-size: 27px;
        order: 1;
    }

    .scrollButton {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 25vw;
    }

    .scrollButton .discoverButton {
        width: 100%;
        padding-bottom: 10px;
        padding-left: 0;
    }

    .scrollButton .discoverButton .label {
        order: 0;
        margin-left: 0;
        margin-right: 20px;
    }

    .scrollButton .discoverButton .discoverLine {
        width: auto;
    }


    .valueSmallText {
        font-size: 22px;
    }

    .qPic.plus {
        margin-top: 2%;
    }

    .qPic.minus {
        margin-top: -14.5%;
    }

    #sommelier {
        display: flex;
        flex-direction: column;
    }

    #sommelier .left {
        width: 100%;
    }

    #sommelier .right {
        width: 100%;
        margin-top: 50px;
    }

    .valueContainer {
        min-height: 40vh;
    }

    .valueContainer.bigMobile {}

    .galleryContainer {
        height: 65vw;
    }

    .sliderContainer,
    .slide {
        height: 105%;
        position: relative;
        top: -2.5%;
    }

    .downloadItem {
        justify-content: center;
        position: relative;
    }

    .downloadItem.group .downloadTitle {
        left: 50px;
    }

    .downloadItem .left {
        align-items: center;
        width: 70%;
        margin-left: 10%;
    }

    .downloadTitle {
        position: absolute;
        left: -16.5vw;
        width: 35vw;
        margin-top: -2.5vw;
    }

    .downloadItem.group .downloadTitle {
        left: 50px;
    }

    .downloadTitle span {
        font-size: 70px;
        line-height: 70px;
    }

    .downloadItem.group .downloadPic {
        height: 90vw;
    }

    .downloadItem.group .downloadPic img {
        margin-top: -1.5%;
    }

    .downloadItem .right {
        width: auto;
        position: absolute;
        right: 5vw;
        top: 32%;
    }

    .downloadButton .circle._1 {
        height: 120px;
        width: 120px;
        background: #DBD3C7;
        border-radius: 50%;
    }

    .downloadButton .circle._2 {
        display: none;
    }

    .downloadButton .circle._3 {
        width: 45px;
        height: 45px;
        top: 35px;
        left: -39px;
    }

    .downloadIco {
        top: 17px;
        left: 22px;
    }

    .downloadButton .button {
        position: absolute;
        top: 53px;
        left: 7px;
    }

    .fullPic {
        height: 67vw;
    }


    .fullPic img {
        width: 126%;
        margin-left: -13%;
        margin-top: -2.5vw;
    }

    .scrollPic {
        height: 67vw;
    }

    .scrollPic img {
        margin-top: -2vw;
    }

    .gmap {
        height: auto;
        margin-top: 2.5vw;
        margin-bottom: 2.5vw;
        border-width: 2.5vw;
    }

    .gmapContainer {
        margin-top: 0 !Important;
    }

    .gmap iframe {
        height: 90vw
    }

    .subParagraphTitle br {
        display: none;
    }

    .fullContainer.negativeMargin {
        margin-top: 50px;
    }

    .bookTitle {
        position: relative;
        font-size: 30px;
        letter-spacing: 8px;
        top: 0;
        margin-left: 5vw;
    }

    .formField label {
        font-size: 11px;
    }

    .wpforms-confirmation-container {
        font-size: 24px;
        margin-top: 20px;
    }

    .wpforms-container .wpforms-field {
        padding: 9px 0;
    }

    .bookContainer {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .picTitle {
        width: 100%;
    }

    .row1,
    .row2,
    .row3 {
        font-size: 45px;
    }

    .twoRowTitle {
        width: 100%;
    }

    .twoRowTitle .row1 {
        margin-right: 0;
        text-align: left;
        margin-left: 0;
    }

    .twoRowTitle .row2 {
        text-align: left;
        margin-left: 112px;
    }

    #hospitality .twoRowTitle .row2 {
        text-align: left;
        margin-left: 30%;
    }

    .threeRowTitle .row1 {
        margin-right: 0;
        text-align: left;
    }

    .threeRowTitle .row2 {
        text-align: left;
        margin-left: 30%;
    }

    .threeRowTitle .row3 {
        text-align: left;
        margin-left: 0;
    }

    #hospitality .twoRowTitle .row2 {
        text-align: right;
        margin-left: 0;
    }

    .doublePicSetup .right {
        width: 100%;
    }

    .doublePicSetup .right .text {
        margin-top: 40px;
    }

    .stopScroll {
        margin: 0;
    }


    #aquapetraSticky .left .text {
        margin-top: 20px;
    }

    .stopScroll .largeContainer {
        flex-direction: column;
    }

    .stopScroll .largeContainer .left {
        width: 100%;
    }

    .stopScroll .largeContainer .right {
        margin-top: 30px;
        width: 100%;
    }


    .stopScrollContainer {
        padding-top: 0;
        padding-bottom: 30px;
    }




    #melodyText {
        width: 100%;
        max-width: 100%;
        margin-top: 70px;
    }

    #art .bookPanel.bWhite {
        background: none !important;
    }

    #art .picSetup+.doubleMargin {
        margin-top: 0;
    }

    .subScrollerContainer {
        height: 36px;
    }

    .downloadTitle.wide span {
        width: 100%;
        font-size: 25px;
    }

    /*********** STOP SCROLL MOBILE ADAPTATION ***********/

    #aquapetraTarget,
    #artTarget {
        height: 400vh;
    }

    .stopScrollPic {
        height: 100%;
        width: 100%;
    }

    .scrollPicContainer {
        height: 58vh;
        width: 100%;
        transform: rotateZ(180deg);
    }

    .stopScrollPic .mask_top,
    .stopScrollPic .t_container {
        height: 100%;
        width: 100%;
        will-change: transform;
    }

    .stopScrollPic .mask_top {
        transform-origin: bottom;
    }

    .stopScrollPic .t_container {
        transform-origin: top;
    }


    .stopScrollPic img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .oppositeScrollContainer {
        height: 100%;
        transform: rotate(180deg);
    }


    /************************************/

    .picSetup .largeContainer {
        flex-direction: column;
    }

    .picSetup .left {
        width: 100%;
        order: 1;
        margin-top: 40px;
    }

    .picSetup .right {
        width: 100%;
        align-items: flex-start;
    }

    #aquaspa .picSetup {
        flex-direction: column;
        margin-top: 20px;
    }

    #aquaspa .picSetup .left {
        order: 0;
    }

    #aquaspa .expandedPic {
        margin-top: 0;
        width: 100%;
    }

    #aquaspa .pic._2 {
        margin-top: 2.5vw;
    }

    #aquaspa #intro .fullPic {
        margin-top: 70px;
    }

    .picText {
        margin-top: 60px;
        margin-bottom: 70px;
        padding-bottom: 0;
        width: 100%;
    }

    .picTitle+.picText {
        margin-top: 20px;
    }

    .mainContainer+.negativeMargin {
        margin-top: 0;
    }

    #tailoredMenu .mainContainer {
        margin-top: calc(60px + 5vw);
    }

    .picText p span,
    #tailoredMenu .picText h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .bookPanel {
        margin-left: 0vw;
        background: none !important;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .sectionRow {
        height: auto;
        margin-top: 30px;
    }

    .sectionRow:nth-child(3) {
        margin-top: 60px;
    }

    .sectionRow .mainContainer {
        padding: 40px 0 2.5vw 0;
    }

    .sectionRowContainer {
        flex-direction: column;
    }

    .sectionRowPic {
        width: 100%;
        order: 1;
        height: 50vh;
        margin-top: 60px;
    }

    .sectionRowText {
        width: 100%;
    }

    .sectionRowText .text {
        margin-top: 30px;
    }

    .sectionRowText .discoverButton {
        margin-top: 30px;
    }

    #roomsMacro .bigTypo {
        font-size: 34px;
    }

    #roomDetailsContainer .bigTypo {
        font-size: 36px;
        margin-bottom: 20px;
    }

    #roomBody {
        margin-top: 90px;
    }

    #roomBody .pic {
        height: 50vh;
    }

    #roomBody .pic img {
        position: absolute;
        top: -2.5%;
        left: 0;
        width: 100%;
        height: 105%;
        object-fit: cover;
    }

    #roomDetailsContainer {
        padding: 0 2.5vw;
        box-sizing: border-box;
    }

    #roomDetailsContainer .discoverButton {
        top: 5px;
        margin-bottom: 0;
    }

    #roomDetail {
        margin-top: -100px;
        padding-top: 150px;
        margin-left: -2.5vw;
        width: calc(100% + 5vw);
        padding-bottom: 65px;
    }

    #offers #roomDetail,
    #gift #roomDetail {
        padding-bottom: 15px;
    }

    .text.highlight {
        font-size: 18px;
        line-height: 32px;
    }

    #roomBody+.galleryContainer,
    #roomBody+.fullPic {
        margin-top: -50px;
    }


    #roomServices {
        margin-top: 0;
    }


    #servicesTitle {
        font-size: 50px;
        font-family: Geometria;
        letter-spacing: 20px;
        margin-top: 30px !important;
    }

    #servicesList {
        margin-top: 25px;
    }

    #extrasTitle {
        font-size: 28px;
        letter-spacing: 2px;
    }

    #extrasList li {
        font-size: 15px;
        font-family: Geometria;
        margin-top: 10px;
        font-weight: 300;
    }

    #extrasList li:last-child {
        margin-top: 30px;
    }

    .roomTitle {
        margin-left: 0;
        font-size: 40px;
        margin-top: 5px;
        display: block;
        top: 0;
    }

    .geoTitle {
        font-family: 'Geometria';
        font-size: 28px;
    }

    .geoText {
        font-size: 15px;
        font-weight: 300;
        line-height: 28px;
        margin-top: 30px;
    }

    .colorPanel {
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        padding-bottom: 13vw;
    }

    #suitcase {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    #aquaspa .bAquaVelvet .paragraphContainer {
        margin-top: 50px;
    }

    .downloadItem.group .top,
    .downloadItem.group .bottom {
        flex-direction: column;
        margin-top: 0;
    }

    .downloadItem.group .left,
    .downloadItem.group .right {
        right: 0;
        margin-left: 0;
    }

    .downloadItem.group .left,
    .downloadItem.group .right {
        width: 100%;
    }

    #events .picText {
        margin-top: 40px;
        margin-bottom: 50px;
    }


    .galleryContainer .hoverLeft:before,
    .galleryContainer .hoverRight:before,
    .galleryContainer .hoverLeft:after,
    .galleryContainer .hoverRight:after {
        opacity: 1;
    }

    .bookDescription {
        display: none;
    }

    #experienceOverview {
        display: none;
    }

    .expBackground:before {
        width: calc(100% + 5vw) !important;
    }

    .experienceSub {
        flex-direction: column;
    }

    .experienceSubContainer {
        width: 100%;
        max-width: none;
    }

    .controlsBar {
        position: absolute;
        height: 22px;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0 2.5vw;
        box-sizing: border-box;
        align-items: center;
        z-index: 1;
    }

    .galleryContainer .controlsBar {
        z-index: 2;
    }


    .controlsBar.top_translated {
        transform: translateY(22px);
    }

    .show .controlsBar.top_translated,
    .show.controlsBar.top_translated {
        transform: none;
    }

    .controlsBack {
        background: #514641;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.4;
        z-index: 0;
    }

    .advice {
        z-index: 1;
        font-family: 'Geometria';
        font-size: 9px;
        letter-spacing: 1px;
        position: absolute;
        display: flex;
        align-items: center;
    }

    .advice.left {
        left: 2.5vw;
    }

    .advice.right {
        right: 2.5vw;
    }

    .advice svg {
        width: 17px;
        margin-right: 5px;
    }

    .bullets {
        height: 9px;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .bulletsScroller {
        display: flex;
        height: 7px;
        margin-top: 2px;
    }

    .bullets.moving {
        position: relative;
        width: 212px;
    }

    .bullets.moving .bulletsScroller {
        position: absolute;
        left: calc(50% - 5.5px);
    }





    .bullet {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #FFFFFF;
        margin: 0 2px;
        opacity: 0.5;
    }

    .bullet.active {
        opacity: 1;
        transform: translateY(-2px);
    }

    .fullScreenLauncher {
        width: 15px;
        height: 14px;
        position: absolute;
        left: 2.5vw;
    }


    .fullScreenLauncher .left:before {
        content: '';
        position: absolute;
        border-top: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-left: 1px solid #FFFFFF;
    }

    .fullScreenLauncher .left:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-left: 1px solid #FFFFFF;
        bottom: 0;
    }


    .fullScreenLauncher .right:before {
        content: '';
        position: absolute;
        border-top: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-right: 1px solid #FFFFFF;
        right: 0;
    }

    .fullScreenLauncher .right:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-right: 1px solid #FFFFFF;
        right: 0;
        bottom: 0;
    }


    .fullScreenCloser {
        width: 15px;
        height: 14px;
        position: absolute;
        display: none;
        left: 2.5vw;
    }


    .fullScreenCloser .left:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-right: 1px solid #FFFFFF;
    }

    .fullScreenCloser .left:after {
        content: '';
        position: absolute;
        border-top: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-right: 1px solid #FFFFFF;
        bottom: 0;
    }


    .fullScreenCloser .right:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-left: 1px solid #FFFFFF;
        right: 0;
    }

    .fullScreenCloser .right:after {
        content: '';
        position: absolute;
        border-top: 1px solid #FFFFFF;
        width: 4px;
        height: 4px;
        border-left: 1px solid #FFFFFF;
        right: 0;
        bottom: 0;
    }

    .is-fullscreen .fullScreenCloser {
        display: block;
    }

    .is-fullscreen .fullScreenLauncher {
        display: none;
    }

    .loading {
        width: 13px;
        height: 13px;
        z-index: 1;
        position: absolute;
        right: 2.5vw;
        opacity: 0;
    }

    .loading svg {
        stroke-dasharray: 40px;
        animation: spinning 2s cubic-bezier(0.575, 0.005, 0.285, 1.005) infinite;
    }

    .loading.show {
        opacity: 1;
    }


    @keyframes spinning {
        0% {
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dashoffset: 40;
        }

        100% {
            stroke-dashoffset: 80;
        }
    }


    .adviceBar {
        width: 100%;
        position: absolute;
        top: 0;
        height: 22px;
        display: flex;
        align-items: center;
        transform: translateY(-22px);
    }

    .adviceBar .advice {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .is-fullscreen .adviceBar {
        transform: translateY(0);
    }

    #langsContainer {
        position: absolute;
        top: 23px;
        left: 75px;
    }

}