/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/

* {
    font-style: unset;
}

html {
    color: #333;
    overflow-y: scroll;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-family: 'Avenir Roman', 'HanSans', sans-serif;
    /*    font-family: 'Noto Sans SC', 'Noto Sans TC', 'Avenir Roman', sans-serif;*/
}


/*html[lang='zh-hk']{*/
/*    font-family:  'Noto Sans TC', 'Avenir Roman', sans-serif;*/
/*}*/

*,
*::before,
*::after {
    box-sizing: inherit;
    transition: inherit;

}

p {
    margin: 0;
    line-height: 1.5em;
}

sup {
    font-size: 8px;
    vertical-align: super;
    /* display: none; */
    line-height: 1;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


.custom_img_wrapper {
    width: 100%;
    position: relative;
}

.mCSB_container {
    width: calc(100% - 16px);
    transition: initial;
    margin: 0 auto;
}

#LBWrapper .mCSB_container {
    /* margin-top: 35px; */
}

.vcenter {
    /*
    top: 50% !important;
    transform: translateY(-50%);
*/
    margin-left: 15px;
    margin: auto 15px auto;
}

#LBWrapper #inline_contentWrapper .inner_wrapper {
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* margin-left: 15px; */
}

body,
a {
    color: #333;
    line-height: 1;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
}

html[lang=en] body, html[lang=en] a {
   font-size: 14px; 
}

body.lbMode {
    height: 100vh;
    overflow: hidden;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #008fd6;
}

.btn {
    cursor: pointer;
}

video{
    width: 100%;
    height: 100%;
    margin: 0;
}

#mainWrapper {
    width: 100%;
    position: relative;
    height: 100%;
    min-width: 320px;
    max-width: 1920px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*overflow-x: hidden;*/
    line-height: 1.25;
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
}

body.mobile #mainWrapper {
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc((var(--vh, 1vh) * 100) - 80px);
}

.max_wrapper {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}


#LBWrapper,
#wLBWrapper {
    opacity: 0;
    transition: 0.8s opacity ease-out;
    -ms-transition: 0.8s opacity ease-out;
    -moz-transition: 0.8s opacity ease-out;
    -o-transition: 0.8s opacity ease-out;
    -webkit-transition: 0.8s opacity ease-out;
    background-color: #a9e0fb;
    padding: 100px 30px;
    padding: 5% 30px;
}

#wLBWrapper {
    background-color: transparent;
}

#wLBWrapper:before {
    background-color: #DEDED9;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.95;
}

#LBWrapper.active, #wLBWrapper.active, .vr_tour_wrapper{
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    align-items: center;
    display: flex;
}

#wLBWrapper.active{
	z-index: 9999;
}

#LBWrapper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 35%;
    background-color: #008FD6;
    /* z-index: 3; */
    display: block;
    width: 100%;
}

#wLBContentWrapper {
    height: auto;
    width: 100%;
    max-height: 100%;
    position: relative;
    max-width: 1080px;
    margin: auto;
}

#wLBContentWrapper #infoContent {
    max-width: 840px;
}

#wLBContentWrapper #infoContent a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
      /* Instead use this non-standard one: */
    word-break: break-word;
    
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#LBWrapper .outer_wrapper {
    display: flex;
    margin: 0 auto;
    position: relative;
    height: 100%;
    /* justify-content: center; */
    align-items: center;
    width: 100%;
}

#inline_contentWrapper {
    width: 100%;
    height: auto;
    position: relative;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    /* padding: 50px 10px 25px; */
    /* overflow: hidden; */
    /* min-height: 500px; */
    /* overflow-y: scroll; */
    display: flex;
    width: 100%;
    /* height: 100%; */
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    display: flex;
    max-height: 100%;
    overflow: hidden;
    justify-content: ;
    flex-grow: 1;
    flex-direction: column;
}


#LBWrapper #inline_contentWrapper .mCustomScrollBox {
    /* display: flex; */
    /* align-items: center; */
    width: 100%;
}

#inline_content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 35px;
    top: 0;
    left: 0;
}

.lbLowerWrapper {
    background-color: #FFF;
    padding: 30px 20px 50px 20px;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1440px;
    max-height: 450px;
    height: 70%;
    min-height: 280px;
}

.lbLowerWrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    top: -59px;
    left: 0;
    background-image: url('./../images/curve_up.png');
    background-size: 100%;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.lbLowerWrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: -49px;
    left: 0;
    background-image: url('./../images/curve_down.png');
    background-size: 100%;
    height: 50px;
    background-repeat: no-repeat;
}

