@media screen and (min-width: 992px){
    #hotel {
        /* overflow: hidden; */
        /* padding-bottom: 45px; */
    }
    #block-hotelhighlights .so-title{
        color: #9D8F66;
        text-align: center;
        font-family: Cormorant Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px; /* 109.091% */
        text-transform: uppercase;
    }
    #block-hotelhighlights .so-subtitle{
        color: #5C5D5D;
        text-align: center;
        font-family: Lato Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 109.091% */
        text-transform: uppercase;
        margin-bottom: 10px !important;

    }
    #hotel .splide__slide img{
        aspect-ratio: 4 / 5;
    }
    /* #hotel .highlightname */
    #hotel .highlightsum
    {
        display: none;
    }
    #hotel{
        max-width: min(85vw,1290px);
        margin: 0 auto 50px;
    }
    #hotel .hotel-childer{
        margin: 0 15px;
    }
    #hotel .slick-arrow.slick-disabled{
        opacity: 0.3;
    }
    #hotel .hotel-childer img{
        width: 100%;
        aspect-ratio: 4 / 5;
    }
    #hotel .slick-arrow{
        z-index: 8;
    width: 45px;
    height: 90px;
    }
    #hotel .slick-prev{
        top: 50% !important;
    align-items: center;
    background: url(../image/arrow-left.svg) no-repeat #fff;
    background-size: 20px;
    background-position: center center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
    width: 72px;
    z-index: 1;
    }
    #hotel .slick-next{
        top: 50% !important;
        align-items: center;
        background: url(../image/arrow-right.svg) no-repeat #fff;
        background-size: 20px;
        background-position: center center;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 72px;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 1;
        padding: 0;
        position: absolute;
        transform: translateY(-50%);
        width: 72px;
        z-index: 1;
    }
    #hotel .slick-prev::before{
        content: "" !important;
    }
    #hotel .slick-next::before{
        content: "" !important;
    }
    #hotel .field--name-field-paragraph-gold-title{
        color: #9D8F66;
        font-family: Cormorant Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 24px;
        font-style: italic;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }
    /* #hotel .field--name-field-paragraph-content */
    #hotel .hotel-context p:nth-last-child(2)
    {
        color: #5C5D5D;
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        margin-bottom: 30px;
        margin-top: 12px;
        height: 96px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    
    }
    #hotel .hotel-context p:last-child{
        display: none;
    }
    #hotel .splide__arrows{
        display: none;
    }
    #hotel .highlightmore{
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        padding-bottom: 45px;
    }
    .paragraph--type--paragraph-share-content-block .hotel-bg{
        background-position: top;
        background-size: 100% 60vw;
        background-repeat: no-repeat;
        margin-top: 0 !important;
    }
    #hotel .splide__pagination{
        display: none;
    }
    #hotel .splide__slide{
        width: 400px !important;
    }
    #hotel .splide__arrows{
        display: block;
    }
    #hotel .splide__arrow--prev{
        border: none;
        position: absolute;
        top: 44%;
       left: -11%;
        background:transparent
    }
    #hotel .splide__arrow--next{
        border: none;
        position: absolute;
        top: 44%;
        right: -11%;
        background:transparent
    }
    #hotel .splide__arrow svg{
        fill: #5c5d5d;
        height: 91px;
        width: 60px;
    }

}



