.landmarks-inside-content-image {position: relative;}

.video__button {    position: absolute;
    inset: 0;
    margin: auto auto;
    width: 60px;
    height: 60px;
    border-radius: 200px;
    border: 2px solid #fff;
    background-color: #FFFFFF10;
    background-position: 60% center;
    background-size: 35px auto;
    background-repeat: no-repeat;
    z-index: 10;
    cursor: pointer;
    transition: var(--transition-fast);}


.landmarks-top-container {    
    max-width: var(--max-inner-width);
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 100%;}


    .landmarks-inside-right-banner {float: right;
        width: 60%;
        display: inline-block;}


        .landmarks-inside-right-banner img {width: 100%;}


        .landmarks-inside-left-info {
            display: inline-block;
            width: 100%;
            float: left;
            text-align: left;
            box-sizing: border-box;
            padding-right: 20px;
        }

        .event__heading {color: var(--color-blue-15); }

        h3.event__heading {margin-top: 5px;}


            .landmarks-top-group {text-align: center; margin-bottom: 40px; position: relative;}

p.landmarks-small-text {font-size: 12px;}

p.landmarks-small-text a:hover {color: var(--color-blue-4); text-decoration: underline;}

p.landmarks-small-text a {color: #000;}

p.landmarks-p-margin {margin-top: 20px;}

.landmarks-item-group {display: inline-block; width: 100%;}
.hkpm-section-5 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.event__info__value a {
color: var(--color-blue-4);  text-decoration: underline;
}
.hkpm-section li {
    width: 24%;
    list-style-type: none;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
}

.hkpm-section li:last-child {
    margin-right: 0%;
}

.hkpm-section li img {
    width: 100%;
    border-radius: 8px;
}

.hkpm-section p {
    line-height: 1.5em;
}

.hkpm-marginTop-none {
    margin-top: 0px;
}

.hkpm-left {
    width: 50%;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.hkpm-right {
    width: 50%;
    float: right;
    padding-right: 0;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.hkpm-right li {
    width: 45%;
    list-style-type: none;
    float: left;
    padding-left: 1%;
}

.hkpm-section img {
    width: 100%;
    border-radius: 8px;
}

.hkpm-desktop {
    display: block;
}

.hkpm-mobile {
    display: none;
}

.event__key-image img {border-radius: 8px;}

.landmarks-inside-back img {
    max-width: 20px;
    transform: rotate(180deg);
    margin-right: 10px;
}

.landmarks-inside-back-inner {    display: inline-block;
    min-width: 100px;
    box-sizing: border-box;
    padding: 0.5em 1em;
    border-radius: 200px;
    background-color: var(--color-yellow-3);
    text-align: center;
}

.landmarks-inside-back {margin-bottom: 0px;}

.event__body {
    margin-top: 40px;
}

.landmarks-inside-content-item {position: relative; width: 25%; box-sizing: border-box; padding-left: 5px; padding-right: 5px; display: inline-block; float: left;}

.landmarks-inside-content-row {display: flex; flex-wrap: wrap;  width: 100%; text-align: center; vertical-align: top;}

.landmarks-inside-content-item2 {    
    position: relative;
    width: 33%;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;}


.landmarks-inside-content-item p {margin-bottom: 40px; text-align: left;}

.landmarks-inside-content-item2 p {margin-bottom: 40px; text-align: left;}

@media screen and (max-width: 1500px) {

    .landmarks-top-container {    
        padding-left: var(--padding);
        padding-right: var(--padding);     
        box-sizing: border-box;}
}

@media screen and (max-width: 992px) {
    .hkpm-marginTop-none {
        margin-top: 20px;
    }

    .hkpm-left {
        width: 100%;
        margin-right: 0%;
        float: left;
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .hkpm-right {
        width: 100%;
        float: left;
        margin-right: 0%;
    }

    .hkpm-desktop {
        display: none;
    }

    .hkpm-mobile {
        display: block;
    }

    .hkpm-section li {
        width: 48%;
        list-style-type: none;
        float: left;
        margin-right: 2%;
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 768px) {

    .landmarks-inside-right-banner {width: 100%; display: none;}

    .landmarks-inside-left-info {width: 100%; padding-right: 0px;}

    .event__body {margin-top: 40px;}
}