#wLBContentWrapper .lbLowerWrapper {
    min-height: 340px;
}

.coming_soon_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 22px;
    /* font-size: 16px; */
}

html[lang=en] .coming_soon_wrapper {
    font-size: 16px;
}


#inline_contentWrapper .inner_wrapper {
    position: relative;
    /* height: 100%; */
    width: 100%;
    max-height: 100%;
    margin-bottom: 50px;
}


.LBDetailsContainer {
    height: 100%;
    /* min-height: 400px; */
    overflow: hidden;
}

#infoContent {
    max-width: 1400px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 100px;
    height: 100%;
    font-weight: 100;
    line-height: 1.5em;
    text-align: justify;
    /* margin-left: 15px; */
}

#lbUpperWrapper {
    margin-bottom: 60px;
    position: relative;
    text-align: center;
    /* height: 17%; */
}

#lbUpperWrapper #infoHeader,
#lbUpperWrapper #wLBTitle {
    color: #037BC0;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1px;
    font-family: 'Avenir Roman';
    /* font-size: 30px; */
}

html[lang=en] #lbUpperWrapper #infoHeader,
html[lang=en] #lbUpperWrapper #wLBTitle {
    font-size: 30px;
}


.LBDetailsContainer .logo_wrapper {
    display: block;
    margin-bottom: 80px;
}

.LBClose, .LBCloseInstantNews {
    position: absolute;
    right: 40px;
    top: 0;
    z-index: 5;
    width: 16px;
    height: 16px;
    text-align: right;
    top: 40px;
}

#LBWrapper .LBClose, #LBWrapper .LBCloseInstantNews {
    top: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;

}

#LBWrapper .LBClose.txt, #LBWrapper .LBCloseInstantNews.txt {
    font-size: 16px;
    font-weight: bold;
    width: auto;
    text-align: center;
}


#wLBWrapper .LBClose {
    /* top: -50px; */
}

.LBClose span {
    margin-right: 15px;
}

#btnCloseLB {
    width: 15px;
    height: 15px;
}

#file_list {
    list-style: none;
    max-width: 1200px;
}

li.fileitem:not(:last-child),
#file_list p:not(:last-child) {
    margin-bottom: 15px;
}

li.fileitem {
    display: flex;
}

li.fileitem .display_date {
    width: 140px;
    margin-right: 20px;
}

li.fileitem .filename {
    width: calc(100% - 160px);
}

.mfp-bg, .fancybox-overlay {
    background: #DEDED9F2;
    /* opacity: 0.95; */
    opacity: 1;
}

.mfp-full .mfp-iframe-holder .mfp-content {
    max-width: 1920px;
    /* width: 85%; */
}

.mfp-iframe-scaler {
    padding-top: 43.28%;
}


.mfp-iframe-scaler iframe {
    /* height: 0; */
    /* padding-bottom: 56.25%; */
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    font-size: 0;
    background-image: url(./../images/close.png);
    background-size: 100%;
    background-position: right bottom;
    width: 15px;
    height: 15px;
    top: -30px;
    right: 0;
}

.galleryMain {
    height: 84vh;
    margin-top: 2vh;
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}

.slick-initialized .slick-slide {
    height: auto;
}

.slick-slide img {
    margin: 0 auto;
    height: 100%;
}

ul.galleryThumbnail {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1vh;
    line-height: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 13vh;
    margin-top: 1vh;
}

.gallery {
    position: relative;
}

.slick-track {
    height: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* transform: none !important; */
}

.slick-list {
    height: 100%;
}

.galleryThumbnail .slick-list {
    margin: 0 -7.5px;
    text-align: center;
}


.galleryThumbnail .slick-slide {
    margin: auto 7.5px;
}

.galleryMain .slick-slide div, .galleryMain .slick-slide li {
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    display: block;
    top: 0;
    position: relative;
}

.galleryThumbnail .slick-slide div{
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slick-prev {
    left: 0;
    width: 15px;
    height: 15px;
    z-index: 5;
}

.slick-prev:before{
    background-image: url('./../images/arrow_prev2.svg');
    content: '';
    background-size: cover;
    width: 20px;
    height: 40px;
    display: block;
}


.slick-next {
    right: 0px;
    background-position: left center;
    z-index: 5;
}

.slick-next:before {
    background-image: url('./../images/arrow_next2.svg');
    content: '';
    background-size: cover;
    width: 20px;
    height: 40px;
    display: block;
    background-position: right center;
}

.galleryThumbnail .slick-slide.slick-current li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 100%;
    background-color: #000;
    opacity: 0.5;
}

