/*----------------------------------------------------------------------

[-----*** TABLE OF CONTENT ***-----]

1. Section use for all page
2. Overview
3. Advertisement Signage
4. Wayfinding
5. Interactive Wall
6. Fun Photobooth
7. Interactive Games
8. Others

-----------------------------------------------------------------------*/

/* --------------------------------------------------
	[1. Section use for all page]
---------------------------------------------------- */

/*Digital Signage Shopping Mall*/
#shopping-mall-digital-signage {
    background: url("../../img/magicmirror/industry/ShoppingMall/magic mirror- digital signage in shopping mall.png") no-repeat;
    padding: 75px 0;
}

    #shopping-mall-digital-signage > .mm-content {
        padding: 40px;
        background-color: rgba(0,0,0, 0.35);
    }

        #shopping-mall-digital-signage > .mm-content > p {
            color: #FFF;
            text-align: center;
        }

@media(min-width: 993px) {
    .slide-button-container-1 {
        position: absolute;
        left: 35%;
    }
}

@media(max-width: 993px) {
    #shopping-mall-digital-signage > .mm-content {
        padding: 20px;
        background-color: rgba(0,0,0, 0.35);
    }

    .btn-presentation {
        margin-bottom: 10px;
    }
}

.custom-bullet {
    margin-bottom: 10px;
}


/* --------------------------------------------------
	[2. Overview]
---------------------------------------------------- */

/*Promoting Your Store for Premium Brands*/
#Promoting-Your-Store {
     background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}

    #Promoting-Your-Store .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }

    #Promoting-Your-Store .mm-content .slide-button-container {
        margin: 20px 0;
    }

        #Promoting-Your-Store .mm-content .slide-button-container > a:not(:last-child) {
            margin-bottom: 5px;
        }


@media(min-width: 993px) {
    #Promoting-Your-Store {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;*/
    }

        #Promoting-Your-Store > div {
            width: calc(50% - 20px);
        }

            #Promoting-Your-Store > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }
}
/*Promoting Your Store for Premium Brands*/

@media(min-width: 510px) {
    .btn-play {
        margin: auto;
        top: 26%;
        position: absolute;
        left: 38%;
        max-width: 26%;
        opacity: 0.80;
    }
}

@media(max-width: 510px) {
    .btn-play {
        margin: auto;
        top: 22%;
        position: absolute;
        left: 36%;
        max-width: 30%;
        opacity: 0.80;
    }
}

.mm-video-item .video-thumb-wrapper:hover .btn-play {
    opacity: 1.0;
}


/*Magic Mirror for Shopping Centres*/
#magic-mirror-shopping-centres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url("../../img/magicmirror/industry/ShoppingMall/magic mirror-wayfinding kiosk_bg sm.jpg") no-repeat;
    background-size: cover;
    padding-bottom:20px;
}


    #magic-mirror-shopping-centres .mm-content .slide-button-container {
        margin: 20px 0;
    }

        #magic-mirror-shopping-centres .mm-content .slide-button-container > a:not(:last-child) {
            margin-bottom: 5px;
        }

    #magic-mirror-shopping-centres > div.magic-mirror-downloadable-cover > img {
        box-shadow: 5px 5px 5px #e8e8e8;
    }

@media(min-width: 993px) {
    #magic-mirror-shopping-centres {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #magic-mirror-shopping-centres > div.magic-mirror-downloadable-cover {
            width: calc(30% - 20px);
        }


        #magic-mirror-shopping-centres > div {
            width: calc(70% - 20px);
        }


            #magic-mirror-shopping-centres > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                margin-left: 20px;
            }

            #magic-mirror-shopping-centres > div:last-child {
                margin-right: 20px;
            }
}
/*Magic Mirror for Shopping Centres*/

/*Interactive Advertisements*/
#interactive-advertisements {
    background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}

#interactive-advertisements-lg iframe {
    display: block;
    margin: auto;
}

@media(min-width: 993px) {
    #interactive-advertisements {
        background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;
        background-size: cover;
        padding-bottom: 30px;
    }

    #interactive-advertisements-lg {
        display: flex;
        justify-content: space-between;
    }

        #interactive-advertisements-lg div {
            width: 50%;
        }

    #experiental-videos {
        max-width: 65%;
        margin-left: 95px;
    }
}

