/* Theme DHK Anti-epidemic Alterations 2022 – DHK Home */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
@import url('font-opensans.css');

/** Common **/
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
::selection{background-color:#E74124; color:#fff;}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
#experience-hong-kong ::selection{background-color:#fff; color:#E74124;}
#hellohk p, #hellohk a, #hellohk li, #hellohk th, #hellohk td, #hellohk span{font-size:1.125rem; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#hellohk *{font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#hellohk img{max-width:100%;}
#hellohk .title > .cmp-title > .cmp-title__text > h2, #hellohk .title > .cmp-title > .cmp-title__text > h3{font-size:2.813rem; font-weight:800; line-height:1.1;}
/*@media (min-width: 768px) {
	.heading h3, h3, .zh-TW .heading h3, .zh-TW h3, .zh-CN .heading h3, .zh-CN h3{font-size:2.125rem;}
}*/
/*@media (min-width: 991.98px) {
	#hellohk .container-cust{max-width:none; padding:0 20px;}
}*/
@media (min-width: 1599.98px) {
	#hellohk .container-cust{max-width:1720px; padding:0 40px;}
}
#hellohk .desc-container{position:relative; width:100%; max-width:992px; margin:0 auto; padding:0 20px 30px; text-align:center;}
#hellohk .slick-slide img{display:inline-block;}
#hellohk .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper a.offer-cross-sell-item{padding-bottom:26.04% !important;}
#hellohk .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-cover{height:auto !important;}

/* navigation */
html[dir] .rainbow-bar--animated{background-image:none; background-color:#FFF; background-color:#ED1C24;}
html[dir] .navbar-container{background:none;}
html[dir] .navbar-container.expand{border-bottom:0 !important;}
html[dir] .navbar{/*border-bottom:1px solid transparent;*/ border-bottom:0;}
html[dir] .navbar-nav .dropdown-menu{background-color:#fff;}
html[dir] .navbar-expand-md .navbar-nav .dropdown-menu.w-100{margin-top:0; border-top:1px solid #ccc;}

/* moments */
#moments{position:relative; padding-bottom:125px;}
#moments .momemnts-bg{width:100%; height:100%; position:absolute; left:0; bottom:0; /*background-color:#FFF2EE; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,242,238,1) 50%, rgba(255,242,238,1) 100%);*/}
#moments .slick-list{overflow:visible;}
#moments .slick-prev, #moments .slick-next{width:65px; height:65px; z-index:99; background-color:#fff; border-radius:50%; box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -webkit-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -moz-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); background-position:center center; background-size:100% auto; background-repeat:no-repeat;}
#moments .slick-prev:before, #moments .slick-next:before{display:none !important;}
#moments .slick-prev{background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-prev.svg);}
#moments .slick-next{background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-next.svg);}
html[lang="ar"] #moments .slick-prev{background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-next.svg);}
html[lang="ar"] #moments .slick-next{background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-prev.svg);}
#moments .slick-disabled{display:none !important;}
#moments .m--slide{position:relative; float:left; width:385px; margin:0 13px 0 12px; -webkit-border-bottom-right-radius:40px; -moz-border-radius-bottomright:40px; border-bottom-right-radius:40px; overflow:hidden;}
#moments .m--slide .thumb{position:relative;}
#moments .m--slide .thumb img{display:block; width:100%;}
#moments .m--slide .thumb:after{display:block; content:''; width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../png/locals-friends-shadow.png); background-position:center bottom; background-size:100% auto; background-repeat:no-repeat; pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
#moments .m--slide .play-icon{position:absolute; right:0; bottom:0;}
#moments .m--slide .bio{position:absolute; width:100%; bottom:0; left:0; padding:0 90px 43px 40px;}
#moments .m--slide .mini-lockup{margin-bottom:20px;}
#moments .m--slide .mini-lockup img{max-width:80%;}
#moments .m--slide .mini-title{position:relative; display:inline-block; margin:9px 15px 2px; width:auto; color:#fff; font-size:1.25rem; font-weight:800;}
#moments .m--slide .mini-title:before, #moments .m--slide .mini-title:after{display:block; content:''; width:13px; height:11px; position:absolute; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
#moments .m--slide .mini-title:before{left:-22px; top:-9px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.363' height='10.234' viewBox='0 0 12.363 10.234'%3E%3Cpath id='Path_2929' data-name='Path 2929' d='M7.773-21.387v-2.832a10.5,10.5,0,0,1,.537-3.652,5.46,5.46,0,0,1,1.826-2.422,6.992,6.992,0,0,1,2.93-1.328v2.266a2.408,2.408,0,0,0-1.309,1.777h1.309v6.191Zm-7.07,0v-2.832a10.5,10.5,0,0,1,.537-3.652,5.435,5.435,0,0,1,1.836-2.422A7.065,7.065,0,0,1,6-31.621v2.266a2.408,2.408,0,0,0-1.309,1.777H6v6.191Z' transform='translate(-0.703 31.621)' fill='%23ef431b'/%3E%3C/svg%3E%0A");}
#moments .m--slide .mini-title:after{right:-22px; bottom:-2px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.363' height='10.234' viewBox='0 0 12.363 10.234'%3E%3Cpath id='Path_2930' data-name='Path 2930' d='M7.773-10.613v2.832a10.5,10.5,0,0,0,.537,3.652,5.46,5.46,0,0,0,1.826,2.422,6.992,6.992,0,0,0,2.93,1.328V-2.645a2.408,2.408,0,0,1-1.309-1.777h1.309v-6.191Zm-7.07,0v2.832A10.5,10.5,0,0,0,1.24-4.129,5.435,5.435,0,0,0,3.076-1.707,7.065,7.065,0,0,0,6-.379V-2.645A2.408,2.408,0,0,1,4.688-4.422H6v-6.191Z' transform='translate(13.066 -0.379) rotate(180)' fill='%23ef431b'/%3E%3C/svg%3E%0A");}
#moments .m--slide .mini-figure{}
#moments .m--slide .mini-figure > img{float:left; width:48px; border-radius:50%;}
#moments .m--slide .mini-figure .mini-figure-content{margin-left:60px; margin-top:25px; line-height:1.4;}
#moments .m--slide .mini-figure .mini-figure-name, #moments .m--slide .mini-figure .mini-figure-title{display:block; color:#fff;}
#moments .m--slide .mini-figure .mini-figure-name{font-size:15px; font-weight:700;}
#moments .m--slide .mini-figure .mini-figure-title{font-size:13px; font-weight:600; font-style:italic;}

#moments .m--slide .mini-tag{display:inline-block; margin-top:25px; padding:5px 12px; color:#fff; font-size:0.938rem; font-weight:700; background-color:#222;}
.mini-tag.color-arts{background-color:#f20f6b !important;}
.mini-tag.color-attractions{background-color:#118ab2 !important;}
.mini-tag.color-culture{background-color:#b58339 !important;}
.mini-tag.color-dining{background-color:#f37b21 !important;}
.mini-tag.color-entertainment{background-color:#9e6fb2 !important;}
.mini-tag.color-great-outdoors{background-color:#a8ca34 !important;}
.mini-tag.color-greater-bay-area{background-color:#486ab7 !important;}
.mini-tag.color-must-do{background-color:#00d199 !important;}
.mini-tag.color-neighbourhood{background-color:#E4C420 !important;}
.mini-tag.color-neighbourhoods{background-color:#E4C420 !important;}
.mini-tag.color-nightlife{background-color:#8ec73f !important;}
.mini-tag.color-traveller-essentials{background-color:#e2002c !important;}
.mini-tag.color-wellness{background-color:#a8ca34 !important;}

#moments .hr-seemore{position:relative; margin-top:40px; text-align:center;}
#moments .hr-seemore:before{display:block; content:''; width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff;}
#moments .hr-seemore > a.btn-more{display:inline-block; height:50px; padding:0 30px; border:2px solid #FFEFEF; border-radius:5px; line-height:49px; color:#fff; background-color:#ED1C24; position:relative; font-size:0.938rem; color:#fff; font-weight:700;}
#moments .hr-seemore > a.btn-more:after{display:inline-block; content:''; margin-left:8px; width:23.4px; height:11px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.401' height='11.001' viewBox='0 0 23.401 11.001'%3E%3Cpath id='Union_1' data-name='Union 1' d='M522.113,5.662l-.007-.006A1.192,1.192,0,0,1,522.1,4l2.318-2.321H506.172a1.177,1.177,0,0,1,0-2.354h18.253L522.11-3a1.179,1.179,0,0,1-.341-.836,1.159,1.159,0,0,1,.35-.833A1.159,1.159,0,0,1,522.936-5a1.166,1.166,0,0,1,.839.359l4.294,4.325A1.181,1.181,0,0,1,528.4.5a1.128,1.128,0,0,1-.094.46,1.256,1.256,0,0,1-.229.352l-.014.014-4.291,4.322a1.172,1.172,0,0,1-1.658.01Z' transform='translate(-505 5)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto;}

/* experience hong kong virtually */
#experience-hong-kong{position:relative;}
#experience-hong-kong:before{display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#E74124; z-index:1;}
#experience-hong-kong .tabs{position:relative; z-index:2;}
#experience-hong-kong h2, #experience-hong-kong h3, #experience-hong-kong .desc-container, #experience-hong-kong .desc-container p{color:#fff;}
html[dir] #hellohk .header-banner-container .header-banner .swiper-button-prev, html[dir] #hellohk .header-banner-container .header-banner .swiper-button-next{border-radius:50%; box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -webkit-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -moz-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15);}
#experience-hong-kong ol.cmp-tabs__tablist{margin-bottom:0; min-height:0; display:flex; flex-direction:row; justify-content:center; border-bottom:0;}
#experience-hong-kong li.cmp-tabs__tab{min-width:0; color:#F5C9BF; padding:16px 55px 20px; font-weight:700; text-align:center;}
#experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active{border-bottom:0; color:#fff;}
#experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active, #experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active:hover, #experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active:focus{outline:none;}
#experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active:before{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:5px; background-color:#fff; z-index:2;}
#experience-hong-kong li.cmp-tabs__tab.tab-divider:after{margin-left:auto; margin-top:auto; right:0; top:calc(50% - 7px); background-color:#F5C9BF;}

#experience-hong-kong .header-banner a.banner{padding-bottom:26.04%;}
#experience-hong-kong .header-banner .textbox{padding-left:14%; width:50%; height:100%; display:flex; flex-direction:column; justify-content:center;}
#experience-hong-kong .header-banner .hb-title{margin-bottom:15px;}
#experience-hong-kong .header-banner .hb-title h5{font-size:55px; font-weight:800; line-height:1; text-shadow:6px 2px 5px rgba(0,0,0,0.55);}
#experience-hong-kong .header-banner .hb-title h5 > img{/*transform:translateX(-10px);*/ margin-left:-3px;}
#experience-hong-kong .header-banner .hb-text{font-weight:600; line-height:1.4; text-shadow:6px 2px 5px rgba(0,0,0,0.55);}
#experience-hong-kong .header-banner .cover-wrapper:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% + 2px); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; opacity:.7;}
#experience-hong-kong .header-banner .cover-wrapper.pc-cover:after{background-image:url(../png/experience-hong-kong-shadow.png);}
#experience-hong-kong .header-banner .cover-wrapper.mb-cover:after{background-image:url(../png/experience-hong-kong-shadow_m.png);}

#experience-hong-kong .suggested-content{margin-top:0 !important; margin-bottom:0 !important; margin-left:0 !important; margin-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:0 !important; padding-right:0 !important;}
#experience-hong-kong .suggested-content:not(.main-content){padding-top:45px !important; padding-bottom:45px !important; padding-left:14.19% !important; padding-right:14.19% !important;}
#experience-hong-kong .suggested-content .swiper-container{overflow:visible !important; margin-left:0 !important;}
#experience-hong-kong .suggested-content .suggested-content-list .swiper-pagination-bullet{margin:0 5px !important; width:10px; height:10px;}
#experience-hong-kong .suggested-content .suggested-content-list .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#fff !important; opacity:1 !important;}
#experience-hong-kong .suggested-content-content .route .route-left{width:35% !important; overflow:hidden;}
#experience-hong-kong .suggested-content-content .route .route-left img{height:auto !important;}
#experience-hong-kong .suggested-content-content .route .route-right{padding:10px 40px !important;}
#experience-hong-kong .suggested-content-title{display:none;}
#experience-hong-kong .suggested-content-item{border:0 !important;}
#experience-hong-kong .suggested-content .swiper-buttons{position:relative !important; top:auto !important; left:auto !important; margin-top:16px; justify-content:center; transform:none !important;}
#experience-hong-kong .swiper-button-prev, #experience-hong-kong .swiper-button-next{margin-top:0 !important; top:auto !important;}

#experience-hong-kong img.circle-arrow, #experience-hong-kong .hb-text img{display:block; margin-top:25px;}

/* whats happening */
#whats-happening{position:relative; /*background-color:#FFFBFA;*/}
#whats-happening .featured-event__listing--overlay, #whats-happening img.featured-event__listing--bg-overlay{display:none;}
#whats-happening .title > .cmp-title > .cmp-title__text > h2, #whats-happening .title > .cmp-title > .cmp-title__text > h3{text-transform:uppercase;}
#whats-happening .rainbow-bar--small.rainbow-bar--centered .cmp-title__text:before{display:none;}

#whats-happening .featured-event__listing--wrapper{padding-top:0 !important; padding-bottom:0 !important;}
#whats-happening .featured-event__listing--wrapper > .container.cmp-container{display:none;}
#whats-happening .featured-event__grid--column{width:calc(550px + 30px) !important; padding-left:15px !important; padding-right:5px !important; margin-left:-5px;}
#whats-happening .featured-event__grid--itemWrap{width:100%;}
#whats-happening .featured-event__grid--item.large{display:block; width:100%; padding-top:0; margin-bottom:0;}
#whats-happening .featured-event__grid--background{position:relative; padding-top:75%;}
#whats-happening .featured-event__grid--item:hover .featured-event__grid--background{transform:none !important;}
#whats-happening .featured-event__grid--gradient{display:none;}
#whats-happening .featured-event__grid--content{position:relative; display:flex; flex-direction:column-reverse; padding:0; margin-top:30px;}
#whats-happening .featured-event__grid--content-title{padding:0;}
#whats-happening .featured-event__grid--content-title *{font-size:20px; font-weight:700; color:#000;}
#whats-happening .featured-event__grid--content-date{margin-bottom:6px !important; padding-top:0 !important; padding-bottom:0 !important; font-size:15px; font-weight:700; line-height:1.4; color:#e74124;}
#whats-happening .featured-event__grid--content-date *{font-size:15px; font-weight:700; line-height:1.4; color:#e74124;}
#whats-happening .featured-event__grid--content-date .cmp-title__text{padding:0;}
#whats-happening .featured-event__grid--content-date h4{margin-block-start:0 !important; margin-block-end:0 !important;}
#whats-happening .featured-event__grid--action a.button{border-color:#FFC58B; border-width:2px; color:#e74124; font-weight:700;}

#whats-happening .featured-event__listing h1,
#whats-happening .featured-event__listing .heading h1,
#whats-happening .featured-event__listing h2,
#whats-happening .featured-event__listing .heading h2,
#whats-happening .featured-event__listing h3,
#whats-happening .featured-event__listing .heading h3,
#whats-happening .featured-event__listing h4,
#whats-happening .featured-event__listing .heading h4,
#whats-happening .featured-event__listing h5,
#whats-happening .featured-event__listing .heading h5,
#whats-happening .featured-event__listing h6,
#whats-happening .featured-event__listing .heading h6,
#whats-happening p,
#whats-happening a,
#whats-happening li,
#whats-happening th,
#whats-happening td,
#whats-happening span{
	color:#000;
}
#whats-happening .event-date{font-size:14px !important; color:#e74124 !important;}
#whats-happening .featured-event__listing .featured-event__listing--content{width:550px !important;}
#whats-happening .featured-event__listing--description .title.title--regular{margin-bottom:12px !important;}
#whats-happening .featured-event__listing--description .clamp-2{-webkit-line-clamp:3; display:block;}
#whats-happening .featured-event__listing--description .clamp-3{-webkit-line-clamp:4;}
body.ar #whats-happening .featured-event__listing--description{direction: ltr !important;}



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1679.98px) {
	/* experience hong kong virtually */
	#experience-hong-kong .header-banner .textbox{width:60%;}
	#experience-hong-kong .header-banner .hb-title h5{font-size:40px;}
	#experience-hong-kong .header-banner .hb-title h5 > img{height:100px;}
}


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	/* experience hong kong virtually */
	#experience-hong-kong li.cmp-tabs__tab{padding:14px 40px 18px; white-space:pre-wrap; font-size:16px;}
	#experience-hong-kong li.cmp-tabs__tab.cmp-tabs__tab--active:before{height:3px;}
	#experience-hong-kong li.cmp-tabs__tab.tab-divider:after{top:calc(50% - 3px);}
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* common */
	#hellohk .title > .cmp-title > .cmp-title__text > h2, #hellohk .title > .cmp-title > .cmp-title__text > h3{font-size:2.5rem;}

	/* experience hong kong virtually */
	#experience-hong-kong .suggested-content-content .route > a{padding:0 10px !important;}
	#experience-hong-kong .header-banner .hb-title h5{font-size:30px;}
	#experience-hong-kong .header-banner .hb-title h5 > img{height:90px;}
	#experience-hong-kong .header-banner .textbox{/*padding-left:5%;*/ padding-left:12.19%;}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/* common */
	#hellohk .title > .cmp-title > .cmp-title__text > h2, #hellohk .title > .cmp-title > .cmp-title__text > h3{font-size:2.125rem;}
	#hellohk .title > .cmp-title > .cmp-title__text > h2 br, #hellohk .title > .cmp-title > .cmp-title__text > h3 br{display:none;}
	#hellohk p, #hellohk a{font-size:1rem;}
	#hellohk .desc-container{padding:0 10px 15px;}
	#hellohk .desc-container br{display:none;}
	.fancybox-slide{padding:0;}

	/* moments */
	#moments{padding-bottom:75px;}
	#moments .m--slide .play-icon{right:15px; bottom:15px;}
	#moments .m--slide .play-icon img{width:60px; height:60px;}
	#moments .m--slide .bio{padding:0 85px 30px 25px;}
	#moments .m--slide .mini-title{font-size:1rem;}
	#moments .m--slide .mini-tag{margin-top:20px; font-size:0.86rem;}
	#moments .hr-seemore > a.btn-more{height:42px; padding:0 24px; line-height:36px;}

	/* experience hong kong virtually */
	#experience-hong-kong .suggested-content.main-content{padding-bottom:50px !important;}
	#experience-hong-kong .suggested-content:not(.main-content){padding-top:0 !important; padding-bottom:0 !important;}
	#experience-hong-kong .suggested-content .swiper-container{overflow:hidden !important;}
	#experience-hong-kong .suggested-content-content .route > a{padding:0 !important;}
	#experience-hong-kong .suggested-content-content .route .route-right{padding:5px 15px !important;}
	#experience-hong-kong .suggested-content-content .route .route-desc{font-size:14px !important; line-height:1.3 !important;}
	#experience-hong-kong ol.cmp-tabs__tablist{justify-content:flex-start;}
	#experience-hong-kong li.cmp-tabs__tab{padding:10px 30px 15px; font-weight:700; font-size:15px; white-space:nowrap; flex:1 0 auto;}
	#experience-hong-kong .header-banner a.banner{padding-bottom:31.25%}
	#experience-hong-kong .header-banner .hb-title{margin-bottom:10px;}
	#experience-hong-kong .header-banner .hb-title h5{font-size:24px;}
	#experience-hong-kong .header-banner .hb-title h5 > img{height:78px;}
	#experience-hong-kong .header-banner .hb-text{font-size:15px;}
	#experience-hong-kong img.circle-arrow{margin-top:15px; width:24px;}

	/* whats happening */
	#whats-happening .featured-event__grid--column{width:403px !important;}
	#whats-happening .featured-event__listing .js-featured-grid .swiper-button-next{right:30px;}
	#whats-happening .featured-event__listing .js-featured-grid .swiper-button-prev{left:30px;}
	#whats-happening .featured-event__listing .featured-event__listing--content{width:403px !important;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media only screen and (min-width:768px) and (max-width:768px){
	#experience-hong-kong .header-banner .swiper-container .swiper-wrapper .swiper-slide .cover-wrapper.pc-cover{display:block !important;}
	#experience-hong-kong .header-banner .swiper-container .swiper-wrapper .swiper-slide .cover-wrapper.mb-cover{display:none !important;}
}
@media (max-width: 767.98px) {
	/* common */
	#hellohk .masthead.aem-GridColumn--default--12{margin-left:-30px; margin-right:-30px; width:100vw;}
	#hellohk .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:100% !important;}

	/* moments */
	#moments .momemnts-bg{width:calc(100% + 60px); margin-left:-30px;}

	/* experience hong kong virtually */
	#experience-hong-kong{width:auto; margin-left:-30px; margin-right:-30px;}
	#experience-hong-kong:before{width:calc(100% + 60px); left:-30px; top:-15px;}
	#experience-hong-kong ol.cmp-tabs__tablist{margin-left:-30px; margin-right:-30px; margin-top:-15px;}
	#experience-hong-kong .header-banner-container{margin-left:-30px; margin-right:-30px;}
	#experience-hong-kong .header-banner a.banner{padding-bottom:119.4%}
	#experience-hong-kong .header-banner .textbox{padding-left:0;}
	#experience-hong-kong .suggested-content:not(.main-content){padding-left:0 !important; padding-right:0 !important;}

	/* whats happening */
	#whats-happening{margin-left:-60px; margin-right:-60px; margin-top:-15px; width:auto;}
	#whats-happening .featured-event__grid--column{width:100vw !important;}
	#whats-happening .featured-event__grid--content{margin-top:15px; padding:0 20px;}
	#whats-happening .featured-event__grid--content-title *{font-size:16px;}
	#whats-happening .featured-event__grid--content-date *{font-size:14px;}
	#whats-happening .featured-event__listing .js-featured-grid .swiper-button-next{right:20px;}
	#whats-happening .featured-event__listing .js-featured-grid .swiper-button-prev{left:20px;}
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* common */
	#hellohk .container-cust{padding:0;}
	#hellohk .title > .cmp-title > .cmp-title__text > h2, #hellohk .title > .cmp-title > .cmp-title__text > h3{font-size:1.438rem;}
	#hellohk p, #hellohk a{font-size:0.929rem;}

	/* moments */
	#moments .m--slide{width:275px; margin:0 8px 0 7px;}

	/* experience hong kong virtually */
	#experience-hong-kong li.cmp-tabs__tab{font-size:14px;}
	#experience-hong-kong .header-banner .textbox{width:65%; padding-left:8%;}
	#experience-hong-kong .header-banner .textbox .hb-content{padding-left:0; padding-right:0;}

	/* sepcial offers */
	#special-offers{margin-left:-30px; margin-right:-30px; width:auto;}

	/* whats happening */
	#whats-happening .featured-event__grid--column{padding-left:0 !important; padding-right:0 !important;}
	#whats-happening .featured-event__listing .featured-event__listing--content{width:350px !important;}
}





/* touch device fix */
@media (hover: none) and (pointer: coarse) {

}

/* IE 10 & 11 fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
	#whats-happening .featured-event__listing--description .clamp-2 {
		-webkit-line-clamp: unset !important;
	}
}}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
	#whats-happening .featured-event__listing--description .clamp-2 {
		-webkit-line-clamp: unset !important;
	}
}}