.gallery_grid {
    width: 100%;
    max-width: 1420px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 50px;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0px;
    column-gap: 0px;
    list-style-type: none;
    /* grid-auto-flow: row; */
    /* grid-template-columns: 1fr 1fr 1fr; */
    /* display: grid; */
    padding: 20px 20px 20px 50px;
}

.galleryGrid_wrapper button.mfp-close {
    top: 10px;
}

.gallery_block {
    margin-bottom: -30px;
    padding-right: 30px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

.gallery_block img {
    width: 100%;
    display: block;
}

#fancybox-thumbs ul {
    left: 0 !important;
    text-align: center;
    right: 0;
    margin: 0 auto;
}

.fancybox-skin {
    background: transparent !important;
    padding: 0 !important;
}

.fancybox-close {
    background-image: url(./../images/close.png) !important;
    background-size: cover;
    width: 16px;
    height: 16px;
}

.fancybox-opened .fancybox-title{
    color: #333;
    font-size: 14px;
}

.custom_fancy_close{
    position: absolute;
    background-image: url(./../images/close.png);
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
}

.custom_fancy_prev, .swiper-button-prev{
    background-image: url('./../images/arrow_prev2.svg');
    background-size: cover;
    width: 20px;
    height: 40px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.custom_fancy_next, .swiper-button-next{
    background-image: url('./../images/arrow_next2.svg');
    content: '';
    background-size: cover;
    width: 20px;
    height: 40px;
    display: block;
    background-position: right center;
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}


button.mfp-close{
    background-image: url(./../images/close.png);
    top: -20px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
}


.vr_tour_wrapper button.mfp-close {
    right: 8px;
    top: 10px;
}

.mfp-cover .mfp-close:active{
    top: -30px;
}

.vr_tour_wrapper button.mfp-close:active{
    top: 10px;
}

.mfp-close:active{
    top: 10px;
}

.mfp-video .mfp-close {
    top: 10px;
    right: 8px;
    position: fixed;
}
    

.mfp-close:hover, .mfp-close:focus{
    /* top: 18px; */
}

footer#site-footer {
    padding: 0 40px 40px;
    display: none;
}


.video_list_wrapper {
    width: 100%;
    padding: 0 40px;
    /* height: calc(100vh - 80px); */
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* overflow: scroll; */
    height: 85vh;
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc((var(--vh, 1vh) * 100) - 80px);
}

.video_list_inner_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    align-self: center;
    justify-content: center;
    align-items: center;
}

ul.video_list {
    list-style-type: none;
    width: 100%;
    max-width: 1420px;
    margin-right: auto;
    margin-left: auto;
    /* -webkit-column-count: 1; */
    /* -webkit-column-gap: 0px; */
    list-style-type: none;
    /* row-gap: 30px; */
    /* grid-gap: 30px; */
    display: grid;
    /* grid-template-columns: 1fr; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

ul.video_list li:not(:last-of-type) {
    /* place-self: center; */
    /*     max-width: calc((100% / 3) - 60px); */
    margin-right: 30px;
    width: 100%;
}

.video_list .video_thumb .video_wrapper {
    padding-bottom: 43.53%;
    position: relative;
    height: 0;
    opacity: 1;
    overflow: hidden;
}

.video_list .video_thumb .video_wrapper img {
    position: absolute;
    left: 0;
    top: 0;
}

ul.video_list[data-col="3"] li {
    width: calc((100% - 60px)/3);
    /* grid-template-columns: 1fr 1fr 1fr; */
    /* -webkit-column-count: 3; */
    
}

ul.video_list[data-col="1"] li, ul.video_list[data-col="2"] li {
/*     grid-template-columns: 1fr 1fr;
    -webkit-column-count: 2; */
     width: calc((100% - 30px)/2);
}

.video_thumb .video_wrapper:hover:after {
    transition-duration: .5s;
    transform: scale(1);
    opacity: 1;
}
.video_thumb .video_wrapper:after {
    content: '';
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 74px;
    border-color: transparent transparent transparent #DEDED9;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 37px 0 37px 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(1.2);
    opacity: 0;
}

.video_wrapper&:hover:after  {
    border-color: transparent transparent transparent #404040;
}

.video_wrapper img {
    width: 100%;
    display: block;
}
.video_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.video_thumb .video_wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFF;
    opacity: 0;
}