@media(max-width: 993px) {
    #experiental-videos {
        max-width: 65%;
        margin-left: 65px;
    }
}

/*Full Control via A Simple Control Panel*/
#control-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px;
}

    #control-panel .magic-mirror-control-panel {
        display: block;
    }

@media(min-width: 993px) {
    #control-panel .mm-content {
        text-align: center;
    }

    #control-panel .magic-mirror-control-panel img {
        margin: 0 auto;
        max-width: 80%;
    }
}

/*Full Control via A Simple Control Panel*/
/*Shopping Malls Overview - Long term profit sharing partners*/
#Long-term-profit-sharing-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom:20px;
    padding-top:20px;
}

    #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }


@media(min-width: 993px) {
    #Long-term-profit-sharing-partners {
        /*background: url(../../img/magicmirror/industry/RetailStores/Instore-digital_signage_bg.jpg) no-repeat bottom;*/
        /*background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;*/
    }

        #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content > div {
                width: 50%;
            }

                #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content > div:first-child {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 0
                }

        #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        #Long-term-profit-sharing-partners .Long-term-profit-sharing-partners-mm-img img {
            max-width: 80%;
            margin: 0 auto;
            width: 80%
        }

        #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content > div.mm-content {
            -ms-flex-item-align: center;
            align-self: center;
            text-align: right;
            text-underline-position: right;
        }
}

@media(max-width: 992px) {
    #Long-term-profit-sharing-partners .Long-term-profit-sharing-partners-mm-img img {
        max-width: 80%;
        margin: 0 auto;
    }

    #Long-term-profit-sharing-partners .mm-content {
        margin-bottom: 15px;
    }

    #Long-term-profit-sharing-partners > #Long-term-profit-sharing-partners-content > .mm-content-block {
        padding: 20px 40px 0 40px;
    }
}

/*Viewing Analytics to Gauge Advertising Effectiveness*/
#viewing-analytics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url("../../img/magicmirror/industry/ShoppingMall/magic mirror-wayfinding kiosk_bg sm.jpg") no-repeat;
    background-size: cover;
}

    #viewing-analytics .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(max-width: 992px) {
    .viewing-analytics-control-panel img {
        max-width: 70%;
        margin: 0 auto;
    }

    .viewing-analytics-points-wrapper .mm-flex-bullet {
        margin-bottom: 10px !important;
    }
}

@media(min-width: 993px) {
    #viewing-analytics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #viewing-analytics > div {
            width: calc(50% - 20px);
        }

            #viewing-analytics > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

        #viewing-analytics div.viewing-analytics-points-wrapper {
            margin: 30px 0 0 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #viewing-analytics div.viewing-analytics-points-wrapper > div:first-child {
                width: calc(40% - 20px);
            }

            #viewing-analytics div.viewing-analytics-points-wrapper > div:last-child {
                width: calc(60% - 20px);
            }


    .viewing-analytics-control-panel img {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media(max-width: 992px) {
    #viewing-analytics.mm-content-block {
        padding: 20px 40px 0 40px;
    }
}

/*Viewing Analytics to Gauge Advertising Effectiveness*/

/*Shopping Malls Overview Demographic Analytics*/
#Demographic-Analytics {
    background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 10px;
    padding-top: 15px;
}

    #Demographic-Analytics > #Demographic-Analytics-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }


@media(min-width: 993px) {
    #Demographic-Analytics {
        /*background: url(../../img/magicmirror/industry/RetailStores/Instore-digital_signage_bg.jpg) no-repeat bottom;*/
        /*background: url(../../img/magicmirror/industry/RetailStores/grey-bg.jpg) no-repeat;*/
    }

        #Demographic-Analytics > #Demographic-Analytics-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #Demographic-Analytics > #Demographic-Analytics-content > div {
                width: 50%;
            }

                #Demographic-Analytics > #Demographic-Analytics-content > div:first-child {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1
                }

        #Demographic-Analytics > #Demographic-Analytics-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        #Demographic-Analytics .Demographic-Analytics-mm-img img {
            max-width: 80%;
            margin: 0 auto;
            width: 80%
        }
}

@media(max-width: 992px) {
    #Demographic-Analytics .Demographic-Analytics-mm-img img {
        max-width: 80%;
        margin: 0 auto;
    }

    #Demographic-Analytics .mm-content {
        margin-bottom: 15px;
    }

    #Demographic-Analytics > #Demographic-Analytics-content > .mm-content-block {
        padding: 20px 40px 0 40px;
    }
}

