@import url("zfc6bsw.css");
/* @import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500&display=swap'); */
@import url('font-bigshouldersdisplay.css');

:root {
--attractions: #b1599e;
--great-outdoor: #ed7e23;
--dining: #3cb5a1;
--art-culture: #95c13d;
--shopping: #d50a77;
--culture: #b78704;
--nightlife: #5000d0;
--neighbourhoods: #d04800;
--skyline: #e74124;
}

/* Common */
.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:1920px; height:1080px;}
.fancybox__slide.has-iframe .fancybox__content{padding:0 !important;}

/* Popular Picks */
.popularpicks{position:relative;}
.popularpicks-slider{margin:0 auto; overflow:visible;}
.popularpicks-slider .slick-track{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center;}
.popularpicks-slider .pp-box{float:none; width:360px; height:660px;}
.popularpicks-slider .pp-box:nth-child(n){background-color:yellow;}
.popularpicks-slider .pp-box:nth-child(2n){background-color:lightcoral;}
.popularpicks-slider .pp-box > a{display:block; height:100%;}
.popularpicks-slider .pp-box > a, .popularpicks-slider .pp-box > a:focus{outline:0;}
.popularpicks-slider .pp-box > a[data-video] .bio-cover:before{display:block; content:''; position:absolute; left:50%; top:50%; width:80px; height:80px; transform:translate(-50%, -50%); border-radius:50%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg id='Group_4051' data-name='Group 4051' transform='translate(-904 -1116)'%3E%3Cpath id='Path_4231' data-name='Path 4231' d='M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Z' transform='translate(904 1116)' fill='%23dd3426'/%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M28.4,60.647h0a3.877,3.877,0,0,1-3.881-3.874V23.224a3.879,3.879,0,0,1,5.757-3.391L58.658,37.091a3.882,3.882,0,0,1,0,6.779l.006,0L30.272,60.16A3.88,3.88,0,0,1,28.4,60.647Z' transform='translate(903.485 1115.653)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size:100% auto;}
.popularpicks-slider .pp-box-bottom, .popularpicks-slider .pp-box-bottom *{color:#fff;}
.popularpicks-slider .bio-cover{position:relative;}
.popularpicks-slider .bio-title{margin-bottom:8px; font-weight:700; line-height:1.1;}
.popularpicks-slider .pp-box .pp-box-bottom:after, .popularpicks-slider .pp-box[data-theme="dark"] .pp-box-bottom:after{display:block; content:''; width:33px; height:33px; margin-top:12px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='arrow' d='M20,0A20,20,0,1,1,5.858,5.858,20,20,0,0,1,20,0ZM11.25,18.75a1.25,1.25,0,0,0,0,2.5H25.732l-5.367,5.365a1.252,1.252,0,1,0,1.77,1.77l7.5-7.5a1.25,1.25,0,0,0,0-1.77l-7.5-7.5a1.252,1.252,0,1,0-1.77,1.77l5.367,5.365Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:0 0; background-size:100% auto; background-repeat:no-repeat;}

.popularpicks-slider .pp-box[data-theme="light"], .popularpicks-slider .pp-box[data-theme="light"] *{color:#000;}
.popularpicks-slider .pp-box[data-theme="light"] .pp-box-bottom:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='arrow' d='M20,0A20,20,0,1,1,5.858,5.858,20,20,0,0,1,20,0ZM11.25,18.75a1.25,1.25,0,0,0,0,2.5H25.732l-5.367,5.365a1.252,1.252,0,1,0,1.77,1.77l7.5-7.5a1.25,1.25,0,0,0,0-1.77l-7.5-7.5a1.252,1.252,0,1,0-1.77,1.77l5.367,5.365Z'/%3E%3C/svg%3E%0A");}

.popularpicks-slider .pp-box:not(.slick-current){border:0;}
.popularpicks-slider .pp-box:not(.slick-current) > a{padding:20px; cursor:cell;}
.popularpicks-slider .pp-box:not(.slick-current) > a[data-video] .bio-cover:before{width:60px; height:60px;}
.popularpicks-slider .pp-box:not(.slick-current) .pp-box-bottom{padding:20px 0;}
.popularpicks-slider .pp-box:not(.slick-current) img.cover-large{display:none !important;}
.popularpicks-slider .pp-box:not(.slick-current) .bio-title{font-size:26px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; padding-bottom:3px;}
.popularpicks-slider .pp-box:not(.slick-current) .bio-desc{font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-two .bio-title{font-size:22px; -webkit-line-clamp:3;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-three .bio-title{font-size:22px; -webkit-line-clamp:2;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-two .bio-desc{-webkit-line-clamp:3;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-three .bio-desc{-webkit-line-clamp:2;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-two .pp-box-bottom:after{width:30px; height:30px; margin-top:12px;}
.popularpicks-slider .pp-box:not(.slick-current).lvl-three .pp-box-bottom:after{width:24px; height:24px; margin-top:10px;}

.popularpicks-slider .pp-box.slick-current{width:700px; border:2px solid #000;}
.popularpicks-slider .pp-box.slick-current .pp-box-bottom{padding:4.2% 6.4%;}
.popularpicks-slider .pp-box.slick-current img.cover-square{display:none !important;}
.popularpicks-slider .pp-box.slick-current .bio-title{font-size:33px;}
.popularpicks-slider .pp-box.slick-current .bio-desc{font-size:18px;}

.popularpicks-nav{display:flex; flex-direction:row; align-items:center; position:relative; margin:0 auto; padding:0 20px; width:100%; max-width:1043px;}
.popularpicks-nav :is(.slick-arrow, .slick-dots){transform:none !important; position:relative !important; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important;}
.popularpicks-nav .slick-arrow{background-position:center !important; background-repeat:no-repeat !important;}
.popularpicks-nav .slick-arrow:before{display:none;}
.popularpicks-nav .slick-arrow.slick-prev{order:1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.925' height='16' viewBox='0 0 8.925 16'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.941,14.192l5.907-6.049a1.159,1.159,0,0,0,0-1.615,1.1,1.1,0,0,0-1.58,0l-6.692,6.854a1.162,1.162,0,0,0-.033,1.577l6.72,6.9a1.1,1.1,0,0,0,1.58,0,1.159,1.159,0,0,0,0-1.615Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E%0A") !important;}
.popularpicks-nav .slick-arrow.slick-next{order:3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.147' height='16' viewBox='0 0 9.147 16'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M17.64,14.192,11.586,8.142a1.143,1.143,0,0,1,1.619-1.615l6.859,6.854a1.141,1.141,0,0,1,.033,1.577l-6.887,6.9a1.143,1.143,0,0,1-1.619-1.615Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E%0A") !important;}
.popularpicks-nav .slick-dots{order:2; display:flex; flex-direction:row; flex-wrap:nowrap; padding:0 10px !important;}
.popularpicks-nav .slick-dots > li{flex:1; margin:0 !important; width:auto !important; height:3px !important;}
.popularpicks-nav .slick-dots > li:not(:first-child){margin-left:0 !important;}
.popularpicks-nav .slick-dots > li > button{
	padding:0 !important; width:100% !important; height:3px !important; background-color:#cdcdcd !important;
	transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.popularpicks-nav .slick-dots > li > button:before{display:none !important;}
.popularpicks-nav .slick-dots > li.slick-active > button{background-color:#000 !important;}

.popularpicks-cust-btn{
	display:block; position:absolute; top:calc(50% - 33px - 10px); width:66px; height:66px; padding:0 !important; margin:0; border:0; background-color:transparent; border-radius:999px !important; opacity:0; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	transition: opacity .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: opacity .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: opacity .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: opacity .2s cubic-bezier(0.25, 1, 0.5, 1);
}
.popularpicks:hover .popularpicks-cust-btn{opacity:1;}
.popularpicks-cust-btn, .popularpicks-cust-btn:focus{outline:0;}
.popularpicks-cust-btn:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.popularpicks-cust-btn.cust-btn-next{right:10px;}
.popularpicks-cust-btn.cust-btn-next:before{transform:translateX(2px); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_4051' data-name='Group 4051' transform='translate(387 1558) rotate(180)'%3E%3Ccircle id='Ellipse_147' data-name='Ellipse 147' cx='20' cy='20' r='20' transform='translate(347 1518)' fill='%23fff'/%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M14.277,15.191l6.645-6.805a1.3,1.3,0,0,0,0-1.817,1.239,1.239,0,0,0-1.778,0L11.616,14.28a1.307,1.307,0,0,0-.037,1.774l7.56,7.765a1.241,1.241,0,0,0,1.778,0,1.3,1.3,0,0,0,0-1.817Z' transform='translate(349.749 1522.806)'/%3E%3C/g%3E%3C/svg%3E%0A");}
.popularpicks-cust-btn.cust-btn-prev{left:10px;}
.popularpicks-cust-btn.cust-btn-prev:before{transform:translateX(-2px); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_4051' data-name='Group 4051' transform='translate(-347 -1518)'%3E%3Ccircle id='Ellipse_147' data-name='Ellipse 147' cx='20' cy='20' r='20' transform='translate(347 1518)' fill='%23fff'/%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M14.277,15.191l6.645-6.805a1.3,1.3,0,0,0,0-1.817,1.239,1.239,0,0,0-1.778,0L11.616,14.28a1.307,1.307,0,0,0-.037,1.774l7.56,7.765a1.241,1.241,0,0,0,1.778,0,1.3,1.3,0,0,0,0-1.817Z' transform='translate(349.749 1522.806)'/%3E%3C/g%3E%3C/svg%3E%0A");}



/* experience hong kong virtually v2.0 */
#exphk-v2{position:relative;}
#exphk-v2 .tabs{position:relative; z-index:2;}
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);}
#exphk-v2 ol.cmp-tabs__tablist{margin-bottom:40px; min-height:0; display:flex; flex-direction:row; justify-content:center; border-bottom:0;}
#exphk-v2 li.cmp-tabs__tab{
	position:relative; min-width:0; padding:12px 50px 16px; margin:0 6px; color:#051D2B; border:1px solid #5000d0; background-color:#FAFAFA; font-weight:700; text-align:center;
	transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), color .5s cubic-bezier(0.25, 1, 0.5, 1);
}
#exphk-v2 li.cmp-tabs__tab:before{
	display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#9767E5;
	transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1);
}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active{border:1px solid #5000d0; color:#fff; background-color:#5000d0;}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active, #exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:hover, #exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:focus{outline:none;}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:before{background-color:#5000d0;}
#exphk-v2 li.cmp-tabs__tab.tab-divider:after{display:none;}
#exphk-v2 .cmp-tabs__tabpanel{position:relative;}
#exphk-v2 .cmp-tabs__tabpanel:before{display:block; content:''; position:absolute; top:7%;  left:0; width:100%; height:86%; background-color:#5000d0;}
#exphk-v2 .cmp-tabs__tabpanel > .dhk-container{max-width:1490px; padding:0 30px;}
#exphk-v2 .cmp-tabs__tabpanel > .dhk-container > .dhk-content > .cmp-container > .cmp-container > .aem-Grid{display:flex; flex-direction:row;}

#exphk-v2 .big-tile{position:relative; margin:0 6px;}
#exphk-v2 .big-tile > a{display:block;}
#exphk-v2 .big-tile > a, #exphk-v2 .big-tile > a:hover, #exphk-v2 .big-tile > a:focus{color:#fff;}
#exphk-v2 .big-tile .cover:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:57%; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; opacity:.7;}
#exphk-v2 .big-tile .textbox{position:absolute; left:0; bottom:0; padding:30px 7% 7%; width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; z-index:1;}
#exphk-v2 .big-tile .textbox:after{display:inline-block; content:'See all'; padding:12px 35px; margin-top:26px; border:1px solid #fff; font-weight:700;}
body.zh-TW #exphk-v2 .big-tile .textbox:after{content:'看更多';}
body.zh-CN #exphk-v2 .big-tile .textbox:after{content:'看更多';}
#exphk-v2 .big-tile .hb-title{margin-bottom:15px;}
#exphk-v2 .big-tile .hb-title h5{font-size:65px; font-family:'Big Shoulders Display', 'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; font-weight:400; font-style:normal; line-height:1; text-shadow:6px 2px 5px rgba(0,0,0,0.55);}
#exphk-v2 .big-tile .hb-title h5 > img{margin-bottom:8px;}
#exphk-v2 .big-tile .hb-text{font-weight:800; line-height:1.4; text-shadow:6px 2px 5px rgba(0,0,0,0.55);}

#exphk-v2 .morereadstiles{padding-left:30px; display:flex; flex:0 0 46%; max-width:46%; flex-direction:column; justify-content:center; /*overflow:hidden;*/}
#exphk-v2 .morereadstiles .more-reads-tiles__wrapper, #exphk-v2 .morereadstiles .more-reads-tiles__row{padding:0;}
#exphk-v2 .morereadstiles a.more-reads-tiles{position:relative; padding:0 !important; height:auto !important; max-height:none; background-color:transparent;}
#exphk-v2 .morereadstiles .more-reads-tiles__image{position:relative; left:auto; width:100%; height:auto;}
#exphk-v2 .morereadstiles .more-reads-tiles__image:after{display:block; content:''; position:absolute; left:0; bottom:-2px; width:100%; height:64%; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; opacity:.7;}
#exphk-v2 .morereadstiles .more-reads-tiles__content{display:block; position:absolute; left:0; bottom:0; padding:0 20px 20px; height:auto !important; min-height:auto !important;}
#exphk-v2 .morereadstiles .more-reads-tiles__content .title.title--regular .cmp-title__text > h4{color:#fff; font-weight:800; line-height:1.3; font-size:16px;}
#exphk-v2 .morereadstiles .img-text-box__img{
	position:relative; left:auto; margin-left:0; width:100%;
	transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#exphk-v2 .morereadstiles .more-reads-tiles__row{position:relative; max-width:100%; margin-bottom:0;}
#exphk-v2 .morereadstiles .more-reads-tiles__slide{display:flex; flex-direction:column; flex:0 0 50%; margin-top:-6px; margin-bottom:-6px;}
#exphk-v2 .morereadstiles .more-reads-tiles__slide .col-md-6{padding:6px; flex:1; max-width:100%;}
#exphk-v2 .morereadstiles .slick-dots{height:30px; bottom:-30px; line-height:30px;}
#exphk-v2 .morereadstiles .slick-dots li{width:10px; height:10px; vertical-align:middle;}
#exphk-v2 .morereadstiles .slick-dots li button{padding:0; width:100%; height:100%; background-color:#fff; border-radius:5px; opacity:.3;}
#exphk-v2 .morereadstiles .slick-dots li button:before{display:none;}
#exphk-v2 .morereadstiles .slick-dots li.slick-active{width:34px;}
#exphk-v2 .morereadstiles .slick-dots li.slick-active button{opacity:1;}

#exphk-v2 .morereadstiles .slick-prev, #exphk-v2 .morereadstiles .slick-next{width:32px; height:32px; 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;}
#exphk-v2 .morereadstiles .slick-prev:before, #exphk-v2 .morereadstiles .slick-next:before{display:none !important;}
#exphk-v2 .morereadstiles .slick-prev{left:0 !important; transform:translate( calc(-50% + 6px), -50%); background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-prev.svg);}
#exphk-v2 .morereadstiles .slick-next{right:0 !important; transform:translate( calc(50% - 6px), -50%); background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/anti-epidemic/slider-button-next.svg);}
#exphk-v2 .morereadstiles .slick-disabled{display:none !important;}

#exphk-v2 img.circle-arrow, #exphk-v2 .hb-text img{display:block; margin-top:25px;}


#exphk-v2 li.cmp-tabs__tab.theme-skyline:before, 
#exphk-v2 li.cmp-tabs__tab.theme-skyline.cmp-tabs__tab--active, 
#exphk-v2 .cmp-tabs__tabpanel.theme-skyline:before{background-color:var(--skyline);}

#exphk-v2 li.cmp-tabs__tab.theme-art-culture:before, 
#exphk-v2 li.cmp-tabs__tab.theme-art-culture.cmp-tabs__tab--active, 
#exphk-v2 .cmp-tabs__tabpanel.theme-art-culture:before{background-color:var(--art-culture);}

#exphk-v2 li.cmp-tabs__tab.theme-great-outdoor:before, 
#exphk-v2 li.cmp-tabs__tab.theme-great-outdoor.cmp-tabs__tab--active, 
#exphk-v2 .cmp-tabs__tabpanel.theme-great-outdoor:before{background-color:var(--great-outdoor);}

#exphk-v2 li.cmp-tabs__tab.theme-dining:before, 
#exphk-v2 li.cmp-tabs__tab.theme-dining.cmp-tabs__tab--active, 
#exphk-v2 .cmp-tabs__tabpanel.theme-dining:before{background-color:var(--dining);}

#exphk-v2 li.cmp-tabs__tab.theme-neighbourhoods:before, 
#exphk-v2 li.cmp-tabs__tab.theme-neighbourhoods.cmp-tabs__tab--active, 
#exphk-v2 .cmp-tabs__tabpanel.theme-neighbourhoods:before{background-color:var(--neighbourhoods);}



/* Hotel offers */
#hellohk .non-featured-offers .non-featured-offers-container{max-width:1490px; padding:0 30px; width:100%;}
#hellohk .non-featured-offers-header{display:none;}
#hotel-offers a.es-btn-group-btn{border-color:#FFC58B; border-width:2px; border-style:solid; color:#e74124; font-weight:700;}




/* `xxl` applies to x-large devices (large desktops, less than 1680px) */
@media (max-width: 1679.98px) {
	/* experience hong kong virtually */
	#exphk-v2 .big-tile .hb-title h5{font-size:55px;}
	#exphk-v2 .big-tile .hb-title h5 > img{height:100px;}
}


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	/* Popular Picks */
	.popularpicks-slider .pp-box{width:300px; height:600px;}
	.popularpicks-slider .pp-box.slick-current{width:640px;}
	/* experience hong kong virtually */
	#exphk-v2 li.cmp-tabs__tab{padding:14px 40px 18px; white-space:pre-wrap; font-size:16px;}
	#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:before{height:3px;}
	#exphk-v2 li.cmp-tabs__tab.tab-divider:after{top:calc(50% - 3px);}
	#exphk-v2 .morereadstiles{padding-left:24px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__slide{margin-top:-4px; margin-bottom:-4px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__slide .col-md-6{padding:4px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__content{padding:0 6% 6%;}
	#exphk-v2 .morereadstiles .more-reads-tiles__content .title.title--regular .cmp-title__text > h4{font-size:14px;}
	#exphk-v2 .morereadstiles .slick-dots{height:24px; bottom:-24px; line-height:24px;}
	#exphk-v2 .morereadstiles .slick-dots li{width:8px; height:8px;}
	#exphk-v2 .morereadstiles .slick-dots li button{border-radius:4px;}
	#exphk-v2 .morereadstiles .slick-dots li.slick-active{width:26px;}
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* Popular Picks */
	.popularpicks-slider .pp-box{width:240px; height:500px;}
	.popularpicks-slider .pp-box .pp-box-bottom:after, .popularpicks-slider .pp-box[data-theme="dark"] .pp-box-bottom:after{width:28px; height:28px; margin-top:10px;}
	.popularpicks-slider .pp-box .bio-desc{line-height:1.5;}
	.popularpicks-slider .pp-box:not(.slick-current) > a{padding:15px;}
	.popularpicks-slider .pp-box:not(.slick-current) .pp-box-bottom{padding:15px 0;}
	.popularpicks-slider .pp-box:not(.slick-current) .bio-title{font-size:22px;}
	.popularpicks-slider .pp-box:not(.slick-current) .bio-desc{font-size:15px;}
	.popularpicks-slider .pp-box:not(.slick-current).lvl-two .pp-box-bottom:after{width:24px; height:24px; margin-top:10px;}
	.popularpicks-slider .pp-box:not(.slick-current).lvl-three .pp-box-bottom:after{width:20px; height:20px; margin-top:8px;}	
	.popularpicks-slider .pp-box.slick-current{width:520px;}
	.popularpicks-slider .pp-box.slick-current .pp-box-bottom{padding:3% 5%;}
	.popularpicks-slider .pp-box.slick-current .bio-title{font-size:25px;}
	.popularpicks-slider .pp-box.slick-current .bio-desc{font-size:16px;}
	/* experience hong kong virtually */
	#exphk-v2 ol.cmp-tabs__tablist{margin-bottom:20px;}
	#exphk-v2 li.cmp-tabs__tab{padding:10px 22px 12px; font-size:15px;}
	#exphk-v2 .big-tile .hb-title h5{font-size:35px;}
	#exphk-v2 .big-tile .hb-title h5 > img{height:90px;}
	#exphk-v2 .morereadstiles{padding-left:14px;}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/* Common */
	.fancybox-slide{padding:0;}
	/* Popular Picks */
	.popularpicks-slider .pp-box{height:550px;}
	.popularpicks-cust-btn{top:calc(50% - 22px - 10px); width:44px; height:44px; opacity:1;}
	/* experience hong kong virtually */
	#exphk-v2 .tabs{padding-bottom:5%;}
	#exphk-v2 ol.cmp-tabs__tablist{justify-content:flex-start;}
	#exphk-v2 li.cmp-tabs__tab{white-space:nowrap; flex:1 0 auto;}
	#exphk-v2 .cmp-tabs__tabpanel:before{top:5%; height:95%;}
	#exphk-v2 .cmp-tabs__tabpanel > .dhk-container > .dhk-content > .cmp-container > .cmp-container > .aem-Grid{flex-direction:column;}
	#exphk-v2 .big-tile{margin:0 4px 12px;}
	#exphk-v2 .big-tile .hb-title{margin-bottom:10px;}
	#exphk-v2 .big-tile .hb-title h5{font-size:55px;}
	#exphk-v2 .big-tile .hb-title h5 > img{height:90px;}
	#exphk-v2 .big-tile .hb-text{font-size:16px;}
	#exphk-v2 img.circle-arrow{margin-top:15px; width:24px;}
	#exphk-v2 .morereadstiles{padding-left:0; padding-bottom:30px; flex:0 0 100%; max-width:100%;}
	#exphk-v2 .morereadstiles .more-reads-tiles__content .title.title--regular .cmp-title__text > h4{font-size:16px;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media only screen and (min-width:768px) and (max-width:768px){
	#exphk-v2 .header-banner .swiper-container .swiper-wrapper .swiper-slide .cover-wrapper.pc-cover{display:block !important;}
	#exphk-v2 .header-banner .swiper-container .swiper-wrapper .swiper-slide .cover-wrapper.mb-cover{display:none !important;}
}
@media (max-width: 767.98px) {
	/* Popular Picks */
	#popularpicks{margin-left:-60px; margin-right:-60px; width:auto;}
	/* experience hong kong virtually */
	#exphk-v2{width:auto; margin-left:-30px; margin-right:-30px;}
	#exphk-v2:before{width:calc(100% + 60px); left:-30px; top:-15px;}
	#exphk-v2 ol.cmp-tabs__tablist{margin-left:-30px; margin-right:-30px;}
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Popular Picks */
	.popularpicks-slider .pp-box{width:60vw; height:485px;}
	.popularpicks-slider .pp-box > a[data-video] .bio-cover:before{width:60px; height:60px;}
	.popularpicks-slider .pp-box:not(.slick-current) .bio-title{font-size:18px;}
	.popularpicks-slider .pp-box:not(.slick-current) .bio-desc{font-size:14px;}
	.popularpicks-slider .pp-box:not(.slick-current).lvl-two .pp-box-bottom:after{width:24px; height:24px; margin-top:10px;}
	.popularpicks-slider .pp-box:not(.slick-current).lvl-three .pp-box-bottom:after{width:20px; height:20px; margin-top:8px;}	
	.popularpicks-slider .pp-box.slick-current{width:80vw;}
	.popularpicks-slider .pp-box.slick-current .pp-box-bottom{padding:5%;}
	.popularpicks-slider .pp-box.slick-current .bio-title{font-size:22px;}
	.popularpicks-slider .pp-box.slick-current .bio-desc{font-size:15px;}
	.popularpicks-cust-btn{top:calc(50% - 16px - 10px); width:32px; height:32px;}
	/* experience hong kong virtually */
	#exphk-v2 li.cmp-tabs__tab{font-size:14px;}
	#exphk-v2 .cmp-tabs__tabpanel{margin-left:-30px; margin-right:-30px; padding-left:15px; padding-right:15px;}
	#exphk-v2 .cmp-tabs__tabpanel > .dhk-container{padding:0;}
	#exphk-v2 .big-tile{padding:0 2.5px; margin-bottom:10px;}
	#exphk-v2 .big-tile .textbox:after{padding:6px 22px; margin-top:15px;}
	#exphk-v2 .big-tile .textbox .hb-content{padding-left:0; padding-right:0;}
	#exphk-v2 .big-tile .hb-title h5{font-size:28px;}
	#exphk-v2 .big-tile .hb-title h5 > img{height:60px;}
	#exphk-v2 .big-tile .hb-text{font-size:14px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__slide{margin-top:-5px; margin-bottom:-5px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__slide .col-md-6{padding:5px;}
	#exphk-v2 .morereadstiles .more-reads-tiles__content .title.title--regular .cmp-title__text > h4{font-size:13px; line-height:1.2;}
}