.video_wrapper:hover:before {
    opacity: 0.6;
}

.video_list .title {
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 1440px) {

    #wLBWrapper .LBClose {
        /* right: 3%; */
        top: 18px;
        right: 15px;
    }
}

.btn_expand {
    position: relative;
    /* right: 10px; */
    /* top: 5px; */
    background-size: cover;
    background-image: url('./../images/icon_expand.svg');
    background-position: center;
    z-index: 5;
    display: block;
    width: 45px;
    height: 45px;
}

.btn_disclaimer_wrapper {
    display: inline-block;
    position: sticky;
    right: 0;
    bottom: 10px;
    cursor: pointer;
    position: sticky;
    bottom: 20px;
    z-index: 30;
    width: 100%;
    left: 20px;
    text-align: right;
    width: auto;
}

.btn_disclaimer {
    padding: 5px 20px;
    background-color: #DEDED9;
    border-radius: 30px;
    display: inline-block;
    margin-right: 0;
    font-variant: proportional-nums;
    right: 50px;
}


.vr_tour_wrapper {
    padding: 5% 30px;
}

.vr_tour_inner_wrapper {
    max-width: 1080px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}

.vr_tour_wrapper.watchvr {
    padding: 4% 8px;
}

.vr_tour_wrapper.watchvr .vr_tour_inner_wrapper {
    max-width: initial;
    width: 100%;
    height: 100%;
}

.vr_tour_video, .vr_tour_video iframe {
    position: relative;
    width: 100%;
    height: 100%;
}

ul.vr_tour_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 20px;
	 max-height: 65vh;
    overflow: auto;
}

ul.vr_tour_list li {
    display: flex;
    flex-direction: row;
}

.vr_tour_list .thumbnail_wrapper {
    width: 45%;
    position: relative;
}

.vr_tour_list .thumbnail_wrapper img{
    width: 100%;
    cursor: pointer;
}


.vr_tour_list .description_wrapper {
    width: 55%;
    padding:  30px;
    display: flex;
    align-items: center;
    background-color: #FFF;
    color: #333333;
}

.vr_tour_list .description_wrapper .description {
    margin-bottom: 15px;
}

.vr_tour_list .description_wrapper .icon_360 {
    width: 36px;
    height: 17px;
    background-image: url(./../images/icon_vr_tour.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.btnWatchVR {
    position: relative;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.vr_disclaimer {
    text-align: center;
    position: relative;
}

.video_container_wrapper {
    width: 100%;
    /* height: calc(100vh - 80px); */
    height: auto; /* Fallback for browsers that do not support Custom Properties */
    max-height: calc((var(--vh, 1vh) * 100) - 80px);
}

.title_remarks {
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-shadow: -1px 1px 2px #000000;
}


.title_remarks .photo_title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #FFF;
    font-family: 'NotoSansTC Light', 'Avenir Roman', sans-serif;
    text-shadow: 0px 2px 8px #000000;
    text-align: left;
}

html[lang='en'] .title_remarks .photo_title {
     font-size: 24px;
}

.title_remarks .photo_remarks {
    font-size: 12px;
    font-family: 'NotoSansTC Regular', 'Avenir Roman', sans-serif;
    color: #FFF;
    text-align: left;
    text-shadow: 0px 2px 8px #000000;
/*     text-shadow: 0 2px 4px 3000000; */
}

.future_title_wrapper .title sup, #pano_living .pano_living_item .desc_wrapper .title sup {
    font-size: 11px;
}

.timeline_item_wrapper .title sup, .transportation_header .title sup {
    font-size: 9px;
}

.img_remarks_wrapper {
    position: relative;
}

.photo_disclaimer {
    bottom: 0;
    position: absolute;
    width: 50px;
    right: 0;
}

@media (max-width: 980px) {
    #lbUpperWrapper {
        margin-bottom: 60px;
    }

    #infoContent {
        padding: 0;
    }

    .LBDetailsContainer .logo_wrapper {
        margin-bottom: 30px;
        width: 80%;
    }

    #lbUpperWrapper #infoHeader {
        font-size: 25px;
    }

    #file_list {
        list-style: none;
    }

    li.fileitem:not(:last-child) {
        margin-bottom: 20px;
    }

    ul.vr_tour_list{
        grid-template-columns: 1fr;
        max-height: 65vh;
        overflow: scroll;
    }

    ul.video_list {
        /* column-count: 2; */
/*         grid-template-columns: 1fr; */
    }