/*Shopping mall package*/
#shopping-package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px;
}

    #shopping-package > .shopping-package-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-size: cover;
    }

        #shopping-package > .shopping-package-content > div > img {
            -webkit-filter: drop-shadow(0 0 5px #9E9E9E);
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

        #shopping-package > .shopping-package-content > .event-kiosk {
            width: auto !important;
        }

        #shopping-package > .shopping-package-content > .plus-icon {
            width: auto !important;
            display: block;
            margin-top: auto;
            margin-bottom: auto;
            margin-left: auto;
            margin-right: auto;
        }

        #shopping-package > .shopping-package-content > .event-kiosk > .hardware {
            content: url("../../img/magicmirror/industry/ShoppingMall/digital signage-hardware dekstop.png");
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

        #shopping-package > .shopping-package-content > .event-kiosk > .software {
            content: url("../../img/magicmirror/industry/ShoppingMall/digital sigange-software.png");
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

        #shopping-package > .shopping-package-content > .event-kiosk > .control-panel {
            content: url("../../img/magicmirror/industry/ShoppingMall/digital signage-control panel.png");
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

@media(max-width: 992px) {
    .shopping-package-magic-mirror img {
        margin-top: 20px;
    }

    #shopping-package > .shopping-package-content > .event-kiosk {
        width: auto !important;
    }

        #shopping-package > .shopping-package-content > .event-kiosk > .hardware {
            content: url(../../img/magicmirror/industry/MarketingEvent/event-kiosk-package-hardware-sm.jpg);
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

        #shopping-package > .shopping-package-content > .event-kiosk > .software {
            content: url("../../img/magicmirror/industry/ShoppingMall/digital sigange-software mobile.png");
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

        #shopping-package > .shopping-package-content > .event-kiosk > .control-panel {
            content: url("../../img/magicmirror/industry/MarketingEvent/event-kiosk-package-control-panel-sm.jpg");
            filter: drop-shadow(0 0 5px #9E9E9E);
        }

    #shopping-package > .shopping-package-content > .plus-icon {
        width: auto !important;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media(min-width: 993px) {

    #shopping-package > .shopping-package-content > .event-kiosk > .hardware {
        content: url("../../img/magicmirror/industry/ShoppingMall/digital signage-hardware dekstop.png");
        filter: drop-shadow(0 0 5px #9E9E9E);
    }

    #shopping-package > .shopping-package-content > .event-kiosk > .software {
        content: url("../../img/magicmirror/industry/ShoppingMall/digital sigange-software.png");
        filter: drop-shadow(0 0 5px #9E9E9E);
    }

    #shopping-package > .shopping-package-content > .event-kiosk > .control-panel {
        content: url("../../img/magicmirror/industry/ShoppingMall/digital signage-control panel.png");
        filter: drop-shadow(0 0 5px #9E9E9E);
    }

    #shopping-package > .shopping-package-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #shopping-package > .shopping-package-content > .event-kiosk {
            width: auto !important;
        }

        #shopping-package > .shopping-package-content > .plus-icon {
            width: auto !important;
            display: block;
            margin-top: auto;
            margin-bottom: auto;
            margin-left: auto;
            margin-right: auto;
        }

        #shopping-package > .shopping-package-content > div {
            width: calc(40% - 20px);
        }

            #shopping-package > .shopping-package-content > div:first-child {
                width: calc(60% - 20px);
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 0;
            }

            #shopping-package > .shopping-package-content > div.mm-content {
                -ms-flex-item-align: center;
                margin: auto;
                width: 50%;
                text-align: center;
                text-underline-position: right;
            }
}

/* --------------------------------------------------
	[3. Advertisement Signage]
---------------------------------------------------- */

/*Premium Advertisements for Premium Brands*/
#premium-advertisement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    background: url("../../img/magicmirror/industry/ShoppingMall/digital signange-new bg.png") no-repeat;
    flex-direction: column;
    background-size:cover;
}

    #premium-advertisement .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(min-width: 993px) {
    #premium-advertisement {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;*/
    }

        #premium-advertisement > div {
            width: calc(50% - 20px);
        }

            #premium-advertisement > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }
}
/*Premium Advertisements for Premium Brands*/

