/* Theme DHK New year Countdown */
@import url('/content/dam/dhk/common/font/opensans/v40/font-opensans.css');
@import url('/content/dam/dhk/common/font/notosans/v36/font-notosans.css');
@import url('/content/dam/dhk/common/font/notosanstc/v35/font-notosanstc.css');
@import url('/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');

:root {
	--main-font: 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Noto Sans', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--main-font-size: 18px;
	--h1-font-size: 60px;
	--h2-font-size: 50px;
	--h3-font-size: 44px;
	--h4-font-size: 36px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;
	--title-font-color:#98abf4;
	--main-font-color: #fff;
	--link-color: #fff;
	--link-color-hover: #98abf4;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #333;
	--selection-font-color: #fff;
	--selection-bgcolor: #3A4088;
}
html[lang="zh-CN"]{
	--main-font: 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Noto Sans', 'Noto Sans SC', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
}
html[lang="ja"]{
	--main-font: 'Open Sans', arial, 'Hiragino Sans', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Noto Sans', 'Noto Sans JP', 'Open Sans', arial, 'Hiragino Sans', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
}

/* DHK style reset */
html[dir] .sharing__list{margin-top:0 !important; margin-bottom:0 !important;}
html[dir=ltr] li.sharing__item{margin-right:8px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
.navbar-container{height:auto !important;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
html[dir] .tags-list li .button { color: #FFFFFF;  background-color: #6E06E6 !important; } 
.webchat-mobile{display:none !important;}
.remarks, .remarks p{display:inline-block; color:inherit; width:100%;}

/* Common */
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
#theme-nycd ::selection, .popup-content ::selection{background-color:var(--selection-bgcolor); color:var(--selection-font-color);}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}

#theme-nycd{position:relative; font-weight:400; font-style:normal; background-color:#1E284C; background-image:url(/content/dam/dhk/common/theme/2024/new-year-countdown/bg-nycd-main-desktop.jpg); background-position:top center; background-size:100% auto; background-repeat:no-repeat;}
#theme-nycd *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-nycd, #theme-nycd :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:var(--main-font-size); font-weight:400; line-height:1.5; color:var(--main-font-color);}
#theme-nycd .theme-dark, #theme-nycd .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;}
#theme-nycd .caption .cmp-text p{font-size:0.6875rem;}
#theme-nycd a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--link-color-hover)), to(var(--link-color-hover))),-webkit-gradient(linear, left top, left bottom, from(var(--link-color)), to(var(--link-color)));}
#theme-nycd a.underlined:hover{color:var(--link-color-hover);}
#theme-nycd b, #theme-nycd strong{font-weight:700;}
#theme-nycd b *, #theme-nycd strong *{font-weight:inherit !important;}
#theme-nycd img:not(.iconVideoPlay){max-width:100%;}
#theme-nycd small{display:inline-block;}
#theme-nycd :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-nycd .caption, #theme-nycd .caption :is(p, a){font-size:15px !important; letter-spacing: 0 !important; line-height:1.4 !important;}

#theme-nycd .sharing{display:flex; justify-content:center;}
#theme-nycd .sharing__container{padding:0;}
#theme-nycd .sharing__container svg path{fill:#FFF; overflow:hidden;}
#theme-nycd .sharing__list{margin-left:auto; margin-right:auto; width:fit-content !important;}
#theme-nycd .sharing__list li.sharing__item{background-color:transparent !important; }
#theme-nycd .icon-hover svg g.icon-hover__hidden>* {fill:var(--link-color-hover);}

#theme-nycd .breadcrumb{padding:20px 0;}
#theme-nycd .breadcrumb *{font-size:14px; font-weight:600; font-family:var(--title-font);}
#theme-nycd .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#theme-nycd .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-nycd .breadcrumb svg .cls-100{stroke:#fff; stroke-width:1px;}
#theme-nycd .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#theme-nycd .breadcrumb .cmp-breadcrumb__item:after{border-color:#fff;}

#theme-nycd :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){float:none !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 20px !important; clear:both !important;}
#theme-nycd :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-full-width-container){max-width:calc(1360px + 20px + 20px) !important;}
#theme-nycd .container-cust{max-width:calc(1360px + 20px + 20px);}
#theme-nycd .container-cust.large{max-width:calc(1520px + 20px + 20px);}
#theme-nycd .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-nycd .container.dhk-container.max-width-1100 .cmp-container, #theme-nycd .gohk2022-full-width-container{max-width:none !important;}
#theme-nycd .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-nycd :is(.cta.padding-horizontal .multiple-links, .cta.padding-horizontal .cta-link, .text.padding-horizontal .cmp-text, .image.padding-horizontal .cmp-image, .title.padding-horizontal .cmp-title){padding-left:0 !important; padding-right:0 !important;}

#theme-nycd :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--title-font); color:var(--title-font-color); line-height:1.2;}
#theme-nycd :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px;}
#theme-nycd :is(h2, h2 *){font-size: var(--h2-font-size);}
#theme-nycd :is(h3, h3 *){font-size: var(--h3-font-size);}
#theme-nycd :is(h4, h4 *){font-size: var(--h4-font-size);}
#theme-nycd :is(h5, h5 *){font-size: var(--h5-font-size);}
#theme-nycd :is(h6, h6 *){font-size: var(--h6-font-size);}

#theme-nycd .theme-dark{
	--title-font-color:#fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#theme-nycd .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){color:var(--title-font-color);}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:80% !important; height:auto !important;}
.has-iframe .fancybox__content{width:80% !important; height:auto !important; padding:0 !important; aspect-ratio:1.77778 / 1; background-color:transparent !important;}

#theme-nycd .btn-primary, html[dir] .popup-content .btn-primary{position:relative; display:inline-block; border-radius:16px; padding:12px 38px 12px 20px; margin-bottom:4px; border:0; background-color:var(--primary-button-bgcolor); outline:none; line-height:1.15;}
#theme-nycd .btn-primary, #theme-nycd .btn-primary *, .popup-content .btn-primary, .popup-content .btn-primary *{color:var(--primary-button-font-color) !important; font-weight:600 !important;}
#theme-nycd .btn-primary:not(:last-child), .popup-content .btn-primary:not(:last-child){margin-right:8px;}
#theme-nycd .btn-primary:after, .popup-content .btn-primary:after{display:block; content:''; position:absolute; right:20px; top:calc(50% - 8px); width:9px; height:16px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--story-button-font-color); transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);}
#theme-nycd .btn-primary:hover:after, .popup-content .btn-primary:hover:after{transform:translateX(3px) scale(.85);}
.btn-primary.disabled{padding:12px 20px !important; filter:grayscale(.65); pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.btn-primary.disabled:after{display:none !important;}


/* Custom component {fancy table} */
.fancyTable{display:flex; flex-direction:column;}
.fancyTable .ft-row{display:flex; flex-direction:row; padding:35px 0; border-top:1px solid #455696;}
.fancyTable .ft-row:first-child{border-top:1px solid #455696;}
.fancyTable .ft-cell{flex:1; display:flex; flex-direction:column; padding:0 40px;}
.fancyTable .ft-cell:not(:last-child){border-right:1px solid #455696;}
.fancyTable .ft-cell-head{
	margin-bottom:8px; font-weight:800 !important; font-family:var(--title-font) !important;
	--main-font-size: 16px;
	--main-font-color: #98abf4;
}
#vantage-points .ft-cell-content ol{padding-left:24px; padding-top:15px; border-top:1px solid rgba(255, 255, 255, .3); /* list-style:none; */}
#vantage-points .ft-cell-content ol > li{margin-bottom:4px;}
#vantage-points .ft-cell-content ol > li::marker {font-weight:700 !important;}
#vantage-points .ft-cell-content ol > li > ul{padding-left:26px;}
#vantage-points .ft-cell-content ol > li > ul > li{
	--main-font-size: .94em;
}
a.btn-expand{display:block; padding-right:30px; margin-bottom:8px; min-height:22px; vertical-align:text-top; line-height:1.4; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='ic_add_circle_24px' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm5,11H13v4H11V13H7V11h4V7h2v4h4Z' transform='translate(-2 -2)' fill='%2398abf4'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:right top 2px;}
a.btn-expand, a.btn-expand *{font-weight:700 !important;}
a.btn-expand.expanded{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='ic_remove_circle_24px' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm5,11H7V11H17Z' transform='translate(-2 -2)' fill='%2398abf4'/%3E%3C/svg%3E%0A");}
.collapse-content{display:none;}
.freeformeditor-v2 :is(ul.collapse-content){margin-bottom:26px !important;}

/* Component {Imagewithtext} */
#theme-nycd .carousel-container .slick-dots li button:before{border-color:#DC48FF !important;}
#theme-nycd .carousel-container .slick-dots .slick-active button:before{border-color:#DC48FF !important; background-color:#DC48FF !important;}

/* Component {GOHK POI List} */
@media (min-width: 767.98px) {
#theme-nycd .gk-poi-list-container .poi-list-body .list-view-container .list-view .poi-wrapper:nth-of-type(n+4){margin-top:25px;}
}
#theme-nycd .gohk-desc-container .mtk-btn{
	margin-top:15px;
	--main-font-size:15px;
}


/* Section | Intro */
#section-intro{position:relative; padding-top:34.375vw !important;}
#nycd-lockup{position:absolute; left:49.5%; top:4.1vw; transform:translateX(-50%); width:25.8854vw;}
:is(html[lang="zh-TW"], html[lang="zh-CN"]) #nycd-lockup{top:2vw; width:24.8854vw;}
#section-intro .container-cust{position:relative; text-align:center;}
@media (min-width: 1399.98px) {
	#section-intro .container-cust{max-width:1100px !important; padding:0 20px;}
}
#section-intro .main-video{width:100%; max-width:960px; padding:20px; margin:65px auto;}
#section-intro .main-video a.cover{position:relative; display:block; width:100%; padding-top:56.25%; overflow:hidden;}
#section-intro .main-video a.cover:after{display:block; content:''; position:absolute; left:calc(50% - 50px); top:calc(50% - 50px); width:100px; height:100px; 
background-image:url(/content/dam/dhk/intl/what-s-new/events/new-year-countdown/2022/video-play-button.svg); opacity: 0.7; background-size:100% auto; background-repeat:no-repeat; background-position:center; z-index:2;}
#section-intro .main-video a.cover > img{position:absolute; left:0; top:0; width:100%;}
#section-intro .main-video .video-placeholder{position:relative; width:100%; padding-top:56.25%;}
#section-intro .main-video .video-placeholder > div{position:absolute; left:0; top:0; width:100%;}
#section-intro .video-js .vjs-dock-title{text-align:left;}
@media (min-width: 991.98px) {
	#section-intro .text > .cmp-text{width:90%; margin:0 auto;}
}
#section-intro .introTableContainer{margin-left:auto; margin-right:auto; width:85%;}
#section-intro .introTableContainer:not(:last-child){margin-bottom:26px;}
#section-intro .introTableContainer .smaller, #section-intro .introTableContainer .smaller p, #section-intro .introTableContainer .smaller a{font-size:0.889em !important;}
#section-intro .colorTable.cellwithcolor tr:not(:first-child) th,
#section-intro .colorTable.cellwithcolor tr:not(:first-child) td{
	border-top:0px solid #455696;
}
#section-intro .colorTable.cellwithcolor th{padding:15px 20px; background-color:#321B73;border-top:1px solid #455696; border-bottom:1px solid #455696; border-right:1px solid #455696; font-family:'Open Sans Semi Bold', arial, sans-serif;}
#section-intro .colorTable.cellwithcolor td{padding:15px 20px; background-color:#1D104F;border-top:1px solid #455696; border-bottom:1px solid #455696;}

.live__container{max-width:810px; margin:0 auto; margin-bottom:35px;}
.live__container .video__container{position:relative; /*padding-top:56.25%;*/ padding-top:55.2083%; border:10px solid #DC48FF; background-color:#1B2541;}
/* .live__container .video__container:after{display:block; content:''; position:absolute; left:calc(50% - 40px); top:calc(50% - 40px); width:80px; height:80px; 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_5353' data-name='Group 5353' transform='translate(-920 -816)'%3E%3Cpath id='Path_2617' data-name='Path 2617' d='M40,0A40,40,0,1,1,0,40,40,40,0,0,1,40,0Z' transform='translate(920 816)' fill='%23dc48ff'/%3E%3Cpath id='Icon_awesome-play' data-name='Icon awesome-play' d='M29.841,15.1,5.091.464A3.356,3.356,0,0,0,0,3.368V32.625a3.372,3.372,0,0,0,5.091,2.9L29.841,20.9a3.372,3.372,0,0,0,0-5.808Z' transform='translate(949.25 837.497)' fill='%2340fff9'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} */
.live__container #video-player{position:absolute; top:0; left:0; width:100%; max-width:100%; height:100%;}
.video__channels{margin-top:20px;}
.video__channels > ul{list-style:none; display:block; text-align:center; margin:0; padding:0; outline:0; border:0;}
.video__channels > ul > li{display:inline-block; margin:0 8px;}
.video__channels > ul > li > a{display:inline-flex; justify-content:center; align-items:center; text-align:center; height:55px; padding:0 20px; border:3px solid #633e6c; background-color:#422f62; color:#fff !important; font-weight:700;}
.video__channels > ul > li > a.active{border-color:#DC48FF;}

/* Section | Events */
#section-events{}
#section-events .itinerary-title-container{display:flex; flex-direction:row; justify-content:center; align-items:center;}
#section-events .itinerary-title-container:before, #section-events .itinerary-title-container:after{display:block; content:''; flex:1 1 auto; height:1px; background-color:#C6C7DB;}
#section-events .itinerary-title-container:before{margin-right:3.114%;}
#section-events .itinerary-title-container:after{margin-left:3.114%;}
#section-events .itinerary-title{font-weight:800; flex:0 1 auto;}
@media (min-width: 1399.98px) {
	/*#section-events .eventlist .container{max-width:calc(1365px + 80px) !important; padding:0 40px;}*/
	#section-events .eventlist .container{max-width:none !important; padding:0;}
	#section-events .event-listing{padding-left:0 !important; padding-right:0 !important;}
}
#section-events .grid-box{display:flex; flex-direction:row; margin-left:-10px; margin-right:-10px; margin-bottom:35px; margin-top:20px;}
#section-events .g--box{flex:1; margin:0 10px;}
#section-events .g--box .thumb{overflow:hidden;}
#section-events .g--box .thumb img{width:100%; transition:transform .5s;}
#section-events .g--box a:hover .thumb img{transform:scale(1.2);}
#section-events .g--box .bio{margin-top:15px; text-align:center; font-weight:bold; line-height:1.4;}

/* Section | More */
#section-more{}
#section-more .itinerary-title-container{display:flex; flex-direction:row; justify-content:center; align-items:center;}
#section-more .itinerary-title-container:before, #section-more .itinerary-title-container:after{display:block; content:''; flex:1 1 auto; height:1px; background-color:#C6C7DB;}
#section-more .itinerary-title-container:before{margin-right:3.114%;}
#section-more .itinerary-title-container:after{margin-left:3.114%;}
#section-more .itinerary-title{font-weight:800; flex:0 1 auto;}
#section-more .slider-tiles-single__container .container{padding:0 !important;}
#section-more .slider-tiles-single__slide-item{height:auto;}
#section-more .slider-tiles-single__slide-item.slick-slide .button.button-primary{display:inline-flex; align-items:center; margin-top:20px; padding:5px 40px 5px 50px; background-color:#391C98;}
#section-more .slider-tiles-single__slide-item.slick-slide .button.button-primary:after{display:inline-block; content:''; margin-left:10px; width:17px; height:12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.985' height='7.326' viewBox='0 0 10.985 7.326'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M14.88,11.392a.5.5,0,0,0,0,.7l2.32,2.324H8.367a.5.5,0,0,0,0,.992h8.825l-2.32,2.324a.5.5,0,0,0,0,.7.494.494,0,0,0,.7,0l3.144-3.167h0a.557.557,0,0,0,.1-.156.473.473,0,0,0,.038-.191.5.5,0,0,0-.141-.347L15.575,11.4A.486.486,0,0,0,14.88,11.392Z' transform='translate(-7.875 -11.252)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
#section-more .slider-tiles-single__visual{display:block; width:100%; position:relative; left:auto; right:auto; transform:initial;}
#section-more .slider-tiles-single__slide .slick-dots button:before{background-color:#44466C !important; border:0 !important;}
#section-more .slider-tiles-single__slide .slick-dots li.slick-active button:before{background-color:#5927FF !important;}
#section-more .slider-tiles .slick-prev::before{background-image:url(/content/dam/dhk/common/theme/2022/hkharbourfiesta/arrow-left.svg) !important;}
#section-more .slider-tiles .slick-next::before{background-image:url(/content/dam/dhk/common/theme/2022/hkharbourfiesta/arrow-right.svg) !important;}

/* Section | Acknowledgement */
.ack-box{
	overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;
	--main-font-color: #000;
	--title-font-color: #000;
}
.ack-box, .ack-box *{font-size:15px !important;}
.ack-box .content-left{flex:0 0 20.6%;}
.ack-box .content-right{flex:1; padding-left:2.4vw; margin-left:2.4vw; border-left:1px solid var(--bg-color-khaki); display:flex; flex-direction:row; flex-wrap:wrap;}
.ack-box .ack-group:not(:last-child){margin-bottom:2vw; margin-right:2.9vw;}
.ack-box .ack-group.ack-group-text:not(:last-child){margin-bottom:1.4vw;}
.ack-box .ack-group.ack-group-fluid{flex:0 0 100%; margin-right:0 !important;}
.ack-box .group-label{margin-bottom:20px; font-family:var(--title-font) !important; font-weight:700 !important; font-size:16px !important; color:var(--title-font-color) !important;}
.ack-box .ack-group.ack-group-text .group-label{margin-bottom:10px;}
.ack-box .group-content{display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.ack-box .group-content > span{flex:1 0 auto;}
.ack-box .content-right .group-content > span{flex:0 0 auto; margin-right:2.6vw; margin-bottom:1vw;}
.ack-box .content-right .group-content.text-mode{align-items:flex-start;}
.ack-box .content-right .group-content.text-mode > span{margin-right:2vw; margin-bottom:.8vw;}
.ack-box .group-content img{width:100%;}



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	:root {
		--main-font-size: 17px;
		--h1-font-size: 55px;
		--h2-font-size: 44px;
		--h3-font-size: 38px;
		--h4-font-size: 32px;
		--h5-font-size: 21px;
		--h6-font-size: 19px;
	}

	/* Common */
	#theme-nycd .aem-GridColumn.aem-GridColumn--default--8.max-width-1100{max-width:1100px !important; padding:0 20px !important;}
	#theme-nycd .container-cust{max-width:1100px; padding:0 20px;}
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* Common */
	#theme-nycd .itinerary-title-container{margin-top:0 !important; margin-bottom:10px !important; padding-left:0 !important; padding-right:0 !important;}

	/*section header*/
	#theme-nycd .section--header{margin-bottom:40px;}
	#theme-nycd .prelude-title h3{font-size:52px;}
	#theme-nycd .prelude-desc{font-size:20px;}
	#theme-nycd .section--header.layout-leftright .prelude-title{flex:0 0 385px;}

	/* Section | Events */
	#section-events .itinerary-title{font-weight:800; flex:0 1 auto;}

}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--main-font-size: 16px;
		--h1-font-size: 48px;
		--h2-font-size: 36px;
		--h3-font-size: 32px;
		--h4-font-size: 28px;
		--h5-font-size: 20px;
		--h6-font-size: 17px;
	}

	/* Common */
	.t--large, .t--large a, .t--large p, a.t--large, p.t--large{font-size:16px; line-height:24px;}
	#theme-nycd :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) br{display:none;}
	.fancybox__container{max-width:100vw; max-height:100vh;}
	.fancybox-slide{padding:0;}
	#theme-nycd .section-head{margin-bottom:35px;}
	#theme-nycd .btn-primary, .popup-content .btn-primary{border-radius:12px;}

	/*section header*/
	#theme-nycd .section--header{margin-bottom:30px;}
	#theme-nycd .prelude-title h3{font-size:34px;}
	#theme-nycd .prelude-desc{font-size:16px;}
	#theme-nycd .section--header.layout-leftright .prelude-title{flex:0 0 40%;}

	/* Custom component {fancy table} */
	.fancyTable .ft-row{flex-direction:column; padding:0;}
	.fancyTable .ft-cell{padding:14px 0;}
	.fancyTable .ft-cell:not(:last-child){border-right:0; border-bottom:1px solid #455696;}
	.fancyTable .ft-cell-head{margin-bottom:6px; font-size:14px !important;}

	/* Section | Intro */
	#section-intro.with-video{padding-top:30%;}
	#section-intro .main-video a.cover:after{left:calc(50% - 40px); top:calc(50% - 40px); width:80px; height:80px;}
	.live__container .thumb__container{max-width:80%;}

	/* Section | Events */
	#section-events .eventlist .new_eventlist .container{max-width:none;}
	#section-events .eventlist .new_eventlist .event-listing{margin-left:-10px; margin-right:-10px;}
	#section-events .new_eventlist .one-column .event-listing__item{padding-left:10px !important; padding-right:10px !important; flex:0 0 33.3%;}

	/* Section | More */
	#section-more .slider-tiles .slick-arrow{display:none !important;}
	#section-more .homepagemasthead .slider-tiles-single__slide{padding-left:0;}
	#section-more .slider-tiles-single__text{width:100%; align-items:center; text-align:center; padding-left:30px; padding-right:30px; padding-bottom:40px;}
	#section-more .slider-tiles-single__slide-item.slick-slide .button.button-primary{margin-top:8px;}

	/* Section | Acknowledgement */
	.ack-box{flex-direction:column;}
	.ack-box h3{font-size:30px;}
	.ack-box .content-head{margin-bottom:30px;}
	.ack-box .content-footer{margin-top:30px; padding-top:30px; border-top:1px solid var(--bg-color-khaki);}
	.ack-box .content-left{flex:0 0 100%; display:flex; flex-direction:row; flex-wrap:wrap;}
	.ack-box .content-right{padding-left:0; margin-left:0; border-left:0;}
	.ack-box .ack-group:not(:last-child){margin-bottom:40px;}
	.ack-box .ack-group.ack-group-text:not(:last-child){margin-bottom:20px;}
	.ack-box .group-label{margin-bottom:18px; font-size:15px !important;}
	.ack-box .ack-group.ack-group-text .group-label{margin-bottom:6px;}
	.ack-box .content-right .group-content > span{ margin-right:30px;}
	.ack-box .group-content > span > img{max-height:95px; max-width:none !important; width:auto;}
}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	:root {
		--main-font-size: 15px;
		--h1-font-size: 35px;
		--h2-font-size: 24px;
		--h3-font-size: 21px;
		--h4-font-size: 19px;
		--h5-font-size: 17px;
		--h6-font-size: 15px;
	}

	/* Common */
	#theme-nycd{background-image:url(/content/dam/dhk/common/theme/2024/new-year-countdown/bg-nycd-main-mobile.jpg);}
	#theme-nycd :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){padding:0 15px !important;}
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
	#theme-nycd .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	#theme-nycd .btn-primary, .popup-content .btn-primary{border-radius:8px;}
	#theme-nycd .prelude-title h3{margin-bottom:15px; font-size:32px;}
	#theme-nycd .prelude-desc{font-size:14px;}
	#theme-nycd :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-nycd .caption, #theme-nycd .caption :is(p, a){font-size:14px !important;}

	/* Custom component {fancy table} */
	#vantage-points .ft-cell-content ol{padding-top:10px;}
	#vantage-points p:not(.dynamic-page-details__list--data) + ol{margin-top:-15px !important;}
	#vantage-points .ft-cell-content .row > .col-12:not(:last-child){margin-bottom:15px;}
	a.btn-expand{background-position:right top 0;}

	/* Component {GOHK POI List} */
	#theme-nycd .gk-poi-list-container .poi-list-body .list-view-container .list-view .poi-wrapper:nth-of-type(n+2){margin-top:25px;}
	#theme-nycd .gohk-desc-container .mtk-btn {
		margin-top: 10px;
		--main-font-size: 14px;
	}

	/* Section | Intro */
	#section-intro{padding-top:98vw !important;}
	#nycd-lockup{top:10.66vw; width:56.533vw;}
	:is(html[lang="zh-TW"], html[lang="zh-CN"]) #nycd-lockup{top:6.66vw; width:54.533vw;}

	.live__container .thumb__container{max-width:90%; border-radius:11px; padding:4px;}
	.live__container .thumb__subcontainer > a:after{left:calc(50% - 49px); top:calc(50% - 49px); width:98px; height:98px;}
	#section-intro .main-video {padding:8px; margin:35px auto;}
	#section-intro .main-video a.cover:after{left:calc(50% - 30px); top:calc(50% - 30px); width:60px; height:60px;}

	.live__container .video__container{padding-top:55.8333%; border-width:4px;}
	.video__channels > ul{margin-bottom:15px !important;}
	.video__channels > ul > li{margin:0 3px;}
	.video__channels > ul > li > a{height:45px; padding:0 13px;}

	/* Section | table */
	#section-table .colorTable{margin-left:0 !important; margin-right:0 !important; width:100% !important;}
	#section-table .colorTable.cellwithcolor th, #section-table .colorTable.cellwithcolor td{padding:10px;}

	/* Section | More */
	#section-more .homepagemasthead .slider-tiles-single__slide{max-width:70vw;}

	/* Section | Acknowledgement */
	.ack-container{margin-left:-15px; margin-right:-15px;}
	.ack-container .ack-item{padding:10px 15px;}
}



/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Common */
	#theme-nycd .itinerary-title-container{margin-top:15px !important; margin-bottom:10px !important; padding-left:0 !important; padding-right:0 !important;}
	#theme-nycd .itinerary-title{margin-right:-20px;}
	#theme-nycd .itinerary-title-container:after{margin-left:40px;}

	/*section header*/
	#theme-nycd .prelude-title h3{font-size:28px;}

	#theme-nycd .section--header.layout-leftright .container-cust{flex-direction:column; align-items:flex-start;}
	#theme-nycd .section--header.layout-leftright .prelude-title{flex:0 1 100%;}
	#theme-nycd .section--header.layout-leftright .prelude-title h3{margin-bottom:15px;}
	#theme-nycd .section--header.layout-leftright .prelude-desc{flex:0 1 100%;}

	/* Section | Events */
	#section-events .eventlist{overflow-x:auto; overflow-y:hidden;}
	#section-events .eventlist > .new_eventlist > .container{padding-left:0 !important; padding-right:0 !important;}
	#section-events .event-listing.row{margin-left:0; margin-right:0;}
	#section-events .eventlist .new_eventlist .event-listing{display:flex; flex-direction:row; flex-wrap:nowrap; margin-left:0; margin-right:0;}
	#section-events .new_eventlist .one-column .event-listing__item{width:auto; flex:0 0 70vw; padding-left:0 !important; padding-right:0 !important;}
	#section-events .new_eventlist .one-column .event-listing__item:not(:first-child){margin-left:15px;}
	#section-events .grid-box{flex-wrap:wrap; margin-left:-2%; margin-right:-2%; margin-top:10px;}
	#section-events .g--box{flex:1 1 42%; margin:0 2%; margin-bottom:15px;}

	/* Section | More */
	#section-more .homepagemasthead > .slider-tiles-single__container > .container,
	#section-more .homepagemasthead > .slider-tiles-single__container > .container > .slick-slider{padding-top:0 !important;}
	#section-more .homepagemasthead .slider-tiles-single__slide{max-width:none; padding-left:0;}
	#section-more .slider-tiles-single__slide-item.slick-slide .button.button-primary{padding:5px 20px 5px 25px;}
}




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

}

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