/*     ul.video_list:not([data-col="1"]){
         grid-template-columns: 1fr 1fr;
    } */

    ul.video_list[data-col="3"] li:nth-child(2) {
    margin-right: 0;
    }
    
    ul.video_list[data-col="3"] li {
        width: calc((100% - 30px)/2);
    }
}

@media (max-width: 768px) {
    .lbLowerWrapper {
        /* padding: 50px 10px 50px 30px; */
    }

    .title_remarks {
        position: relative;
        bottom: 0;
        margin: 5px 0 20px;
        padding: 0 10px;
        left: initial;
        /* display: none; */
    }

    
    
    .photo_disclaimer {
        /* position: relative; */
        /* bottom: initial; */
        width: 30px;
    }

    .photo_disclaimer .inner_wrapper {
        height: 30px;
        margin: auto;
    }

    #lbUpperWrapper #infoHeader,
    #lbUpperWrapper #wLBTitle {
        font-size: 24px;
    }

    html[lang=en] #lbUpperWrapper #infoHeader, html[lang=en] #lbUpperWrapper #wLBTitle{
        font-size: 22px;
    }
    
    .vr_tour_list .description_wrapper{
        padding: 10px 15px;
    }

    .video_list_wrapper{
        padding: 0 22px;
    }

    ul.video_list {
        /* column-count: 1; */
        /* grid-template-columns: 1fr; */
        max-height: 75vh;
        overflow-y: scroll;
        width: 100%;
    }

     ul.video_list[data-col="1"] li, ul.video_list[data-col="3"] li, ul.video_list[data-col="2"] li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
   
    .mfp-cover .mfp-iframe-scaler {
         padding-top: 100%;
     }
    
    .mfp-cover .mfp-container, .mfp-cover .mfp-iframe-holder, .vr_tour_wrapper.watchvr {
       padding: 0;
    }
    
    .mfp-cover .mfp-iframe-holder .mfp-content, .vr_tour_wrapper.watchvr {
      height: calc(100% - 40px);
      margin-bottom: 0;
      margin-top: 40px;
    }
    
    .mfp-cover button.mfp-close {
        right: 8px;
    }

    .vr_tour_wrapper.watchvr button.mfp-close{
        top: -30px;
    }

    .btn_expand {
        width: 25px;
        height: 25px;
        /* bottom: 10px; */
        top: initial;
    }
    
    .title_remarks .photo_remarks {
        font-size: 9px;
        /* display: none; */
    }

    .title_remarks .photo_title {
        font-size: 16px;
    }
    
    html[lang='en'] .title_remarks .photo_title{
        font-size: 14px;
    }

    /* gallery */
    .gallery_grid {
        padding: 20px 30px;
        column-count: 2;
        column-gap: 10px;
    }
    
    .gallery_block {
        padding-right: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {

    #LBWrapper,
    #wLBWrapper {
        padding: 30px 20px;
    }
    
    #LBWrapper #inline_contentWrapper .inner_wrapper {
        margin-bottom: 30px;
    }

    #lbUpperWrapper {
        height: auto;
        margin-bottom: 30px;
    }

    #wLBContentWrapper #lbUpperWrapper {
/*        height: 40px;*/
        margin-bottom: 20px;
    }

    .lbLowerWrapper {
        height: 90%;
        min-height: 250px;
        max-height: 400px;
    }

    .LBDetailsContainer .logo_wrapper {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    #lbUpperWrapper #infoHeader {
        font-size: 18px;
    }

    #LBWrapper .LBClose,
    #wLBWrapper .LBClose {
        right: 8px;
    }

    #LBWrapper .LBClose.txt {
        font-size: 15px;
    }

    .video_container_wrapper {
        text-align: center;
    }
    
    .video_container_wrapper iframe {
        width: 100%;
    }

    .video_thumb .video_wrapper:after {
        height: 50px;
        border-width: 28px 0 28px 42px;
    }

    .btn_disclaimer_wrapper {
        /* position: fixed; */
        right: 20px;
        bottom: 20px;
        font-size: 13px;
    }


    /* gallery */
    .gallery_grid {
        padding: 20px 30px;
        column-count: 1;
    }
    
    .gallery_block {
        padding-right: 0;
        margin-bottom: 15px;
    }

    li.fileitem .display_date {
        width: 100px;
        margin-right: 20px;
    }
    
    li.fileitem .filename {
        width: calc(100% - 100px);
    }
}