@media(min-width: 510px) {
    .btn-play {
        margin: auto;
        top: 26%;
        position: absolute;
        left: 38%;
        max-width: 26%;
        opacity: 0.80;
    }
}

@media(max-width: 510px) {
    .btn-play {
        margin: auto;
        top: 22%;
        position: absolute;
        left: 36%;
        max-width: 30%;
        opacity: 0.80;
    }
}

.mm-video-item .video-thumb-wrapper:hover .btn-play {
    opacity: 1.0;
}
/*Premium Advertisements for Premium Brands*/

/*Multi-Functional and Extensible*/
#multi-functional-extensible {
}

@media(min-width: 993px) {
    #multi-functional-extensible .mm-content {
        text-align: center;
        padding: 0 40px;
    }

    #multi-functional-extensible .multi-functional-extensible-magic-mirror {
        margin: 0 -40px -40px -40px;
    }
}


/* --------------------------------------------------
	[4. Wayfinding]
---------------------------------------------------- */

/*Double Up as Wayfinder Kiosk*/
#wayfinder-kiosk {
    background: url("../../img/magicmirror/industry/ShoppingMall/magic mirror-wayfinding kiosk_bg sm.jpg") no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror {
        cursor: pointer;
        position: relative;
    }

        #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a:hover > .video-image, #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a:hover > .btn-play {
            opacity: .7;
        }

@media(max-width: 992px) {
    #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a > .video-image {
        max-width: 70%;
        margin: 0 auto;
    }

    #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a > .btn-play {
        margin: auto;
        top: 30%;
        position: absolute;
        left: 38%;
        max-width: 20%;
        /*opacity: 0.80;*/
    }
}

@media(min-width: 993px) {
    #wayfinder-kiosk {
        min-height: 320px;
        background: url("../../img/magicmirror/industry/ShoppingMall/magic mirror-wayfinding kiosk_bg.jpg") no-repeat;
    }

    #wayfinder-kiosk {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #wayfinder-kiosk > div {
            width: calc(50% - 20px);
        }

            #wayfinder-kiosk > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            #wayfinder-kiosk > div.mm-content {
                -ms-flex-item-align: center;
                align-self: center;
            }

            #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a > .video-image {
                position: absolute;
                bottom: -40px;
                /*max-width: calc(50% - 60px);*/
            }

            #wayfinder-kiosk > div.wayfinder-kiosk-magic-mirror > a > .btn-play {
                margin: auto;
                top: 45%;
                position: absolute;
                left: 40%;
                max-width: 20%;
                /*opacity: 0.80;*/
            }
}
/*Double Up as Wayfinder Kiosk*/

/*wayfinding-video*/
#wayfinding-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    /*background: url(../../img/magicmirror/industry/MarketingEvent/720-BG.jpg) no-repeat;*/
    flex-direction: column;
}

#wayfinding-video .mm-flex-bullet span {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #231F20;
}


@media(min-width: 993px) {
    #wayfinding-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;*/
    }

        #wayfinding-video > div {
            width: calc(50% - 20px);
        }

            #wayfinding-video > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 0;
            }

            #wayfinding-video > div.mm-content {
                -ms-flex-item-align: center;
                align-self: center;
                text-align: right;
                text-underline-position: right;
            }
}

/*wayfinding-video*/

/*Graphical Route Visualization from Point A to Point B*/
#route-visualization {
    background: url(../../img/magicmirror/apps/Wayfinding/720-BG.jpg) no-repeat bottom;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    #route-visualization .route-visualization-magic-mirror .visible-xs-block.visible-sm-block > img {
        width: 100%;
    }

@media(min-width: 993px) {
    #route-visualization {
        background: url(../../img/magicmirror/apps/Wayfinding/1200-BG.jpg) no-repeat;
        height: 330px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #route-visualization > div {
        }

            #route-visualization > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            #route-visualization > div.mm-content {
                -ms-flex-item-align: center;
                align-self: center;
                width: calc(55% - 10px);
                z-index: 1;
            }

            #route-visualization > div.route-visualization-magic-mirror img {
                position: absolute;
                left: 0;
                top: 0;
                min-width: 680px;
                max-width: calc(60% - 5px);
            }
}

