/* CSS style */
/* common */
a.normal{display:inline-block; text-decoration:none; background:none !important;}
a.website, a.url{word-break:break-all;}
a.underscore{text-decoration:underline !important; text-underline-offset:.22em; text-decoration-thickness:1px;}
ul.navbar-nav, ul.author__text, ul.itinerary-dates, ul.slick-dots, .cmp-tabs__tablist, ol.cmp-breadcrumb__list, .footer-listing > ul{
	padding-inline-start:0 !important;
}
ul.slick-dots li:last-child{margin-right:0 !important;}

.headline-icon{display:inline-block !important; margin-right:5px;}
.remarks, .remarks p{font-size:.75rem !important; line-height:1.8 !important; letter-spacing:0 !important;}
.container-cust{width:100%; max-width:1100px; padding:0 20px; margin:0 auto;}
img.lottie-image{max-width:100%;}
.text-eng{display:inline-block; direction:ltr !important; font-size:inherit !important;}
.btn-backtotop{display:block; position:fixed; right:20px; bottom:20px; padding:5px 29px 5px 20px; background-color:#fff !important; font-size:15px !important; color:#222 !important; border:1px solid rgba(0,0,0,.1); border-radius:999px; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1) !important; cursor:pointer; z-index:99;}
.btn-backtotop::after{display:block; content:''; position:absolute; right:15px; top:calc(50% - 5px); width:9px; height:10px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10'%3E%3Cpath id='ic_publish_24px' d='M5,4V5.286h9V4Zm0,6.429H7.571V14h3.857V10.429H14l-4.5-4.5Z' transform='translate(-5 -4)' fill='%23222'/%3E%3C/svg%3E%0A"); background-size:100% auto; background-position:center; background-repeat:no-repeat;}

body[data-lang="intl"] .d-hkeng{display:none !important;}
body[data-lang="hkeng"] .d-eng{display:none !important;}
body[data-lang="tc"] .d-hktc{display:none !important;}
body[data-lang="hktc"] .d-tc{display:none !important;}


/* Tick List */
ul.tick-list{list-style:none; padding-inline-start:0 !important;}
ul.tick-list li{position:relative; margin-left:0 !important; padding-left:20px;}
ul.tick-list li:before{position:absolute; left:0; top:1px; content:"\2714\0020";}


/* Color Table */
.colorTableContainer{width:100%;}
.colorTable{
	--colorTable-border-color: #e5e5e5;
	border-collapse:separate;
	box-sizing:border-box;
	border-spacing:2px;
	border:0;
	margin-bottom:25px;
}
.colorTable.bs0{border-spacing:0px;}
.colorTable.tablewithborder{border:1px solid var(--colorTable-border-color);}
.colorTable.cellwithborder tr:not(:first-child) :is(th, td){border-top:1px solid var(--colorTable-border-color);}
.colorTable.cellwithborder th:not(:first-child), .colorTable.cellwithborder td:not(:first-child){border-left:1px solid var(--colorTable-border-color);}
.colorTable .w5{width:5%;}
.colorTable .w10{width:10%;}
.colorTable .w15{width:15%;}
.colorTable .w20{width:20%;}
.colorTable .w25{width:25%;}
.colorTable .w30{width:30%;}
.colorTable .w35{width:35%;}
.colorTable .w40{width:40%;}
.colorTable .w45{width:45%;}
.colorTable .w50{width:50%;}
.colorTable .w55{width:55%;}
.colorTable .w60{width:60%;}
.colorTable .w65{width:65%;}
.colorTable .w70{width:70%;}
.colorTable .w75{width:75%;}
.colorTable .w80{width:80%;}
.colorTable .w85{width:85%;}
.colorTable th, .colorTable td{border:0; padding:10px; vertical-align:top;}
.colorTable.cellwithcolor th, .colorTable.cellwithcolor td{background-color:#eee;}
.colorTable.oddwithcolor tr:nth-child(odd) th, .colorTable.oddwithcolor tr:nth-child(odd) td{background-color:#f5f5f5;}
.colorTable.evenwithcolor tr:nth-child(even) th, .colorTable.evenwithcolor tr:nth-child(even) td{background-color:#f5f5f5;}
.colorTable thead td, .colorTable thead th{/*background-color:#999;*/ background-color:#ccc !important;}
.colorTable ul, .colorTable ol{white-space:normal;}


/* Job Opportunities table */
.job-list-v2__container{padding:20px;}
.job-list-v2__container a{
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E2002C), to(#E2002C)), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: linear-gradient(#E2002C, #E2002C), linear-gradient(#000, #000);
    background-position: 0% 95%;
    background-repeat: no-repeat;
    background-size: 0% 1px, 100% 1px
}
.job-list-v2__container a:active,
.job-list-v2__container a:hover{
    background-position: 0% 95%;
    background-size: 100% 1px, 100% 1px
}
.job-list-v2__container table th,
.job-list-v2__container table td {padding:30px; margin-left:0; margin-right:0}
.job-list-v2__container table th:not(:first-child),
.job-list-v2__container table td:not(:first-child) {white-space:nowrap; width:20%; min-width:170px;}
.job-list-v2__container table thead tr, .job-list-v2__container table tbody tr:nth-child(even){background-color:#f5f5f5;}
.job-list-v2__seemore{padding:30px;}
.job-list-v2__container table tbody tr.hidden{display:none;}


/* InfoList */
.infolistContainer{--dt-width:120px;}
.infolistContainer.wide{--dt-width:150px;}
.infolistContainer.compact{--dt-width:90px;}
.infolistContainer.x-compact{--dt-width:60px;}
/* .infolistContainer{padding-top:10px;} */
.infolistContainer:not(:last-child){margin-bottom:calc(26px - 8px);}
.infolistContainer dl{display:block; width:100%;}
.infolistContainer dl:after{display:block; content:''; clear:both;}
.infolistContainer dl dt, .infolistContainer dl dd{float:left; display:block; margin-bottom:8px; line-height:1.333rem;}
.infolistContainer dl dt{width:var(--dt-width); padding-right:5px; clear:left; font-weight:normal !important;}
.infolistContainer dl dd{width:calc(100% - var(--dt-width));}
/* .infolistContainer.compact dl dt{width:90px;}
.infolistContainer.compact dl dd{width:calc(100% - 90px);} */


/* Video 360 */
.video360{position:relative; padding-top:56.25%; margin-bottom:30px;}
.video360:last-child{margin-bottom:0;}
.video360.bc-embed{padding-top:0;}
.video-wrapper-inline{position:absolute; left:0; top:0;}
a.btn-video360{display:block; position:absolute; top:0; left:0; width:100%;}
a.btn-video360:before{display:block; position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-75px; width:150px; height:150px; content:url(https://www.discoverhongkong.com/content/dam/dhk/common/video-play-button-360.svg);}
a.btn-video360 > img{display:block; width:100%;}
#video-wrapper-fullscreen{display:none; position:fixed; top:0; bottom:0; right:0; left:0; height:100%; width:100%; z-index:9000; background-color:#111;}
#video-wrapper-fullscreen.active{display:block;}
#video-wrapper-fullscreen .video-holder{width:100%; height:100%;}
#video-wrapper-fullscreen .video-js{height:100% !important; padding-top:0;}
#video-wrapper-fullscreen button.btnClose{
	position:absolute; display:block; top:15px; right:15px; width:44px; height:44px; background-color:rgba(226,0,44,.7); background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/close-white.svg); background-repeat:no-repeat; background-position:center center; background-size:20px 20px; border-radius:50%; border:0;
	-webkit-transition: all 300ms;
       -moz-transition: all 300ms;
         -o-transition: all 300ms;
         	transition: all 300ms;
}
#video-wrapper-fullscreen button.btnClose:focus{outline:0;}
#video-wrapper-fullscreen button.btnClose:hover{
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
	transform:scale(1.2);
}
#video-wrapper-fullscreen button.vjs-button-vr{display:none !important;}

/* Video 360 – Fun Fact*/
.video360.type-funfact{padding-top:29.8%; /*margin-left:-20px; margin-right:-20px;*/}

/* Photo 360 */
.photo360{position:relative; padding-top:56.25%; margin-bottom:30px;}
.photo360:last-child{margin-bottom:0;}
a.btn-photo360{display:block; position:absolute; top:0; left:0; width:100%;}
a.btn-photo360:before{display:block; position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-75px; width:150px; height:150px; content:url(https://www.discoverhongkong.com/content/dam/dhk/common/photo-play-button-360.svg);}
a.btn-photo360 > img{display:block; max-width:100%;}
.photo-wrapper-inline{position:absolute; left:0; top:0; width:100%; height:100%;}
.photo360 .photo-wrapper-inline .psv-container.fullscreen{z-index:9000;}
.photo360 .psv-container{background:#f7f7f7;}
.photo360 .psv-navbar{background-color:transparent;}
.photo360 .psv-navbar.psv-navbar--open{justify-content:space-between;}
.photo360 .psv-autorotate-button svg, .photo360 .psv-fullscreen-button svg{display:block;}
.photo360 .psv-loader{color:rgba(61,61,61,0.4) !important;}


/* Itinary Lightbox */
.itin-moretoknow{position:relative; padding:0 20px;}
.itinerary .poi .itinerary-article .itin-moretoknow{padding:0; margin-bottom:26px;}
.half-section__half .itin-moretoknow{padding:0; margin-top:26px;}
.itin-moretoknow figure{margin-bottom:4px !important;}
.itin-moretoknow figcaption > span{display:inline-flex; margin-bottom:4px; font-size:11px; font-weight:bold; border-radius:3px; align-items:center;}
.itin-moretoknow audio{max-width:100%;}

ul.itin-lightbox-list{list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; padding-left:0; align-items:center;}
ul.itin-lightbox-list > li{position:relative; margin-left:0 !important;}
ul.itin-lightbox-list > li:not(:last-child){padding-right:12px; margin-right:11px;}
ul.itin-lightbox-list > li:not(:last-child):after{display:block; content:''; position:absolute; right:0; top:calc(50% - 6px); width:1px; height:12px; background-color:#ccc;}
ul.itin-lightbox-list a, ul.itin-lightbox-list a.underlined{color:#E2002C; font-weight:bold; background-image:-webkit-gradient(linear, left top, left bottom, from(#E2002C), to(#E2002C)),-webkit-gradient(linear, left top, left bottom, from(#E2002C), to(#E2002C)); background-position:0% 95%; background-repeat:no-repeat; background-size:0% 1px, 100% 1px; background-color:transparent;}
ul.itin-lightbox-list a:hover, ul.itin-lightbox-list a.underlined:hover{background-size: 100% 1px, 100% 1px;}

.itin-lightbox-content{display:none; padding:0 !important; max-width:1088px; max-height:80vh; overflow:visible;}
.itin-lightbox-inner{width:100%; height:100%; max-height:80vh; padding:60px 74px; scrollbar-color:#999 #eee; scrollbar-width:thin; overflow-y:auto; overflow-x:hidden;}
.itin-lightbox-inner::-webkit-scrollbar{width:6px; height:6px;}
.itin-lightbox-inner::-webkit-scrollbar-thumb{background:#999; border-radius:3px;}
.itin-lightbox-inner::-webkit-scrollbar-track{background:#eee;}
.itin-lightbox-content > div > .row:not(:last-child){margin-bottom:40px;}
.itin-lightbox-content h3{font-size:30px; font-weight:700; margin:0 !important; margin-bottom:45px !important; text-align:left;}
.itin-lightbox-content img{width:100%; -webkit-perspective:2000; -webkit-backface-visibility:hidden;}
.itin-lightbox-content .col-12:not(.col-lg-6):not(:last-child){margin-bottom:20px;}
.itin-lightbox-content .fancybox-close-small{right:-20px; top:-20px; width:40px; height:40px; border-radius:50%; background-color:#fff; opacity:1; box-shadow: 1px -1px 5px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 1px -1px 5px 4px rgba(0,0,0,0.16); -moz-box-shadow: 1px -1px 5px 4px rgba(0,0,0,0.16); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Icon_material-close' data-name='Icon material-close' d='M23.5,9.111,21.889,7.5,15.5,13.889,9.111,7.5,7.5,9.111,13.889,15.5,7.5,21.889,9.111,23.5,15.5,17.111,21.889,23.5,23.5,21.889,17.111,15.5Z' transform='translate(-7.5 -7.5)'/%3E%3C/svg%3E%0A"); background-size:16px auto; background-position:center; background-repeat:no-repeat;}
.itin-lightbox-content .fancybox-close-small svg{display:none;}
.itin-lightbox-slider{margin-bottom:0 !important;}
.itin-lightbox-slider .slick-track, .itin-lightbox-slider .slick-list, .itin-lightbox-slider .slick-slide{-webkit-perspective:2000; -webkit-backface-visibility:hidden;}
.itin-lightbox-slider .slick-dots{position:relative; bottom:auto;}
.itin-lightbox-slider .slick-dots li{width:auto; height:auto;}
.itin-lightbox-slider .slick-dots li:not(:first-child){margin-left:0 !important;}
.itin-lightbox-slider .slick-dots li button{padding:0 !important; margin:5px; width:8px; height:8px; background-color:#c0c0c0 !important; border-radius:5px;}
.itin-lightbox-slider .slick-dots li.slick-active button{width:20px; background-color:#404040 !important;}
.itin-lightbox-slider .slick-dots li button:before{display:none;}


/* Imagewithtext Gallery */
.imagewithtext .half-section__image-wrap > img{text-indent:-9999px;}
.imagewithtext .imagewithtextgallery .swiper-slide{margin-bottom:10px;}
.imagewithtext .imagewithtextgallery .swiper-slide .caption{margin-top:10px !important;}
.imagewithtext .imagewithtextgallery .swiper-pagination{position:relative; top:auto; bottom:auto; margin:10px 0;}
.imagewithtext .imagewithtextgallery .swiper-pagination-bullet-active{background-color:#e2002c;}







/* tablet only breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
	/*a{word-break:break-all;}*/

	/* Job Opportunities table */
	.job-list-v2__container table th,
	.job-list-v2__container table td {padding:20px;}
}

/* medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.container-cust{padding:0 8%;}

    /* Itinary Lightbox */
    .itin-lightbox-content{max-width:100%;}
    .itin-lightbox-content .col-12:not(:last-child){margin-bottom:20px;}
    .itin-lightbox-content .fancybox-close-small{right:0;}
}

/* small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/*a{word-break:break-all;}*/
	.container-cust{padding:0 35px;}
	.imagewithtext .cta{margin-top:10px;}
	.btn-backtotop{right:5px; bottom:5px; padding:0; width:40px; height:40px; text-indent:-9999px;}
	.btn-backtotop::after{right:calc(50% - 9px); top:calc(50% - 10px); width:18px; height:20px;}
	
	/* Color Table */
	.colorTableContainer{overflow-x:auto;}
	.colorTableContainer .colorTable{width:100%; min-width:500px; max-width:900px;}
	/* .colorTable th, .colorTable td{white-space:pre-wrap !important;} */
	.colorTable.compact-sm{width:100%;}
	.colorTable.compact-sm thead{display:none;}
	.colorTable.compact-sm tbody tr, .colorTable.compact-sm tbody th, .colorTable.compact-sm tbody td{display:block; width:100%; padding:0;}
	.colorTable.compact-sm tbody tr:not(:last-child){padding-bottom:15px;}

	/* Job Opportunities table */
	.job-list-v2__container{padding:10px 0;}
	.job-list-v2__container table,
	.job-list-v2__container table tbody,
	.job-list-v2__container table tbody tr,
	.job-list-v2__container table tbody td{display:block; width:100%;}
    .job-list-v2__container table thead{display:none;}
	.job-list-v2__container table tbody td:before{display:block; content:attr(data-label); padding-bottom:5px; font-weight:bold;}
    .job-list-v2__container table tbody tr{padding:20px 0;}
	.job-list-v2__container table th:not(:first-child),
	.job-list-v2__container table td:not(:first-child) {white-space:normal; width:100%; min-width:auto;}
	.job-list-v2__container table th,
	.job-list-v2__container table td {padding:10px;}
	.job-list-v2__seemore{padding:10px;}

	/* InfoList */
	.infolistContainer{--dt-width:115px;}
	.infolistContainer.wide{--dt-width:145px;}
	.infolistContainer.compact{--dt-width:85px;}
	.infolistContainer.x-compact{--dt-width:55px;}
	.infolistContainer:not(:last-child){margin-bottom:calc(20px - 5px);}
	.infolistContainer dl dt, .infolistContainer dl dd{margin-bottom:5px;}

	/* Video 360 */
	a.btn-video360:before{width:80px; height:80px; margin-left:-40px; margin-top:-40px;}

	/* Photo 360 */
	a.btn-photo360:before{width:80px; height:80px; margin-left:-40px; margin-top:-40px;}
	.photo360 .psv-loader{width:120px; height: 120px;}
	.photo360 .psv-loader-text{font-size:12px;}

	/* Itinary Lightbox */
	.itin-moretoknow{padding:0 10px;}
	.itin-lightbox-content{height:85vh; max-height:none; vertical-align:bottom;}
	.itin-lightbox-content h3{margin-bottom:24px !important; font-size:22px; line-height:1.3;}
	.itin-lightbox-inner{padding:35px 30px; height:85vh; max-height:none;}
}

/* mobile breakpoint */
@media screen and (max-width: 575.98px){
	.container-cust{padding:0 20px;}
}










/* Temp fix, put back to main css in the future */
html[dir] .language-selector.alt-design .dropdown-menu__list{padding-inline-start:40px !important;}
html[dir] .dhk .text .cmp-text img{display:inline-block;}
html[dir] .dhk .text .cmp-text,
html[dir] .half-section__image-wrap,
html[dir] .half-section-component .half-section__main{
	padding-top:0 !important;
}
/*html[dir] .dhk .text .cmp-text:last-child{
	padding-bottom: 0 !important;
}*/
html[dir] .dhk .webchat-bubble__trigger.text .cmp-text{padding-top:20px !important;}
html[dir] .dhk .cmp-image .text.caption .cmp-text{padding-top:10px !important; padding-bottom:0 !important;}
html[dir] .dhk .image .cmp-image .text.caption .cmp-text{padding-top:10px !important; padding-bottom:0px !important;}
html[dir] .dhk .half-section__half .caption .cmp-text{padding-top:10px !important; padding-bottom:15px !important;}
html[dir] .dhk .half-section__half .half-section__object-fit{height:auto !important;}
html[dir] .dhk .container.no-padding-top .cmp-container{padding-top:30px !important;}
html[dir] .dhk .container.no-padding-top > .dhk-content > .cmp-container,
html[dir] .dhk .container.no-padding-top > .dhk-content > .cmp-container > .cmp-container,
html[dir] .dhk .container.no-padding-top .half-section__half .cmp-container,
html[dir] .dhk .container > .dhk-content > .cmp-container > .cmp-container,
html[dir] .itinerary-list .itinerary-container:first-child > div > .dhk-content > .cmp-container,
html[dir] .itinerary-list .itinerary-container:first-child .imagewithtext:first-child .cmp-container,
.recommendationmarkettiles > .cmp-container{
	padding-top:0 !important;
}
html[dir] .dhk .container > .dhk-content > .cmp-container > .cmp-container,
html[dir] .imagewithtext > div > .half-section-component > .cmp-container,
.recommendationmarkettiles > .cmp-container{
	padding-bottom:0 !important;
}
.recommendationmarkettiles .recommendation-tiles__row{margin-bottom:0 !important;}
.imagewithtext .cta{margin-top:20px;}
.no-items{min-height:auto;}
.icontexttip .cmp-text a{word-break:break-word;}

.carousel ul.slick-dots{left:0;}
.carousel .half-section-component > .cmp-container{padding-bottom:0 !important;}
html[dir] .dhk .container.no-padding-top .carousel .half-section-component > .cmp-container{padding-top:0 !important;}
html[dir] .carousel .half-section-component{margin-left:-20px; margin-right:-20px;}
ul.slick-dots li{margin-left:0 !important; margin-right:0 !important;}
ul.slick-dots li:not(:first-child){margin-left:15px !important;}
html[dir="rtl"] ul.slick-dots li:not(:first-child){margin-left:0 !important; margin-right:15px !important;}

.webchat-bubble__trigger.text .cmp-text{padding-top:20px !important;}
.dhk .carousel .carousel-container.slick-dotted.slick-slider, html[dir] .dhk .carousel .carousel-container.slick-dotted.slick-slider{padding-top:0 !important; padding-bottom:10px !important}
.rainbow-bar--centered+.carousel .carousel-container.slick-dotted.slick-slider .slick-list{padding-bottom:30px !important;}
html[dir] .dhk .carousel .carousel-container.slick-dotted.slick-slider .slick-list{padding-bottom:20px !important;}
.half-section-component .half-section__main .text.padding-horizontal .cmp-text{padding-left:0 !important; padding-right:0 !important;}
.webchat-bubble__container{z-index:9999;}
.video .brightcove{padding-left:20px; padding-right:20px;}
.dhk .cta .cta-link .button{margin-top:0 !important; margin-bottom:0 !important;}
.slidertiles{padding-top:0 !important; padding-bottom:0 !important;}
.photogallery .photogallery-main .photogallery-main-scene img.iconVideoPlay{width:20% !important; height:auto !important; max-width:150px; pointer-events:all !important;}

.disable-h3-replace > h3{font-size:1.688rem;}
html[dir] .half-section-component .heading :is(h2, h3),
html[dir] .half-section-component :is(h2, h3){
	margin-bottom:15px;
}
html[dir] .half-section-component .heading h4,
html[dir] .half-section-component .heading h5,
html[dir] .half-section-component .heading h6,
html[dir] .half-section-component h4,
html[dir] .half-section-component h5,
html[dir] .half-section-component h6{
	margin-bottom:10px;
}
html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.text.more-padding-top .cmp-text,
html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.image.more-padding-top .cmp-image{
	padding-top:20px !important;
}
html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.text.more-padding-bottom .cmp-text,
html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.image.more-padding-bottom .cmp-image{
	padding-bottom:20px !important;
}

html[dir] .dhk .dynamic-page-details .text .cmp-text{padding:20px 0 !important;}
html[dir] .dhk .dynamic-page-details .text .cmp-text p{padding:0 !important;}
.gm-style button.gm-ui-hover-effect > span{display:none !important;}

/* e-solution itinerary */
html[dir] .itinerary-article a{font-family:'Open Sans Regular', arial, sans-serif !important;}
html[dir] .itinerary-article a.website{word-break:break-all;}
html[dir] .itinerary-title-container .itinerary-lockup img{max-width:100%; max-height:135px; height:auto !important;}
html[dir] .more-to-know-popup .item .desc, html[dir] .more-to-know-popup .item .desc *{font-family:'Open Sans Regular', arial, sans-serif !important;}

/* gohk itinerary */
html[dir] .gohk-poilist sup{font-size:0.75em !important;}
html[dir] .gohk-desc-container .gohk-desc :is(em, i){font-style:italic !important;}
html[dir] .gohk-desc-container .gohk-desc :is(b, strong){font-weight:bold !important;}

/* Dark theme */
.dhk .theme-dark .text a, .dhk .theme-dark .text ul, .dhk .theme-dark .text ol, .dhk .theme-dark .text li{color:#fff;}
.dhk .theme-dark .text a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(#E2002C), to(#E2002C)),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));}

@media screen and (max-width: 1023px){
	.navbar-wrapper{height:88px;}
	html[dir] .article-detail__heading{padding-top:20px;}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {
	html[dir] .half-section__image-wrap{padding-bottom:15px !important;}
	html[dir] .dhk .half-section__half .caption{margin-top:-5px;}
	html[dir] .dhk .half-section__half .caption .cmp-text{padding-top:0 !important; padding-bottom:20px !important;}
	/*.video-container.youtube-video-container .video-player-button{margin:20px 10px !important;}*/
	html[dir] .dhk .carousel .carousel-container.slick-dotted.slick-slider .slick-list{padding-bottom:10px !important;}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
	html[dir=ltr] .pl-3, html[dir=ltr] .px-3{padding-left:0 !important;}
	html[dir] .dynamic-page-details{padding-top:35px !important;}
	html[dir] .dynamic-page-details .button.button-primary{display:inline-block; margin-top:0;}
	html[dir] .data-listing.featured-experiences .img-text-box{padding-bottom:75% !important;}
	html[dir=ltr] .carousel:not(.aem-GridColumn) .carousel-container.slick-initialized.slick-slider{padding-left:0 !important; padding-right:0 !important;}
	.photogallery .photogallery-main{padding-left:20px; padding-right:20px;}
	html[dir] .carousel .half-section-component{margin-left:auto; margin-right:auto;}
	/* Event List V2 */
	.new_eventlist > .container{padding-left:20px !important; padding-right:20px !important;}
	html[dir] .new_eventlist .eventlist_head{padding-right:0 !important;}
	html[dir] .new_eventlist .event-listing{padding:0 !important; margin-left:-8px !important; margin-right:-8px !important;}
	html[dir] .new_eventlist .event-listing__item{padding-left:8px !important; padding-right:8px !important;}
}

/* fix for 768px width devices (e.g. ipad mini) */
@media screen and (min-width: 767.98px) and (max-width: 768.98px) {
	/* Event List V2 */
	html[dir="ltr"] .new_eventlist .event-listing__item.odd-item,
	html[dir="ltr"] .new_eventlist .event-listing__item.even-item{
		padding-left:15px !important; padding-right:15px !important;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-left:30px; padding-right:30px; padding-top:15px;}
	/*.video-container.youtube-video-container .video-player-button{margin:20px 10px !important;}*/
	.video .brightcove{padding-left:10px; padding-right:10px;}
	.itinerary-list{margin-bottom:0;}
	html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.text.more-padding-top .cmp-text,
	html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.image.more-padding-top .cmp-image{
		padding-top:10px !important;
	}
	html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.text.more-padding-bottom .cmp-text,
	html[dir] .dhk .aem-Grid--default--12 > .aem-GridColumn--default--6.image.more-padding-bottom .cmp-image{
		padding-bottom:10px !important;
	}
	html[dir] .es-auto-popup{margin-top:0 !important; margin-bottom:0 !important; padding:0 !important;}
	.disable-h3-replace > h2{line-height:30px;}
	.disable-h3-replace > h3{font-size:1.25rem; line-height:27px;}
	/* Event List V2 */
	.new_eventlist > .container{padding-left:0 !important; padding-right:0 !important;}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px) {
	.photogallery .photogallery-main{padding-left:0; padding-right:0;}
}

/* bootstrap breakpoint */
.d-inline{display: inline !important;}
.d-inline-block{display: inline-block !important;}
.d-block{display: block !important;}
.d-grid{display: grid !important;}
.d-inline-grid{display: inline-grid !important;}
.d-table{display: table !important;}
.d-table-row{display: table-row !important;}
.d-table-cell{display: table-cell !important;}
.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
.d-none{display: none !important;}

@media (min-width:576px) {
	.d-sm-inline{display: inline !important;}
	.d-sm-inline-block{display: inline-block !important;}
	.d-sm-block{display: block !important;}
	.d-sm-grid{display: grid !important;}
	.d-sm-inline-grid{display: inline-grid !important;}
	.d-sm-table{display: table !important;}
	.d-sm-table-row{display: table-row !important;}
	.d-sm-table-cell{display: table-cell !important;}
	.d-sm-flex{display: flex !important;}
	.d-sm-inline-flex{display: inline-flex !important;}
	.d-sm-none{display: none !important;}
}
@media (min-width:768px) {
	.d-md-inline{display: inline !important;}
	.d-md-inline-block{display: inline-block !important;}
	.d-md-block{display: block !important;}
	.d-md-grid{display: grid !important;}
	.d-md-inline-grid{display: inline-grid !important;}
	.d-md-table{display: table !important;}
	.d-md-table-row{display: table-row !important;}
	.d-md-table-cell{display: table-cell !important;}
	.d-md-flex{display: flex !important;}
	.d-md-inline-flex{display: inline-flex !important;}
	.d-md-none{display: none !important;}
}
@media (min-width:992px) {
	.d-lg-inline{display: inline !important;}
	.d-lg-inline-block{display: inline-block !important;}
	.d-lg-block{display: block !important;}
	.d-lg-grid{display: grid !important;}
	.d-lg-inline-grid{display: inline-grid !important;}
	.d-lg-table{display: table !important;}
	.d-lg-table-row{display: table-row !important;}
	.d-lg-table-cell{display: table-cell !important;}
	.d-lg-flex{display: flex !important;}
	.d-lg-inline-flex{display: inline-flex !important;}
	.d-lg-none{display: none !important;}
}
@media (min-width:1200px) {
	.d-xl-inline{display: inline !important;}
	.d-xl-inline-block{display: inline-block !important;}
	.d-xl-block{display: block !important;}
	.d-xl-grid{display: grid !important;}
	.d-xl-inline-grid{display: inline-grid !important;}
	.d-xl-table{display: table !important;}
	.d-xl-table-row{display: table-row !important;}
	.d-xl-table-cell{display: table-cell !important;}
	.d-xl-flex{display: flex !important;}
	.d-xl-inline-flex{display: inline-flex !important;}
	.d-xl-none{display: none !important;}
}
@media (min-width: 1400px) {
	.d-xxl-inline{display: inline !important;}
	.d-xxl-inline-block{display: inline-block !important;}
	.d-xxl-block{display: block !important;}
	.d-xxl-grid{display: grid !important;}
	.d-xxl-inline-grid{display: inline-grid !important;}
	.d-xxl-table{display: table !important;}
	.d-xxl-table-row{display: table-row !important;}
	.d-xxl-table-cell{display: table-cell !important;}
	.d-xxl-flex{display: flex !important;}
	.d-xxl-inline-flex{display: inline-flex !important;}
	.d-xxl-none{display: none !important;}
}