@media screen and (min-width:300px) and (max-width:991px) {
    #block-hotelhighlights {
        /* padding-top: 45px; */
    }
    #hotel{
        padding-bottom: 45px;
        overflow: inherit;
    }
    #hotel .hotel-childer{
        margin: 0 7.5px 15px 7.5px;
    }
    #hotel .hotel-childer img{
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    #hotel .so-subtitle{
        color: #5C5D5D;
        text-align: center;
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }
    #hotel .splide__slide{
        width: 257px !important;
    }
    #hotel .splide__slide .mb-2{
        margin-bottom: 10px !important;
    }
    #hotel .so-title{
        color: #9D8F66;
        text-align: center;
        font-family: Cormorant Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 109.091% */
        text-transform: uppercase;
    }
    #hotel .splide__slide img{
        aspect-ratio: 4 / 3;
    }
    /* #hotel .highlightname */
    #hotel .highlightsum
    {
        display: none;
    }
    #hotel .field--name-field-paragraph-gold-title{
        color: #9D8F66;
        font-family: Cormorant Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }
    /* #hotel .field--name-field-paragraph-content */
    #hotel .hotel-context p:nth-last-child(2)
    {
        color: #5C5D5D;
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 150% */
        margin-bottom: 15px;
        margin-top: 5px;
        height: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    #hotel .hotel-context p:last-child{
        display: none;
    }
    #hotel .splide__arrows{
        display: block;
        position: absolute;
        bottom: 15px;
        left: 43%;
        right: 0 !important;
    }
    #hotel .splide__arrow--prev{
        border: none;
        position: relative;
        left: -30px !important;
        right: 0 !important;
        background:transparent;
    }
    #hotel .splide__arrow--next{
        border: none;
        position: relative;
        left: 30px !important;
        right: 0 !important;
        background:transparent;
    }
    #hotel .slick-dots{
        display: block;
        top: calc(100% - 40px) !important;
        left: 45% !important;
        right: 0 !important;
    }
    #hotel .slick-dots li{
        display: none;
    }
    #hotel .slick-dots li.slick-active{
        display: block;
    }
    #hotel .splide__arrow svg{
        fill: #5c5d5d;
        height: 11px;
        width: 14px;
    }
    #hotel .slick-dots li button{
        font-size: 12px;
        font-family: Cormorant Garamond;
        font-weight: 600;
        line-height: 15px;
        transform: scale(1.4);
        color: #5C5D5D !important;
        padding-top: 1px;
    }
    #hotel .slick-dots li.slick-active button:before {
        color: transparent;
    }
    #hotel .slick-arrow{
        z-index: 8;
        width: 7px;
        height: 27px;
        top: 93%;
    }
    #hotel .slick-prev{
        left: 32%;
        background-image: url(../image/arrow-left.svg);
        background-size: 10px 32px;
    }
    #hotel .slick-next{
        right: 32%;
        background-image: url(../image/arrow-right.svg);
        background-size: 7px 32px;
    }
    #hotel .slick-prev:before{
        content: "" !important;
    }
    #hotel .slick-next:before{
        content: "" !important;
    }
    #hotel .slick-dotted.slick-slider{
        margin-bottom: 0;
    }
    #hotel .highlightmore a{
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        color: #9D8F66;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        align-items: center;
    }
    #hotel .highlightmore{
        width: 100%;
    }
    .paragraph--type--paragraph-share-content-block .hotel-bg{
        background-position: top;
        background-size: 100% 150vw;
        background-repeat: no-repeat;
        margin-top: 0 !important;
    }
  }
  @media screen and (min-width:768px) and (max-width:991px){
    #hotel .hotel-context p:nth-last-child(2)
    {
        color: #5C5D5D;
        font-family: Lato,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 150% */
        margin-bottom: 15px;
        margin-top: 5px;
        height: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    #hotel {
        padding-bottom: 60px; 
    }
  }
  @media screen and (min-width:800px) and (max-width:991px){
    .paragraph--type--paragraph-share-content-block .hotel-bg{
        background-size: 100% 70vw; 
    }
  }
  @media screen and (min-width: 992px) and (max-width: 1080px) {
    .paragraph--type--paragraph-share-content-block .hotel-bg {
        background-size: 100% 79vw !important;
    }
    #hotel .slick-dots{
        left: 48% !important;
    }
    #hotel .slick-arrow{
        z-index: 8 !important;
        width: 45px !important;
        height: 90px !important;
    }
    #hotel .slick-arrow.slick-disabled{
        opacity: 0.3;
    }
    #hotel .slick-prev::before,
    #hotel .slick-next:before {
        content: "" !important;
    }
    #hotel .slick-prev{
        left: -60px !important;
        background-image: none;
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 50%;
        box-shadow: none;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 72px;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        top: 48%;
        transform: translateY(-50%);
        width: 72px;
        z-index: 1;
        font-family: 'gva-icon' !important;
        background-image: url(../image/arrow-left.svg) !important;
    }
    #hotel .slick-next{
        right: -60px !important;
        background-image: none;
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 50%;
        box-shadow: none;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 72px;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        top: 48%;
        transform: translateY(-50%);
        width: 72px;
        z-index: 1;
        font-family: 'gva-icon' !important;
        background-image: url(../image/arrow-right.svg) !important;
    }
    #hotel .slick-prev:before{
        /* content: "\e99d" !important; */
        opacity: 1;
        font-size: 32px;
        color: #5c5d5d;
        font-family: 'gva-icon' !important;
    }
    #hotel .slick-next:before{
        /* content: '→' !important; */
        /* content: "\e99e" !important; */
        opacity: 1;
        font-size: 32px;
        color: #5c5d5d;
        font-family: 'gva-icon' !important;
    }
    #hotel .slick-dots{
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    #hotel .slick-dots{
        left: 48% !important;
    }
}

@media screen and (min-width: 1081px) and (max-width: 1570px){
    .paragraph--type--paragraph-share-content-block .hotel-bg{
        background-position: top;
        background-size: 100% 80vw;
        background-repeat: no-repeat;
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 375px){
    .paragraph--type--paragraph-share-content-block .hotel-bg{
        background-position: top;
        background-size: 100% 165vw;
        background-repeat: no-repeat;
        margin-top: 0 !important;
    }
}