@media(max-width: 992px) {
    #route-visualization.mm-content-block {
        padding: 20px 40px 0 40px;
    }

    #route-visualization > div.route-visualization-magic-mirror {
        margin: 0px -40px 0px -40px;
    }
}
/*Graphical Route Visualization from Point A to Point B*/

/*Multiple Options for Effective Searching*/
#effective-searching {
}

@media(min-width: 993px) {
    #effective-searching .mm-content {
        text-align: center;
        padding: 0 40px;
    }

    #effective-searching .effective-searching-apps {
        text-align: center;
        bottom: 20px;
        left: 0;
        right: 0;
    }

    #effective-searching .effective-searching-magic-mirror {
        margin: 0 -40px -40px -40px;
    }
}

@media(max-width: 992px) {
    #effective-searching .effective-searching-magic-mirror {
        margin: 0px -40px -20px -40px;
    }
}

#effectiveSearchingCarousel {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
}

    #effectiveSearchingCarousel > div.effectiveSearchingCarouselItem {
        text-align: center;
    }

    #effectiveSearchingCarousel div.effectiveSearchingCarouselItem > img {
        margin: 0 auto;
        max-width: 70%;
    }

/*Multiple Options for Effective Searching*/

/*Access and Facilities Finder*/
#access-facilities-finder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media(max-width: 992px) {
    #access-facilities-finder > div.wayfinder-kiosk-magic-mirror > img {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media(min-width: 993px) {
    #access-facilities-finder {
        min-height: 320px;
    }

    #access-facilities-finder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #access-facilities-finder > div {
        }

            #access-facilities-finder > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            #access-facilities-finder > div.mm-content {
                -ms-flex-item-align: center;
                align-self: center;
                width: calc(55% - 10px);
            }

            #access-facilities-finder > div.access-facilities-finder-magic-mirror > img {
                position: absolute;
                bottom: 0;
                min-width: 400px;
                width: calc(40% - 20px);
            }
}

@media(max-width: 992px) {
    #access-facilities-finder.mm-content-block {
        padding: 20px 40px 0 40px;
    }
}
/*Access and Facilities Finder*/
/*3*/

/* --------------------------------------------------
	[5. Interactive Wall]
---------------------------------------------------- */

/* --------------------------------------------------
	[6. Fun Photobooth]
---------------------------------------------------- */

/*Run Special Events with Fun and Exciting Apps*/
#special-event {
    
}

    #special-event .special-event-apps {
        text-align: center;
        padding: 0 40px;
    }

@media(min-width: 993px) {
    #special-event .mm-content {
        text-align: center;
        padding: 0 40px;
    }

    #special-event div.mm-special-event-showcase {
        margin: 30px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #special-event div.mm-special-event-showcase > div {
            width: calc((100% - 60px) / 3);
        }
}
/*Run Special Events with Fun and Exciting Apps*/

/*Leverages the Power of Social Media to Maximize Brand Exposure*/
#maximize-brand-exposure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../../img/magicmirror/industry/MarketingEvent/720-BG.jpg) no-repeat;
}

    #maximize-brand-exposure .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(min-width: 993px) {
    #maximize-brand-exposure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;
    }

        #maximize-brand-exposure > div {
            width: calc(50% - 20px);
        }

            #maximize-brand-exposure > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 0;
            }


    .maximize-brand-exposure-control-panel img {
        max-width: 90%;
        margin: 0 auto;
        -webkit-filter: drop-shadow(0 0 5px #9E9E9E);
        -filter: drop-shadow(0 0 5px #9E9E9E);
    }

    #maximize-brand-exposure > div.mm-content {
        -ms-flex-item-align: center;
        align-self: center;
        text-align: right;
        text-underline-position: right;
    }
}

