﻿@media(max-width: 896px) {
    /* ------------------------------------------------------------------------------  */
    /* Onboarding  ---------------------------------------------------------------------  */
    /* ------------------------------------------------------------------------------  */



    #pano_iframe.welcome-iframe {
        padding-bottom: 0;
    }

    #pano_iframe .welcome-controller {

        height: 100%;

    }

    #pano_iframe .welcome-holder {
        /*margin: 0px auto;
            font-family: Arial, sans-serif;
            position: relative;
            width: 698px;
            background-color: transparent;
            width: 100%;*/
        overflow-y: auto;
    }



        #pano_iframe .welcome-holder .inner {
            height: 100%;
            border: 0px;
            border-radius: 0px;
        }

        #pano_iframe .welcome-holder .content {
            height: 100%;
            border-radius: 0;
            padding: 0;
        }

        /*
        #pano_iframe .welcome-holder img.reference{

            width: 100%;
            max-width: 698px;

         }

        #pano_iframe .welcome-holder .welcome-video,
        #pano_iframe .welcome-holder .welcome-video2,
        #pano_iframe .welcome-holder .welcome {

            margin-top: 0px;
            opacity: 0;
            display: none;

        }

        /* Video Specific ------------------ */

        #pano_iframe .welcome-holder .welcome-video,
        #pano_iframe .welcome-holder .welcome-video2 {
            position: relative;
        }

        #pano_iframe .welcome-holder .btn-cover {
            background: url(../App_Images/img_welcome_video_cover_01.png);
            z-index: 100;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-repeat: no-repeat;
            background-size: contain;
        }

        #pano_iframe .welcome-holder .btn-continue {
            background-image: none;
            background-color: transparent;
            display: none;
        }

        #pano_iframe .welcome-holder .btn-skip {
            background-image: url(../App_Images/img_skip.svg);
            background-size: 150px;
            background-position: calc(100% - 50px) calc(100% - 50px);
            background-color: transparent;
            display: none;
        }

        #pano_iframe .welcome-holder .top-area {
            background-image: url(../App_Images/bg_header.jpg);
            background-repeat: no-repeat;
            -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3);
            box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3);
            position: relative;
            opacity: .9;
            z-index: 10;
            position: relative;
            height: 184px;
            margin-bottom: 0px;
            background-size: 110%;
            background-position-x: -1px;
        }

    */
}
