/* DHK Arts Section */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
/*font-family: 'Comfortaa', cursive;*/


/*.navbar-nav{display:none;}*/
.stickyicon{display:none !important;}

html[dir] body{background-color:#000 !important;}
img{display:inline-block;}
.noselect, .noselect *{
	pointer-events:none;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
html[dir] .sharing__list{margin-top:0 !important; margin-bottom:0 !important;}
html[dir=ltr] li.sharing__item{margin-right:15px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
ul.sharing__list .icon-hover__showed path{fill:#fff;}
ul.sharing__list .icon-hover__hidden path{fill:#deab5b;}
html[dir] footer.footer{border-color:#222;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative;}
.webchat-mobile{/*bottom:70px !important;*/ display:none !important;}
.fancybox-slide--iframe .fancybox-content{/*max-height:calc(100% - 88px);*/ background-color:#000 !important; overflow:hidden;}
#share{position:relative; display:flex; justify-content:center; padding-bottom:28px; margin-top:30px;}
#share:after{display:block; content:''; position:absolute; left:calc(50% - 15px); bottom:0; width:30px; height:5px; background-color:#fff;}
.video-js .vjs-play-progress, .video-js .vjs-big-play-button{background-color:#FFC855 !important;}
.section{scrollbar-color: rgb(136, 136, 136) rgba(34, 34, 34, .2); scrollbar-width: thin;}
.section::-webkit-scrollbar {
	width: 10px;
}
.section::-webkit-scrollbar-track {
	background-color: rgba(34, 34, 34, .2);
}
.section::-webkit-scrollbar-thumb {
	border-radius: 100px;
	border: 3px solid transparent;
	background-clip: content-box;
	background-color: #888;
}

/* Common */
.text-neon{
	display:inline-block; position:relative; font-family:'Comfortaa', cursive; font-size:42px; margin:0; padding:0 4px 3px 0; color:#fff; line-height:1.1;
	text-shadow: 0 0 2px #D7FFFE, 0 0 10px #40A99F;
	-webkit-text-stroke-width: 1px;
	-moz-text-stroke-width: 1px;
	-webkit-text-stroke-color: #D7FFFE;
	-moz-text-stroke-color: #D7FFFE;
}
.text-neon-stroke{
	display:none;
	position:absolute; left:3px; top:2px;
	text-shadow:0 0 0 transparent;
	-webkit-text-stroke-width: 1px;
	-moz-text-stroke-width: 1px;
	-webkit-text-stroke-color: #D7FFFE;
	-moz-text-stroke-color: #D7FFFE;
	color: transparent;
}
.text-neon-sm.text-neon{font-size:28px; padding:0 3px 2px 0;}
#theme-wk.lang-en .text-neon-sm.text-neon{font-size:24px;}
.text-neon-sm.text-neon .text-neon-stroke{left:2px; top:1px;}
.icon-scroll{position:absolute; left:calc(50% - 200px); bottom:0; padding-bottom:70px; width:400px; font-size:20px; color:#fff; text-align:center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='48' viewBox='0 0 22 48'%3E%3Cpath id='Union_2' data-name='Union 2' d='M-858,48V34a10,10,0,0,1-10-10V10A10,10,0,0,1-858,0h2a10,10,0,0,1,10,10V24a10,10,0,0,1-10,10V48Zm-8-38V24a8.009,8.009,0,0,0,8,8h2a8.01,8.01,0,0,0,8-8V10a8.01,8.01,0,0,0-8-8h-2A8.009,8.009,0,0,0-866,10Zm7,3V11a2,2,0,0,1,2-2,2,2,0,0,1,2,2v2a2,2,0,0,1-2,2A2,2,0,0,1-859,13Z' transform='translate(868)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:center bottom; background-repeat:no-repeat;}
.icon-scroll img{width:100%; max-width:334px;}
a.btn-seemore{display:inline-block; width:246px; height:83px; margin-top:15px; margin-left:-10px; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; text-indent:-9999px; overflow:hidden;}
a.btn-seemore.purple{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/btn-seemore-purple.png);}
a.btn-seemore.lakeblue{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/btn-seemore-lakeblue.png);}
a.btn-capsule{position:relative; display:inline-flex; justify-content:center; align-items:center; width:200px; height:64px; margin-left:-10px; padding-left:12px; padding-top:6px; margin-top:15px; text-align:center; line-height:1; font-family:'Comfortaa', cursive; font-size:20px; color:#d9fffe !important; text-transform:uppercase; font-weight:bold;}
a.btn-capsule .capsule-border{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
a.btn-capsule:after{display:block; content:''; width:35px; height:29px; margin-top:-5px; background:url(/content/dam/dhk/common/theme/2021/west-kowloon/arrow-right-mini.png) no-repeat center; background-size:100% auto;}
.s--scrollable-control{text-align:right; padding-right:7%; margin-bottom:6px;}
.s--scrollable-control .s--btn{width:40px; height:40px; border:2px solid #6D7A7A; border-radius:50%; outline:none; background-color:#5C5E8A; background-position:center; background-repeat:no-repeat;}
.s--scrollable-control .s--btn.btn-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.688' height='17.466' viewBox='0 0 15.688 17.466'%3E%3Cpath id='Union_6' data-name='Union 6' d='M5.885.463,5.879.471A1.634,1.634,0,0,0,5.87,2.749l4.365,4.373H1.606a1.615,1.615,0,0,0,0,3.229h8.637L5.881,14.719a1.62,1.62,0,0,0,.012,2.289,1.592,1.592,0,0,0,2.27-.034l7.068-7.119a1.626,1.626,0,0,0,.456-1.126,1.554,1.554,0,0,0-.128-.63,1.725,1.725,0,0,0-.321-.489l-.013-.015L8.159.477A1.61,1.61,0,0,0,5.885.463Z' transform='translate(15.688 17.466) rotate(180)' fill='%23261848'/%3E%3C/svg%3E%0A");}
.s--scrollable-control .s--btn.btn-right{margin-left:6px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.688' height='17.466' viewBox='0 0 15.688 17.466'%3E%3Cpath id='Union_6' data-name='Union 6' d='M5.885,17,5.879,17a1.634,1.634,0,0,1-.009-2.278l4.365-4.373H1.606a1.615,1.615,0,0,1,0-3.229h8.637L5.881,2.748A1.62,1.62,0,0,1,5.893.459a1.592,1.592,0,0,1,2.27.034l7.068,7.119a1.626,1.626,0,0,1,.456,1.126,1.554,1.554,0,0,1-.128.63,1.725,1.725,0,0,1-.321.489l-.013.015L8.159,16.989A1.61,1.61,0,0,1,5.885,17Z' fill='%23261848'/%3E%3C/svg%3E%0A");}

.s--scrollable-control .s--btn.color-brown{border-color:#8E8074; background-color:#755A40;}
.s--scrollable-control .s--btn.color-brown.btn-left{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.688' height='17.465' viewBox='0 0 15.688 17.465'%3E%3Cg id='Group_1261' data-name='Group 1261' transform='translate(-1705 -497.001)'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M23.619,27.4a1.121,1.121,0,0,1-.009-1.578L28.824,20.6H18.981a1.115,1.115,0,0,1,0-2.23h9.834L23.6,13.15a1.129,1.129,0,0,1,.009-1.578,1.11,1.11,0,0,1,1.569.009L32.245,18.7h0a1.252,1.252,0,0,1,.232.352,1.064,1.064,0,0,1,.086.429,1.118,1.118,0,0,1-.317.78l-7.066,7.117A1.092,1.092,0,0,1,23.619,27.4Z' transform='translate(1738.063 525.218) rotate(180)' fill='%23291c11'/%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward_-_Outline' data-name='Icon ionic-ios-arrow-round-forward - Outline' d='M24.389,28.217h0a1.592,1.592,0,0,0,1.149-.493L32.606,20.6a1.621,1.621,0,0,0,.457-1.127,1.559,1.559,0,0,0-.128-.629,1.756,1.756,0,0,0-.321-.489l-.014-.014-7.066-7.117a1.61,1.61,0,0,0-2.274-.013l-.007.007a1.635,1.635,0,0,0-.009,2.278l4.365,4.372H18.981a1.615,1.615,0,0,0,0,3.23h8.637l-4.362,4.369a1.619,1.619,0,0,0,.012,2.288A1.592,1.592,0,0,0,24.389,28.217Zm7.5-8.307-7.071,7.123a.581.581,0,0,1-.427.184h0a.6.6,0,0,1-.42-.172.624.624,0,0,1,0-.871L30.03,20.1H18.981a.615.615,0,0,1,0-1.23h11.04L23.955,12.8a.629.629,0,0,1,.008-.871.61.61,0,0,1,.862.009l7.057,7.108a.746.746,0,0,1,.136.207.567.567,0,0,1,.044.228A.617.617,0,0,1,31.887,19.91Z' transform='translate(1738.063 525.218) rotate(180)' fill='%23291c11'/%3E%3C/g%3E%3C/svg%3E%0A");}
.s--scrollable-control .s--btn.color-brown.btn-right{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.688' height='17.466' viewBox='0 0 15.688 17.466'%3E%3Cpath id='Union_6' data-name='Union 6' d='M5.885.463,5.879.471A1.634,1.634,0,0,0,5.87,2.749l4.365,4.373H1.606a1.615,1.615,0,0,0,0,3.229h8.637L5.881,14.719a1.62,1.62,0,0,0,.012,2.289,1.592,1.592,0,0,0,2.27-.034l7.068-7.119a1.626,1.626,0,0,0,.456-1.126,1.554,1.554,0,0,0-.128-.63,1.725,1.725,0,0,0-.321-.489l-.013-.015L8.159.477A1.61,1.61,0,0,0,5.885.463Z' fill='%23291c11'/%3E%3C/svg%3E%0A");}


/* Main */
#theme-wk-loading{
	display:flex; position:absolute; width:100%; height:calc(100vh - 97px); justify-content:center; align-items:center; z-index:-1; font-size:12px; color:#e2f5fb; font-weight:bold; text-align:center;
	background-color:#000;
	background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/west-kowloon-key-visual-poster.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}
.loading-ani{
	width:60px;
	-webkit-animation: loadingAni 1.6s infinite;
   -moz-animation: loadingAni 1.6s infinite;
   -o-animation: loadingAni 1.6s infinite;
    animation: loadingAni 1.6s infinite;
}
.loading-ani img{width:100%;}
@keyframes loadingAni{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes loadingAni{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes loadingAni{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes loadingAni{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
#theme-wk{
	position:relative; height:calc(100vh - 97px); color:#fff; visibility:hidden; opacity:0;
	transition:visibility .25s linear, opacity .25s linear;
	-moz-transition:visibility .25s linear, opacity .25s linear;
	-ms-transition:visibility .25s linear, opacity .25s linear;
	-webkit-transition:visibility .25s linear, opacity .25s linear;
}
#theme-wk.loaded{visibility:visible !important; opacity:1 !important;}
#theme-wk p, #theme-wk a, #theme-wk h1, #theme-wk h2, #theme-wk h3, #theme-wk h4, #theme-wk h5, #theme-wk h6{color:#fff;}
#theme-wk ul, #pp-nav ul{padding-inline-start:0 !important;}

.wk-lockup img{min-width:140px; max-width:155px;}

#theme-wk .section{height:100%; background-color:#222; overflow-x:hidden;}
#theme-wk .section.padding-left{padding-left:7%;}
#theme-wk .section.padding-right{padding-right:7%;}
#theme-wk .section .container-cust.large{max-width:1600px;}
#theme-wk .section .subtitle{margin:30px 0 20px;}
#theme-wk .section.s--entry{}
#theme-wk .section.s--catalog{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-catalog.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; /*overflow-y:hidden;*/}
#theme-wk .section.s--itin{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-itin.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; overflow-y:hidden;}
#theme-wk .section.s--unseen-urban-arts{background-color:#372324;}
#theme-wk .section.s--story{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-story.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; overflow-y:hidden;}
#theme-wk .section.s--mplus{background-color:#178EAA;}
#theme-wk .section.s--arfun{background-color:#47143A;}
#theme-wk .section.s--events{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-events.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
#theme-wk .section.s--offers{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-offers.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
#theme-wk .section.s--events{padding:60px 0 120px;}
#theme-wk .section.s--artinst{background-color:#042f3a;}
#theme-wk .section.s--hkpm{background-color:#B58832;}

#pp-nav.left{left:22px;}
.pp-section.pp-table, .pp-tableCell{display:block;}
#pp-nav li, .pp-slidesNav li{width:13px; height:13px; margin:0; margin-bottom:14px;}
#pp-nav span, .pp-slidesNav span{
	width:13px; height:13px; left:0; top:0; border:0; background-color:#fff;
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}
#pp-nav li a:hover span{background-color:#00A5E5; -webkit-box-shadow:0px 0px 10px 3px rgba(73,192,239,0.8); -moz-box-shadow: 0px 0px 10px 3px rgba(73,192,239,0.8); box-shadow: 0px 0px 10px 3px rgba(73,192,239,0.8);}
#pp-nav li .active span, .pp-slidesNav .active span{background-color:#D3FFA8; -webkit-box-shadow:0px 0px 10px 3px rgba(89,219,8,0.8); -moz-box-shadow: 0px 0px 10px 3px rgba(89,219,8,0.8); box-shadow: 0px 0px 10px 3px rgba(89,219,8,0.8);}

/* Section: home */
.home-slider .slick-list, .home-slider .slick-track{height:100%;}
.home-slider{position:relative; height:100%;}
.home-slider:after{position:absolute; display:block; content:''; left:calc(50% - 426px); bottom:0; width:852px; height:218px; background:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-shadow.png) no-repeat center bottom transparent;}
.home-slide{position:relative; width:100vw; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.home-slide.slide--wk{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/west-kowloon-key-visual-poster.jpg);}
.home-slide.slide--xiqu{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-02.jpg);}
.home-slide.slide--bamboo{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-03.jpg);}
.home-slide.slide--painting{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-04.jpg);}
.slide--xiqu:before, .slide--bamboo:before, .slide--painting:before{display:block; content:''; position:absolute; right:-56px; bottom:-60px; max-width:486px; min-width:426px; width:25.3125vw; height:462px; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/wk-lockup-shadow.png); background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; z-index:1;}
.slide--bamboo:before{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/wk-lockup-shadow-brown.png);}
.slide--xiqu:after, .slide--bamboo:after, .slide--painting:after{display:block; content:''; position:absolute; right:77px; bottom:65px; max-width:220px; min-width:160px; width:11.4583vw; height:213px; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/wk-lockup.png); background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; z-index:5;}

.home-slide .video-wrapper{width:100%; height:100%;}
.home-slide .video-wrapper video{object-fit:cover; width:100%; height:100%;}

/* Section: catalog */
#theme-wk .section.s--catalog{display:flex; flex-direction:column;}
/*.catalog-content{display:flex; height:85%; text-align:center; flex-direction:column; justify-content:center; align-items:center;}*/
.catalog-content{flex-basis:85%; flex-grow:1; padding:60px 0; display:flex; flex-direction:column; justify-content:center; text-align:center;}
.catalog-content .wk-lockup img{min-width:135px; max-width:170px;}
.wk-video{display:inline-block; position:relative; /*max-width:320px;*/ max-width:280px; width:100%; margin-top:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; /*background-color:#3E3E3E;*/ background-image:url(/content/dam/dhk/intl/explore/neighbourhoods/west-kowloon/westkowloon-video-thumb.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
.wk-video a{display:block; width:100%; padding-top:56.25%;}
.wk-video a:after{display:block; content:''; position:absolute; left:calc(50% - 50px); top:calc(50% - 50px); width:100px; height:100px; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/icon-play.png); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.wk-video:after{display:block; content:''; position:absolute; left:50%; bottom:-12px; width:1px; height:25px; background-color:#fff;}
.wk-intro{margin-top:45px;}
.wk-intro h3{/*font-size:50px;*/ font-size:42px; line-height:1.1; letter-spacing:-1px;}
.wk-intro h3 img{width:100%; max-width:770px;}


.catalog-listing{padding:20px 0; text-align:center;}
.catalog-listing ul, .catalog-listing ul li{display:inline-block;}
.catalog-listing ul{width:100%; display:inline-flex; justify-content:center; flex-wrap:wrap;}
.catalog-listing ul li{margin-top:10px; margin-left:1.5% !important; margin-right:1.5% !important;}
/*.catalog-listing ul li:not(first-child){margin-left:3% !important;}*/
.catalog-listing ul li a{display:block; position:relative; padding-top:25px; overflow-x:hidden;}
.catalog-listing .cl--border{display:block; position:absolute; left:0; top:0; width:353px; height:100%; overflow-x:hidden; overflow-y:hidden;}
.catalog-listing .wk-lottie-border-catalog{display:block; width:353px; height:100%;}

/* Section: itineraries */
.itin-intro{display:flex; float:left; width:28.9%; height:100%; padding-right:20px; flex-direction:column; justify-content:center;}
.itin-content{display:flex; margin-left:28.9%; height:100%; flex-direction:column; justify-content:center;}
.itin-content .s--scrollable{
	width:100%; /*height:435px;*/ overflow-x:scroll; overflow-y:hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.itin-content .s--scrollable::-webkit-scrollbar{display:none;}
.itin-content .s--list{white-space:nowrap; /*margin-right:7%;*/}
.itin-content .s--card{position:relative; display:inline-block; width:275px; vertical-align:top;}
.itin-content .s--card:last-child{margin-right:7%;}
.itin-content .s--card a{display:block; position:relative; width:100%; height:100%;}
.itin-content .s--card-inner{display:block; position:relative; padding:29px 20px 52px 22px;}
.itin-content .s--card-outside{padding:0 10px; margin-top:5px; white-space:normal;}
.itin-content .c--img{display:block; /*width:233px; height:311px*/; border-radius:15px; overflow:hidden;}
.itin-content .c--img img{display:block; width:100%;}
.itin-content .c--text{display:block; font-family:'Comfortaa', cursive; font-weight:bold; font-size:23px; text-align:center; line-height:1.2; text-shadow: 1px 1px 30px rgb(0 0 0 / 80%);}
.itin-content .c--border{display:block; position:absolute; left:0; top:0; width:100%; height:100%; /*background:url(/content/dam/dhk/common/theme/2021/west-kowloon/neon-broder.png) no-repeat center top; background-size:100% auto;*/}

/* Section: Unseen Urban Arts */
.uua-intro{display:flex; position:absolute; right:0; top:0; width:calc(33vw + ( 100vh * 0.25 ) ); height:100%; flex-direction:column; justify-content:center; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/unseen-urban-arts-bg-cover.png); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; z-index:10;}
.uua-intro-content{margin-left:30%; margin-right:7%;}

.uua-gallery{width:67vw; height:100%;}
.uua-gallery .g--holder{position:relative; width:100%; height:100%;}
.uua-gallery .g--image{height:100%; background-position:left center; background-size:cover; background-repeat:no-repeat;}
.uua-gallery .g--credit{position:absolute; left:20px; bottom:20px; font-size:14px; line-height:1.4; text-shadow:0px 1px 3px rgba(0, 0, 0, 0.45);}

/* Section: M+ */
.mplus-intro{display:flex; position:absolute; right:0; top:0; width:calc(33vw + ( 100vh * 0.25 ) ); height:100%; flex-direction:column; justify-content:center; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/m-plus-bg-cover.png); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; z-index:10;}
.mplus-intro-content{margin-left:30%; margin-right:7%;}

.mplus-gallery{width:67vw; height:100%;}
.mplus-gallery .g--holder{position:relative; width:100%; height:100%;}
.mplus-gallery .g--image{height:100%; background-position:left center; background-size:cover; background-repeat:no-repeat;}
.mplus-gallery .g--demo{
	position:absolute; left:0; bottom:0; width:60%; max-height:80vh; opacity:0;
	transition:opacity .5s linear;
	-moz-transition:opacity .5s linear;
	-ms-transition:opacity .5s linear;
	-webkit-transition:opacity .5s linear;
	transition-delay:.5s;
}
.mplus-gallery .g--demo.active{opacity:1}
.mplus-gallery .g--demo img{width:100%; max-height:100%;}

/* Section: Insider Story */
.story-intro{display:flex; float:left; width:28.9%; height:100%; padding-right:20px; flex-direction:column; justify-content:center;}
.story-content{display:flex; margin-left:28.9%; height:100%; flex-direction:column; justify-content:center;}
.story-content .s--scrollable{
	width:100%; /*height:435px;*/ height:auto; overflow-x:scroll; overflow-y:hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.story-content .s--scrollable::-webkit-scrollbar{display:none;}
.story-content .s--list{white-space:nowrap; /*margin-right:7%;*/}
.story-content .s--card{position:relative; display:inline-block; width:275px; vertical-align:top;}
.story-content .s--card:last-child{margin-right:7%;}
.story-content .s--card a{display:block; position:relative; width:100%; height:100%;}
.story-content .s--card-inner{display:block; position:relative; /*width:275px; height:395px;*/ padding:29px 20px 52px 22px;}
.story-content .s--card-outside{padding:0 10px; margin-top:5px; white-space:normal; text-align:center;}
.story-content .c--border{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.story-content .c--img{display:block; /*width:233px; height:311px;*/ border-radius:15px; overflow:hidden;}
.story-content .c--img img{display:block; width:100%;}
.story-content .c--name{display:block; font-family:'Comfortaa', cursive; font-weight:bold; font-size:24px; line-height:1.2;}
.story-content .c--title{display:block; margin-top:15px; line-height:1.4;}

/* Section: Art Installations FriendsWithYou */
.artinst-intro{display:flex; position:absolute; left:0; top:0; width:calc(33vw + ( 100vh * 0.25 ) ); height:100%; flex-direction:column; justify-content:center; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/art-inst-bg-cover.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; z-index:10;}
.artinst-intro-content{margin-right:30%; margin-left:100px;}
.artinst-gallery{margin-left:33vw; width:67vw; height:100%;}
.artinst-gallery:after{display:block; content:''; position:absolute; top:calc(50% - 139px); right:0; width:196px; height:278px; background:url(/content/dam/dhk/common/theme/2021/west-kowloon/art-inst-arrow-shadow.png); background-position:right center; background-repeat:no-repeat; background-size:100% auto;}
.artinst-gallery .g--slider{position:relative; width:100%; height:100%;}
.artinst-gallery .g--slide{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.artinst-gallery .slick-list, .artinst-gallery .slick-track{height:100%;}
.artinst-gallery .g--slider-arrow{display:block; position:absolute; top:calc(50% - 31px); right:25px; width:63px; height:63px; z-index:5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='34.979' viewBox='0 0 20 34.979'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M25.217,23.679,11.981,10.453a2.489,2.489,0,0,1,0-3.53,2.521,2.521,0,0,1,3.541,0l15,14.986a2.5,2.5,0,0,1,.073,3.447L15.532,40.447a2.5,2.5,0,1,1-3.541-3.53Z' transform='translate(-11.246 -6.196)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:center; background-size:20px auto; background-repeat:no-repeat;}

/* Section: AR Fun */
.arfun-intro{display:flex; position:absolute; right:0; top:0; width:calc(33vw + ( 100vh * 0.25 ) ); height:100%; flex-direction:column; justify-content:center; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/ar-bg-cover.png); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; z-index:10;}
.arfun-intro-content{margin-left:30%; margin-right:7%;}

.arfun-gallery{width:67vw; height:100%;}
.arfun-gallery .g--holder{position:relative; width:100%; height:100%;}
.arfun-gallery .g--image{height:100%; background-position:left center; background-size:cover; background-repeat:no-repeat;}
.arfun-gallery .g--demo{
	position:absolute; left:0; bottom:0; width:60%; max-height:80vh; opacity:0;
	transition:opacity .5s linear;
	-moz-transition:opacity .5s linear;
	-ms-transition:opacity .5s linear;
	-webkit-transition:opacity .5s linear;
	transition-delay:.5s;
}
.arfun-gallery .g--demo.active{opacity:1}
.arfun-gallery .g--demo img{width:100%; max-height:100%;}

/* Section: Events happening */
.section.s--events .container-cust.large{padding:0 135px;}
.events-intro{text-align:center;}
.events-listing{max-width:1380px; margin:0 auto; margin-top:45px;}
.events-listing .l--item{margin-bottom:20px;}
.events-listing .l--item a{display:flex; flex-direction:row;}
.events-listing .l--thumb{flex:0 0 39.3%; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; overflow:hidden;}
.events-listing .l--thumb img{width:100%;}
.events-listing .l--info{flex:1; padding-left:30px; display:flex; flex-direction:column; justify-content:center;}
.events-listing .l--title{margin-bottom:8px; font-family:'Comfortaa', cursive; font-weight:bold; font-size:20px; line-height:1.4;}

/* Section: Offers */
/*.offers-content{display:flex; width:100%; padding:60px 0 120px; flex-direction:column; justify-content:center; align-items:center;}*/
.offers-content{display:flex; align-items:center; padding:60px 7% 120px; min-height:calc(100vh - 97px); min-height:calc((var(--vh, 1vh) * 100) - 97px); height:100%;}
.offers-content .o--intro{display:flex; flex-shrink:0; flex-grow:0; flex-basis:28.9%; padding-right:20px; flex-direction:column; justify-content:center;}
.offers-content .o--content{flex:1;}

.offers-content .o--thumb{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; overflow:hidden;}
.offers-content .o--thumb img{max-width:100%;}
.offers-content a.btn-capsule{margin-top:0;}
.offers-content .o--subtitle{margin:30px 0; font-family:'Comfortaa', cursive; font-weight:bold; font-size:25px; line-height:1;}

/* Section: Hong Kong Palace Museum */
.hkpm-intro{display:flex; position:absolute; right:0; top:0; width:calc(33vw + ( 100vh * 0.25 ) ); height:100%; flex-direction:column; justify-content:center; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/hkpm-bg-cover.png); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; z-index:10;}
.hkpm-intro-content{margin-left:30%; margin-right:7%;}

.hkpm-gallery{width:67vw; height:100%;}
.hkpm-gallery .g--holder{position:relative; width:100%; height:100%;}
.hkpm-gallery .g--image{height:100%; background-position:left center; background-size:cover; background-repeat:no-repeat;}



/* AE only */
#theme-wk.lang-ae .s--scrollable-control{direction:ltr;}
#theme-wk.lang-ae .itin-content .s--card:last-child{margin-right:0;}
#theme-wk.lang-ae .itin-content .s--card:first-child{margin-right:7%;}
#theme-wk.lang-ae .story-content .s--card:last-child{margin-right:0;}
#theme-wk.lang-ae .story-content .s--card:first-child{margin-right:7%;}









/* smaller desktop */
@media (min-width: 1024.98px) and (max-width: 1439.98px){
	/* Main */
	/*#theme-wk{height:calc(var(--vh, 1vh) * 100);}*/
	#theme-wk .section .subtitle{margin:20px 0 15px;}
	.text-neon{font-size:46px;}

	/* Section: catalog */
	/*.catalog-content{display:block; height:auto;}*/
	.wk-intro h3{font-size:46px;}
}











/* iPad Pro breakpoint (landscape / horizontal) */
/*and (min-device-width: 1366px) */
@media only screen 
and (min-device-width: 1024.98px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio:2){
	/* Common */
	.s--scrollable-control{display:none;}

	/* Main */
	#theme-wk{position:relative; height:auto;}
	#theme-wk .section{position:relative; min-height:calc((var(--vh, 1vh) * 100) - 97px); height:auto;}
	#theme-wk .section.s--itin, #theme-wk .section.s--story, #theme-wk .section.s--events{padding-top:40px; padding-bottom:60px;}
	#theme-wk .section.s--itin, #theme-wk .section.s--story{overflow-y:visible; height:0;}
	@media only screen and (min-device-width: 1024.98px) and (max-device-width: 1133.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2){
		#theme-wk .section.s--itin, #theme-wk .section.s--story{height:auto;}
	}
	#theme-wk .section.s--events{min-height:0;}

	/* Section: home */
	.home-slider{height:calc((var(--vh, 1vh) * 100) - 97px);}

	/* Section: Unseen Urban Arts */
	.uua-intro-content{margin-left:35%;}
	.uua-gallery{height:calc(100vh - 97px);}

	/* Section: M+ */
	.mplus-intro-content{margin-left:35%;}
	.mplus-gallery{height:calc(100vh - 97px);}

	/* Section: Art Installations FriendsWithYou */
	.artinst-intro-content{margin-left:7%;}
	.artinst-gallery{height:calc(100vh - 97px);}

	/* Section: AR Fun */
	.arfun-intro-content{margin-left:35%;}
	.arfun-gallery{height:calc(100vh - 97px);}

	/* Section: Hong Kong Palace Museum */
	.hkpm-intro-content{margin-left:35%;}
	.hkpm-gallery{height:calc(100vh - 97px);}
}

/* iPad Pro breakpoint (portrait / vertical) */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
	/* Common */
	.s--scrollable-control{display:none;}

	/* Main */
	#theme-wk{position:relative; height:auto;}
	#theme-wk .section{position:relative; min-height:calc((var(--vh, 1vh) * 100) - 88px); height:auto;}
	#theme-wk .section.s--catalog, #theme-wk .section.s--itin, #theme-wk .section.s--story, #theme-wk .section.s--events{padding-top:40px; padding-bottom:60px;}
	#theme-wk .section.s--catalog, #theme-wk .section.s--itin, #theme-wk .section.s--story{overflow-y:visible; height:0;}
	#theme-wk .section.s--offers, #theme-wk .section.s--events{min-height:0;}

	/* Section: home */
	.home-slider{height:calc((var(--vh, 1vh) * 100) - 88px);}

	/* Section: Unseen Urban Arts */
	.uua-intro{padding-bottom:110px; width:100%; height:50%; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/unseen-urban-arts-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.uua-intro-content{margin-left:35px; margin-right:35px; text-align:center;}
	.uua-intro .wk-lockup{text-align:center;}
	.uua-gallery{position:absolute; left:0; bottom:0; width:100%; height:60%;}
	.uua-gallery .g--holder{padding-left:0; padding-right:0;}
	.uua-gallery .g--image{background-position:center bottom;}

	/* Section: M+ */
	.mplus-intro{padding-bottom:110px; width:100%; height:50%; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/ar-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.mplus-intro-content{margin-left:35px; margin-right:35px; text-align:center;}
	.mplus-intro .wk-lockup{text-align:center;}
	.mplus-gallery{position:absolute; left:0; bottom:0; width:100%; height:60%;}
	.mplus-gallery .g--holder{padding-left:0; padding-right:0;}
	.mplus-gallery .g--image{background-position:center bottom;}
	.mplus-gallery .g--demo{left:0; right:auto; height:75%; width:auto;}
	.mplus-gallery .g--demo img{height:100%; width:auto;}

	/* Section: Art Installations FriendsWithYou */
	.artinst-intro{padding-bottom:110px; width:100%; height:50%; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/art-inst-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.artinst-intro-content{margin-left:35px; margin-right:35px; text-align:center;}
	.artinst-intro .wk-lockup{text-align:center;}
	.artinst-gallery{position:absolute; left:0; bottom:0; width:100%; height:60%; margin-left:0;}
	.artinst-gallery .g--slide{background-position:center bottom;}

	/* Section: AR Fun */
	.arfun-intro{padding-bottom:110px; width:100%; height:50%; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/ar-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.arfun-intro-content{margin-left:35px; margin-right:35px; text-align:center;}
	.arfun-intro .wk-lockup{text-align:center;}
	.arfun-gallery{position:absolute; left:0; bottom:0; width:100%; height:60%;}
	.arfun-gallery .g--holder{padding-left:0; padding-right:0;}
	.arfun-gallery .g--image{background-position:center bottom;}
	.arfun-gallery .g--demo{left:0; right:auto; height:75%; width:auto;}
	.arfun-gallery .g--demo img{height:100%; width:auto;}

	/* Section: Offers */
	.offers-content{min-height:0; height:auto;}

	/* Section: Hong Kong Palace Museum */
	.hkpm-intro{padding-bottom:110px; width:100%; height:50%; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/hkpm-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.hkpm-intro-content{margin-left:35px; margin-right:35px; text-align:center;}
	.hkpm-intro .wk-lockup{text-align:center;}
	.hkpm-gallery{position:absolute; left:0; bottom:0; width:100%; height:60%;}
	.hkpm-gallery .g--holder{padding-left:0; padding-right:0;}
	.hkpm-gallery .g--image{background-position:center bottom;}
}










/* tablet (landscape / horizontal) breakpoint */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
	/* Common */
	.s--scrollable-control{display:none;}
	.text-neon{font-size:46px;}
	.wk-lockup img{width:20%; min-width:135px;}

	/* Main */
	#theme-wk{position:relative; height:auto;}
	#theme-wk .section{position:relative; min-height:calc((var(--vh, 1vh) * 100) - 88px); height:auto;}
	#theme-wk .section.s--itin, #theme-wk .section.s--story, #theme-wk .section.s--events{padding-top:40px; padding-bottom:60px;}
	#theme-wk .section.s--itin, #theme-wk .section.s--story{overflow-y:visible; height:0;}
	#theme-wk .section.s--offers, #theme-wk .section.s--events{min-height:0;}

	/* Section: home */
	.home-slider{height:calc((var(--vh, 1vh) * 100) - 88px);}

	/* Section: catalog */
	.catalog-content{padding:40px 0 60px;}
	.wk-intro h3{font-size:35px;}
	.wk-video{max-width:250px;}
	.wk-video a:after{left:calc(50% - 50px); top:calc(50% - 50px); width:100px; height:100px;}

	/* Section: Unseen Urban Arts */
	.uua-intro-content{margin-left:35%;}
	.uua-gallery{height:calc(100vh - 88px);}

	/* Section: M+ */
	.mplus-intro-content{margin-left:35%;}
	.mplus-gallery{height:calc(100vh - 88px);}

	/* Section: Art Installations FriendsWithYou */
	.artinst-intro-content{margin-left:7%;}
	.artinst-gallery{height:calc(100vh - 88px);}

	/* Section: AR Fun */
	.arfun-intro-content{margin-left:35%;}
	.arfun-gallery{height:calc(100vh - 88px);}

	/* Section: Hong Kong Palace Museum */
	.hkpm-intro-content{margin-left:35%;}
	.hkpm-gallery{height:calc(100vh - 88px);}
}










/* tablet breakpoint */
@media (max-width:991.98px){
	/* Common */
	.text-neon{font-size:42px;}
	.text-neon-stroke{left:0 !important; top:0 !important;}
	/*.wk-lockup img{max-width:185px;}*/
	.s--scrollable-control{display:none;}
	
	/* Main */
	#theme-wk-loading{height:calc(100vh - 88px); background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/west-kowloon-key-visual-sm-poster.jpg);}
	#theme-wk{position:relative; height:auto;}
	#theme-wk .section{position:relative; min-height:calc((var(--vh, 1vh) * 100) - 88px); height:auto;}
	#theme-wk .section.s--catalog{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/bg-catalog-sm.jpg);}
	#theme-wk .section.s--itin, #theme-wk .section.s--story, #theme-wk .section.s--events{padding-top:40px; padding-bottom:60px;}
	#theme-wk .section.s--itin{overflow-y:auto; height:auto;}
	#theme-wk .section.s--story{height:auto;}
	#theme-wk .section.s--offers{min-height:0;}

	#theme-wk .section .subtitle{margin:15px 0 8px;}
	.wk-lockup{text-align:center;}
	.footer-holder{display:none;}

	/* Section: home */
	.home-slider{height:calc((var(--vh, 1vh) * 100) - 88px);}

	.home-slide.slide--wk{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/west-kowloon-key-visual-sm-poster.jpg);}
	.home-slide.slide--xiqu{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-02-sm.jpg);}
	.home-slide.slide--bamboo{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-03-sm.jpg);}
	.home-slide.slide--painting{background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/home-banner-04-sm.jpg);}
	.slide--xiqu:before, .slide--bamboo:before, .slide--painting:before{display:none;}
	.slide--xiqu:after, .slide--bamboo:after, .slide--painting:after{right:calc(50% - 68px); bottom:auto; top:calc((100vh - 88px) * 0.04); max-width:none; min-width:0; width:136px; height:132px;}

	/* Section: catalog */
	.catalog-content{padding:40px 0 0;}
	.catalog-listing ul li a:hover:before{display:none;}

	/* Section: itineraries */
	.itin-intro{float:none; width:100%; height:auto; padding-right:7%; align-items:center; text-align:center;}
	.itin-content{margin-left:0; margin-top:20px; height:auto;}
	.itin-content .s--scrollable{width:auto; margin-left:-7%; margin-right:-7%;}
	.itin-content .s--list{margin-left:7%;}
	.itin-content .s--card:last-child{margin-right:14%;}

	/* Section: story */
	.story-intro{float:none; width:100%; height:auto; padding-right:7%; align-items:center; text-align:center;}
	.story-content{margin-left:0; margin-top:20px; height:auto;}
	.story-content .s--scrollable{width:auto; margin-left:-7%; margin-right:-7%;}
	.story-content .s--list{margin-left:7%;}
	.story-content .s--card:last-child{margin-right:14%;}
	.story-content .c--bio{padding:0;}
	.story-content .c--name{font-size:22px;}

	/* Section: Unseen Urban Arts */
	#theme-wk .section.s--unseen-urban-arts{min-height:auto;}
	.uua-intro{position:relative; padding-bottom:110px; width:100%; height:auto; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/unseen-urban-arts-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.uua-intro-content{margin-left:35px; margin-right:35px; padding-top:40px; text-align:center;}
	.uua-intro .wk-lockup{text-align:center;}
	.uua-gallery{position:relative; left:auto; bottom:auto; width:100%; height:480px; margin-top:-75px;}
	.uua-gallery .g--holder{padding-left:0; padding-right:0;}
	.uua-gallery .g--image{background-position:center bottom;}
	.uua-gallery .g--credit{font-size:12px;}

	/* Section: M+ */
	#theme-wk .section.s--mplus{min-height:auto;}
	.mplus-intro{position:relative; padding-bottom:110px; width:100%; height:auto; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/m-plus-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.mplus-intro-content{margin-left:35px; margin-right:35px; padding-top:40px; text-align:center;}
	.mplus-intro .wk-lockup{text-align:center;}
	.mplus-gallery{position:relative; left:auto; bottom:auto; width:100%; height:625px; margin-top:-75px;}
	.mplus-gallery .g--holder{padding-left:0; padding-right:0;}
	.mplus-gallery .g--image{background-position:center bottom;}

	/* Section: Art Installations FriendsWithYou */
	#theme-wk .section.s--artinst{min-height:auto;}
	.artinst-intro{position:relative; padding-bottom:150px; width:100%; height:auto; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/art-inst-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.artinst-intro-content{margin-left:35px; margin-right:35px; padding-top:40px; text-align:center;}
	.artinst-intro .wk-lockup{text-align:center;}
	.artinst-gallery{position:relative; left:auto; bottom:auto; width:100%; height:625px; margin-left:0; margin-top:-75px;}
	.artinst-gallery .g--slide{background-position:center bottom;}

	/* Section: AR Fun */
	#theme-wk .section.s--arfun{min-height:auto;}
	.arfun-intro{position:relative; padding-bottom:110px; width:100%; height:auto; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/ar-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.arfun-intro-content{margin-left:35px; margin-right:35px; padding-top:40px; text-align:center;}
	.arfun-intro .wk-lockup{text-align:center;}
	.arfun-gallery{position:relative; left:auto; bottom:auto; width:100%; height:625px; margin-top:-75px;}
	.arfun-gallery .g--holder{padding-left:0; padding-right:0;}
	.arfun-gallery .g--image{background-position:center bottom;}
	.arfun-gallery .g--demo{left:0; right:auto; height:75%; width:auto;}
	.arfun-gallery .g--demo img{height:100%; width:auto;}

	/* Section: Events happening */
	.section.s--events .container-cust.large{padding:0 8%;}
	.events-listing .l--info{padding-left:15px;}
	.events-listing .l--thumb{flex:0 0 30%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

	/* Section: Offers */
	.offers-content{flex-direction:column; padding-top:40px; padding-bottom:60px;}
	.offers-content .o--intro{width:100%; padding-right:0; text-align:center;}
	.offers-content .o--content{margin-top:30px;}

	/* Section: Hong Kong Palace Museum */
	#theme-wk .section.s--hkpm{min-height:auto;}
	.hkpm-intro{position:relative; padding-bottom:110px; width:100%; height:auto; background-image:url(/content/dam/dhk/common/theme/2021/west-kowloon/hkpm-bg-cover-mobile.png); background-position:center bottom; background-size:100% auto;}
	.hkpm-intro-content{margin-left:35px; margin-right:35px; padding-top:40px; text-align:center;}
	.hkpm-intro .wk-lockup{text-align:center;}
	.hkpm-gallery{position:relative; left:auto; bottom:auto; width:100%; height:480px; margin-top:-75px;}
	.hkpm-gallery .g--holder{padding-left:0; padding-right:0;}
	.hkpm-gallery .g--image{background-position:center bottom;}
}


/* mobile breakpoint */
@media (max-width:767.98px){
	/* Common */
	.text-neon{
		font-size:25px; margin:0; padding:0 2px 3px 0; color:#fff; line-height:1.1;
		text-shadow: 0 0 2px #D7FFFE, 0 0 8px #40A99F;
	}
	.icon-scroll{padding-bottom:55px; font-size:16px;}
	.icon-scroll img{max-width:260px;}
	a.btn-seemore{width:170px; height:49px; margin-top:10px; margin-left:0;}
	a.btn-capsule{width:150px; height:48px; margin-top:10px; border-radius:24px; font-size:14px;}
	a.btn-capsule.purple{background-color:#351332;}

	/* Main */
	#theme-wk .section .subtitle{margin:10px 0 5px;}
	#theme-wk .section.s--arfun{padding-bottom:0; overflow:hidden;}
	.wk-lockup img{width:42%; min-width:120px;}

	#pp-nav.left{left:12px;}
	#pp-nav span, .pp-slidesNav span{width:7px; height:7px;}

	.slide--xiqu:after, .slide--bamboo:after, .slide--painting:after{right:auto; left:5vw; top:5vw; width:120px; height:116px;}

	/* Section: catalog */
	.catalog-content{display:block; height:auto;}
	.wk-intro h3{font-size:25px;}
	.wk-video{width:80%;}
	.wk-video a:after{left:calc(50% - 40px); top:calc(50% - 40px); width:80px; height:80px;}
	.catalog-listing{position:relative; padding-left:35px; padding-right:35px; padding-bottom:60px;}
	.catalog-listing .text-neon-sm.text-neon{font-size:25px;}
	#theme-wk.lang-en .catalog-listing .text-neon-sm.text-neon{font-size:19px; padding:0 24px 2px 0;}
	.catalog-listing ul li{position:relative; display:block; width:100%; margin-top:20px; text-align:left}
	.catalog-listing ul li:not(first-child){margin-left:0 !important;}
	.catalog-listing ul li:after{display:block; content:''; width:100%; height:4px; margin-top:4px; background-color:#fff; border-radius:2px; border:1px solid #40A99F; box-shadow:0 0 8px #40A99F;}
	.catalog-listing ul li:before{display:block; content:''; position:absolute; right:0; bottom:calc(50% - 5px); width:22px; height:22px; background:url(/content/dam/dhk/common/theme/2021/west-kowloon/arrow-rightdown.png) no-repeat center; background-size:100% auto;}
	.catalog-listing ul li a{padding-top:0;}
	.catalog-listing .cl--border{display:none;}

	/* Section: Events happening */
	.section.s--events .container-cust.large{padding:0 35px;}
	.events-listing .l--item a{align-items:flex-start;}
	.events-listing .l--title{font-size:15px;}

	/* Section: Offers */
	.offers-content{padding-left:35px; padding-right:35px;}
	.o--content-col:nth-child(2){margin-top:30px;}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Main */
	.wk-lockup img{width:30%; min-width:110px;}

	/* Section: Unseen Urban Arts */
	.uua-intro{position:relative; padding-bottom:70px; height:auto;}
	.uua-intro-content{padding-top:20px;}
	.uua-gallery{position:relative; left:auto; bottom:auto; height:425px; margin-top:-50px;}
	.uua-gallery .g--credit{text-align:right; left:auto; right:10px; bottom:15px;}

	/* Section: M+ */
	.mplus-intro{position:relative; padding-bottom:70px; height:auto;}
	.mplus-intro-content{padding-top:20px;}
	.mplus-gallery{position:relative; left:auto; bottom:auto; height:425px; margin-top:-50px;}

	/* Section: Art Installations FriendsWithYou */
	.artinst-intro{padding-bottom:70px; height:auto;}
	.artinst-intro-content{padding-top:20px;}
	.artinst-gallery{height:340px; margin-top:-65px;}
	.artinst-gallery:after{top:calc(60% - 71px); width:110px; height:143px;}
	.artinst-gallery .g--slider-arrow{position:absolute; top:calc(60% - 22px); right:5px; width:44px; height:44px; background-size:12px auto;}

	/* Section: AR Fun */
	.arfun-intro{position:relative; padding-bottom:70px; height:auto;}
	.arfun-intro-content{padding-top:20px;}
	.arfun-gallery{position:relative; left:auto; bottom:auto; height:425px; margin-top:-50px;}
	.arfun-gallery .g--demo{height:67%;}

	/* Section: Hong Kong Palace Museum */
	.hkpm-intro{position:relative; padding-bottom:70px; height:auto;}
	.hkpm-intro-content{padding-top:20px;}
	.hkpm-gallery{position:relative; left:auto; bottom:auto; height:340px; margin-top:-50px;}
}


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

}


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