@media(max-width: 992px) {
    .maximize-brand-exposure-control-panel img {
        margin-top: 20px;
        -webkit-filter: drop-shadow(0 0 5px #9E9E9E);
        filter: drop-shadow(0 0 5px #9E9E9E);
    }
}
/*Leverages the Power of Social Media to Maximize Brand Exposure*/

/*User Data Harvesting*/
#user-data-harvesting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    /*background: url(../../img/magicmirror/industry/MarketingEvent/720-BG.jpg) no-repeat;*/
    flex-direction: column;
}

    #user-data-harvesting .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(min-width: 993px) {
    #user-data-harvesting {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;*/
    }

        #user-data-harvesting > div {
            width: calc(50% - 20px);
        }

            #user-data-harvesting > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }


    .user-data-harvesting-control-panel img {
        margin: 0 auto;
        -webkit-filter: drop-shadow(0 0 5px #9E9E9E);
        -filter: drop-shadow(0 0 5px #9E9E9E);
    }
}

@media(max-width: 992px) {
    .user-data-harvesting-control-panel img {
        margin-top: 20px;
        -webkit-filter: drop-shadow(0 0 5px #9E9E9E);
        filter: drop-shadow(0 0 5px #9E9E9E);
    }
}
/*User Data Harvesting*/

/* --------------------------------------------------
	[7. Interactive Games]
---------------------------------------------------- */
/*Interactive Games*/
#interactive-games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    /*background: url(../../img/magicmirror/industry/MarketingEvent/720-BG.jpg) no-repeat;*/
    flex-direction: column;
}

    #interactive-games .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(min-width: 993px) {
    #interactive-games {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background: url(../../img/magicmirror/industry/MarketingEvent/1200-BG.jpg) no-repeat;*/
    }

        #interactive-games > div {
            width: calc(50% - 20px);
        }

            #interactive-games > div:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }
}
/*Interactive Games*/

/*Pattern background*/
.pattern-bg {
    background: transparent url(/Content/img/magicmirror/bg.gif) repeat 0% 0% !important;
}

.flex-photobooth {
    margin: 0px !important;
}


/* --------------------------------------------------
	[8. Others]
---------------------------------------------------- */
/*Promoting Your Movie Theaters*/
@media(min-width: 993px) {
    #movie-theater {
        background: url("../../img/magicmirror/industry/ShoppingMall/digital signage-theater_lg.jpg") no-repeat bottom;
        background-size: 100%;
        height: 880px;
        position: relative;
    }

        #movie-theater .mm-content {
            text-align: center;
        }
}

#eventsCarousel {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
}

    #eventsCarousel > div.eventsCarouselItem {
        text-align: center;
    }

    #eventsCarousel div.eventsCarouselItem > img {
        margin: 0 auto;
        max-width: 70%;
    }

/*Promoting Your Movie Theaters*/


/*Shared*/
@media(max-width: 992px) {
    #premium-advertisement.mm-content-block, #wayfinder-kiosk.mm-content-block {
        padding: 20px 40px 0 40px;
    }
}

/*Shared*/

/*Owl Carousel*/
/* 
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-controls .owl-nav [class*='owl-'] {
        color: white;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: white;
            text-decoration: none;
        }

    .owl-theme .owl-controls .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #FFF;
        border: 1px solid #000;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #000;
    }

/*Owl Carousel*/

/*Button*/
.btn-u {
    background: #523c97 !important;
}

    .btn-u:hover,
    .btn-u:focus,
    .btn-u:active,
    .btn-u.active,
    .open .dropdown-toggle.btn-u {
        background: #6b68af !important;
        color: #fff !important;
    }


.btn-buy-now {
    background: -webkit-linear-gradient(top, #0D66C5, #6111C5) !important;
    color: white;
    font-size: 20px;
    padding: 8px 35px;
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .btn-buy-now:hover,
    .btn-buy-now:focus,
    .btn-buy-now:active,
    .btn-buy-now.active,
    .open .dropdown-toggle.btn-buy-now {
        background: #6b68af !important;
        color: #fff !important;
        outline: none;
        text-decoration: none;
    }
/*Button*/

/*notable-features*/

/*#notable-features {
    background-color: #f8f8f8;
}*/

    #notable-features .mm-flex-bullet span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #231F20;
    }


@media(max-width: 992px) {
    .notable-features-wrapper .mm-flex-bullet {
        margin-bottom: 10px !important;
    }
}

@media(min-width: 993px) {
    #notable-features div.notable-features-wrapper {
        margin: 40px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #notable-features div.notable-features-wrapper > div {
            width: 33.33%;
        }
}

@media(max-width: 992px) {
    #notable-features.mm-content-block {
        padding: 20px 40px 20px 40px;
    }
}
/*notable-features*/

@media(max-width: 992px) {
    #selection-of-games .content {
        padding: 20px 40px;
    }

    #selection-of-games .flex-photobooth {
        margin-left: -15px !important;
    }
}