@media screen and (max-height: 940px){
    .login-form{
        overflow-y: auto;
        /*height: 100%;*/
        z-index: 110;
        height: 100vh;
    }
}
@media screen and (max-height: 860px){
    .game-theme .logo{padding-bottom: 0; position: relative; left: 20%}
    .game-theme .content{padding-top: 40px}
    .lobby-promotion-slider{bottom: 1%}
}

@media screen and (max-height: 730px){
    .team-leaderboard.fixed-bg-image{background-position: 0 12%}
}
@media screen and (max-height: 720px){
    .lobby-promotion-slider .bx-wrapper{background-color: rgba(255,255,255,0.85); margin-bottom: 0}
    .promotion-slider-title{background-color: rgba(255,255,255,0.85)}
}
@media screen and (min-width: 940px){
    .two-col-separated .col{width: 49%}
}

@media screen and (min-height: 880px) and (max-width: 2200px){
    .game-theme-type-2 .clue-position-3 {left: 28.5vw}
    .game-theme-type-2 .clue-position-12 {left: 13.5vw;top: 71%}
    .game-theme-type-2 .clue-position-16 {left: 35.7vw;top: 92.3%}
    .game-theme-type-2 .clue-position-18 {top: 92.3%}
}
@media screen and (min-height: 1000px) and (max-width: 2200px){
    .game-theme-type-2 .clue-position-12 {left: 13.5vw;top: 70%}
    .game-theme-type-2 .clue-position-16 {left: 35.7vw;top: 92%}
    .game-theme-type-2 .clue-position-18 {top: 92%}
}
@media screen and (min-height: 1040px) and (max-width: 2200px){
    .game-theme-type-2 .clue-position-16 {left: 35.7vw;top: 90%}
    .game-theme-type-2 .clue-position-18 {top: 90%}
}
@media screen and (min-height: 1080px) and (max-width: 2200px){
    .game-theme-type-2 .clue-position-16 {left: 35.7vw;top: 89%}
    .game-theme-type-2 .clue-position-18 {top: 89%}
}
@media screen and (min-height: 1000px) and (max-width: 1920px){
    .game-theme-type-2 .clue-position-3 {left: 28.1vw}
    .game-theme-type-2 .clue-position-12 {left: 12.5vw;top: 67vh}
    .game-theme-type-2 .clue-position-16 {left: 35.3vw;top: 84.5vh}
    .game-theme-type-2 .clue-position-18 {top: 84.5vh}
}
@media screen and (min-height: 1070px) and (min-width: 1921px){
    .game-theme-type-2 .clue-position-3 {left: 26.5vw}
    .game-theme-type-2 .clue-position-12 {left: 9.5vw}
    .game-theme-type-2 .clue-position-16 {left: 34.2vw}
    .game-theme-type-2 .clue-position-18 {top: 84.5vh}
}
@media screen and (max-height: 1080px) and (max-width: 1920px){
    .game-theme-type-2 .clue-popup.position-left{top: -15px; width: 290px}
}
@media screen and (max-height: 1030px) and (max-width: 1920px){
    .game-theme-type-2 .clue-position-12 {left: 13.5vw;top: 69%}
    .game-theme-type-2 .clue-position-16 {left: 35.5vw;top: 87.5%}
    .game-theme-type-2 .clue-position-18 {top: 87.5%}
}
@media screen and (max-height: 1030px) and (max-width: 1800px){
    .game-theme-type-2 .clue-position-16 {top: 84.5%}
    .game-theme-type-2 .clue-position-18 {top: 84.5%}
    .game-theme-type-2 .clue-position-12 {left: 12.5vw;top: 66%}
}

@media screen and (max-height: 935px) and (max-width: 1920px){
    .game-theme-type-2 .clue-position-3 {left: 27.6vw}
    .game-theme-type-2 .clue-position-16 {left: 35vw}
    .bg-part-top-right{background-size: 65%}
}

@media screen and (max-height: 860px) and (max-width: 1920px) and (min-width: 1600px){
    .game-theme-type-2 .clue-position-3 {top: 36%}
    .game-theme-type-2 .clue-position-6 {top: 40%}
    .game-theme-type-2 .clue-position-12 {top: 66%}
    .game-theme-type-2 .clue-position-16 {left: 35.3vw;top: 91%}
    .game-theme-type-2 .clue-position-18 {top: 91%}
    .game-theme-type-2{background-position: 100% 71%;}
    .bg-part-top-right{background-size: 50%}
}
@media screen and (max-height: 790px) and (max-width: 1920px){
    .game-theme-type-2 .clue-position-3 {top: 35%}
    .game-theme-type-2 .clue-position-6 {top: 38%}
    .game-theme-type-2 .clue-position-12 {top: 64%}
    .game-theme-type-2 .clue-position-16 {left: 35.3vw;top: 91%}
    .game-theme-type-2 .clue-position-18 {top: 91%}
    .game-theme-type-2 .content h1{position: absolute;top:15%;left:1%}
    .game-theme-type-2 .content h2{position: absolute;top:47%;left:1%}
}
@media screen and (max-height: 680px) and (max-width: 1920px){
    .bg-part-top-right{display: none}
}
@media screen and (max-height: 860px) and (max-width: 1820px) and (min-width: 1470px){
    .game-theme-type-2 .clue-position-3 {top: 43%}
    .game-theme-type-2 .clue-position-6 {top: 46%}
    .game-theme-type-2 .clue-position-16 {top: 87%}
    .game-theme-type-2 .clue-position-18 {top: 87%}
}
@media screen and (max-height: 740px) and (max-width: 1820px){
    .game-theme-type-2 .clue-position-3 {top: 33%}
    .game-theme-type-2 .clue-position-6 {top: 37%}
    .game-theme-type-2 .clue-position-16 {top: 90%}
    .game-theme-type-2 .clue-position-18 {top: 90%}
}
@media screen and (min-height: 1070px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-3 {left: 23vw}
    .game-theme-type-2 .clue-position-12 {left: 3.5vw}
    .game-theme-type-2 .clue-position-16 {left: 32vw}
    .game-theme-type-2 .clue-position-18 {top: 84.5vh}
}

@media screen and (max-height: 935px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16 {top: 84%}
    .game-theme-type-2 .clue-position-18 {top: 84%}
    .game-theme-type-2 .clue-position-12 {top: 66%}
}
@media screen and (max-height: 840px) and (max-width: 1600px) and (min-width: 1470px){
    .game-theme-type-2 .clue-position-16 {top: 87%}
    .game-theme-type-2 .clue-position-18 {top: 87%}
    .game-theme-type-2 .clue-position-12 {top: 67%}
}
@media screen and (max-height: 790px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16 {top: 87%}
    .game-theme-type-2 .clue-position-18 {top: 87%}
    .game-theme-type-2 .clue-position-12 {top: 69%}
    .game-theme-type-2 .content h1{position: static;top:15%;left:1%}
    .game-theme-type-2 .content h2{position: static;top:47%;left:1%}
}

@media screen and (max-height: 780px) and (max-width: 1250px){
    .game-theme-type-2 .clue-position-12 {top: 66%}
}

@media screen and (max-height: 830px) and (max-width: 1500px){
    .content{max-width: 850px;}
    .registration-content{max-width: 600px;}
    .login .content{left: 6%}
    .featured-video .video-placeholder, .featured-video iframe{height: 450px}
    .game-theme-type-2 .clue-position-16{left: 35vw}
    .game-theme-type-2 .clue-position-12{left: 13vw}
    .game-theme-type-2 .clue-position-6{left: 50.5vw; top: 47%}
    .game-theme-type-2 .clue-position-3{left: 27.7vw; top: 44.3vh}
    .game-theme-type-2 .content h1, .game-theme-type-2 .content h2{position: static}
}
@media screen and (max-height: 1030px) and (max-width: 1500px){
    .bg-part-top-right{background-size: 68%}
}

@media screen and (max-height: 750px) and (max-width: 1500px){
    .game-theme-type-2 .clue-position-12{top: 68%}
}
@media screen and (max-height: 700px) and (max-width: 1500px){
    .bg-part-top-right{background-size: 55%}
}
@media screen and (max-height: 681px) and (max-width: 1500px){
    .game-theme-type-2{background-position: 100% 71%;}
    .game-theme-type-2 .clue-position-18{top: 87%}
    .game-theme-type-2 .clue-position-16{top: 87%}
    .game-theme-type-2 .clue-position-12{top: 65%}
    .game-theme-type-2 .clue-position-6{top: 42%}
    .game-theme-type-2 .clue-position-3{top: 38vh}
}
@media screen and (max-height: 1050px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16{left: 33.5vw}
    .game-theme-type-2 .clue-position-12{left: 7.5vw}
    .game-theme-type-2 .clue-position-3{left: 25vw}
}
@media screen and (max-height: 990px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-3 {left: 26.5vw}
    .game-theme-type-2 .clue-position-12 {left: 10.5vw}
}

@media screen and (max-height: 950px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16{left: 34.5vw}
    .game-theme-type-2 .clue-position-12{left: 11.5vw}
    .game-theme-type-2 .clue-position-3{left: 27vw}
}
@media screen and (max-height: 870px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16{left: 35.5vw}
    .game-theme-type-2 .clue-position-12{left: 13.5vw}
    .game-theme-type-2 .clue-position-6{top: 45%}
    .game-theme-type-2 .clue-position-3{left: 28vw; top: 43%}
    .game-theme-type-2 .content{padding-top: 90px}
}
@media screen and (max-height: 830px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-12{left: 12.5vw}
    .game-theme-type-2 .clue-position-3{left: 27.5vw}
}
@media screen and (max-height: 750px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-16{left: 35vw;top:87%}
    .game-theme-type-2 .clue-position-18{top: 87%}
    .game-theme-type-2 .clue-position-12{left: 12.5vw;top: 66%}
    .game-theme-type-2 .clue-position-6{top: 42%}
    .game-theme-type-2 .clue-position-3{left: 28vw; top: 39%}
}
@media screen and (max-height: 720px) and (max-width: 1600px){
    .game-theme-type-2 .clue-position-3 {top: 37%}
    .game-theme-type-2 .clue-position-6 {top: 40%}
    .game-theme-type-2 .clue-position-16 {top: 89%}
    .game-theme-type-2 .clue-position-18 {top: 89%}
    .game-theme-type-2 .clue-position-12 {top: 65%}
    /*.game-theme-type-2{background-position: 100% 71%;}*/
}
@media screen and (max-height: 950px) and (max-width: 1390px){
    .game-theme-type-2 .clue-position-16{left: 33vw}
    .game-theme-type-2 .clue-position-12{left: 6.5vw}
    .game-theme-type-2 .clue-position-3{left: 24.5vw}
}
@media screen and (max-height: 850px) and (max-width: 1370px){
    .game-theme-type-2 .clue-position-16{left: 34vw}
    .game-theme-type-2 .clue-position-12{left: 9.5vw}
    .game-theme-type-2 .clue-position-3{left: 26.2vw}
}
@media screen and (max-height: 750px) and (max-width: 1370px){
    .game-theme-type-2 .clue-position-16{left: 35vw;top:85%}
    .game-theme-type-2 .clue-position-18{top: 85%}
    .game-theme-type-2 .clue-position-12{left: 12.5vw}
    .game-theme-type-2 .clue-position-3{left: 27.7vw}
}
@media screen and (max-height: 681px) and (max-width: 1370px){
    .game-theme-type-2 .clue-position-3 {top: 40vh}
}
@media screen and (max-height: 950px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {left: 21.5vw}
    .game-theme-type-2 .clue-position-12 {left: 2.5vw}
    .game-theme-type-2 .clue-position-16 {left: 31vw}
    .game-theme-type-2 .clue-position-18 {left: 52vw}
}
@media screen and (max-height: 890px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {left: 23.5vw}
    .game-theme-type-2 .clue-position-12 {left: 5.5vw}
    .game-theme-type-2 .clue-position-16 {left: 32vw}
}
@media screen and (max-height: 830px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {left: 25.5vw;top: 44%}
    .game-theme-type-2 .clue-position-12 {left: 8.5vw;top: 66%}
    .game-theme-type-2 .clue-position-16 {left: 33vw; top: 84%}
    .game-theme-type-2 .clue-position-18 {top: 84%}
}
@media screen and (max-height: 770px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {left: 26.5vw;}
    .game-theme-type-2 .clue-position-6 {top: 46%;}
    .game-theme-type-2 .clue-position-12 {left: 10.5vw;}
    .game-theme-type-2 .clue-position-16 {left: 34vw;}
}
@media screen and (max-height: 690px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {top: 41%;left:28vw}
    .game-theme-type-2 .clue-position-6 {top: 44%}
    .game-theme-type-2 .clue-position-12 {left: 12.5vw;top: 66%}
    .game-theme-type-2 .clue-position-16 {left: 35vw;top: 86%}
    .game-theme-type-2 .clue-position-18 {top: 86%}
}
@media screen and (max-height: 600px) and (max-width: 1310px){
    .game-theme-type-2 .clue-position-3 {top: 39%}
    .game-theme-type-2 .clue-position-16 {top: 87%}
    .game-theme-type-2 .clue-position-18 {top: 87%}
    .game-theme-type-2 .clue-number{font-size: 30px; width: 44px; height: 44px; line-height: 41px}
}
@media screen and (max-height: 830px) and (max-width: 1200px){
    /*.bg-part-top-right{background-size: 52%}*/
    /*.game-theme-type-2{background-position: 32%}*/
    /*.game-theme-type-2 .clue-position-3 {left: 27vw}*/
    /*.game-theme-type-2 .clue-position-6 {left: 55vw}*/
    /*.game-theme-type-2 .clue-position-12 {left: 8.5vw}*/
    /*.game-theme-type-2 .clue-position-16 {left: 35.6vw}*/
    /*.game-theme-type-2 .clue-position-18 {left: 55.7vw}*/
}
@media screen and (max-width: 1650px){
    .workshop-theme .neo-event{max-width: 540px}
}
@media screen and (max-width: 1460px){
    .workshop-tile.text-tile{
        padding: 25px 15px;
    }
    .featured-news .workshop-tile{
        overflow: hidden;
    }
    .workshop-tile.text-tile .tile-image{
        width: calc(100% + 30px);
        margin: -15px;
    }
    #focus-carousel .slider-tile{
        height: 250px;
    }
    .workshop-theme .page-sub-name{
        line-height: 38px;
        font-size: 48px;
        /*margin-bottom: 15px;*/
    }


    .center-area{
        width: 49%;
        margin-left: 17%;
    }
    .center-area.single {
        width: 81%;
    }
    .right-sidebar{
        width: 29%;
    }
    .content{max-width: 750px;}
    .featured-container .content{max-width: 900px;width: 66%;}
    .featured-container.no-room-activity .content{max-width: 950px;width: 73%;}
    .team-leaderboard .content{max-width: 850px;}
    .registration-content{max-width: 600px;}
    .room .content{padding-left: 16%;}
    .room .content.quiz-rewrite{
        padding-left: 12%;
    }
    .wrapper{
        padding: 0 30px;
        box-sizing: border-box;
    }
    .upload-block .input-file-red-btn label{
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 8px;
    }
    .featured-video .video-placeholder, .featured-video iframe{
        height: 390px;
    }
    /*.vrc.welcome.lobby-view .btn{
        width: 100%;
    }*/
    .tile.class {
        height: 520px;
    }
    .vrc #class-events-list-to-calendar .col-md-4 .tile.class{
        height: 460px;
    }
    .agreement-page .content{
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        padding-bottom: 20px;
    }
    .agreement-page .landing-graphic{
        display: none;
    }
    .agreement-page .organization-index{
        height: 100%;
    }
    .vrc.welcome.lobby-view #filter.btn.button-vrc-class-register{
        width: 120px;
        margin-top: 0;
        padding: 7px 15px;
    }

    .vrc.welcome.blog-view #filter.btn.button-vrc-class-register{
        margin-top: -34px;
    }

    #class-events-list-to-calendar {
        padding-top: 35px;
    }
    .vrc.news-detail-page .row{padding-left: 60px;padding-right: 40px}
    .point-row .points{font-size: 16px}
    .point-row .department-name{font-size: 17px}
    .point-row .number{font-size: 22px}
    .point-row *{padding: 10px 0}
    .content h3.font-medium{font-size: 27px}
    .game-theme .wrapper{max-width: 1366px}
    .game-theme.game-theme-type-2 .content{padding-top: 85px}
    .game-theme .logo{position: static; left: auto}
    .login[style*="welcome_page_background_104.png"] .images-block{top: 27%}
    .login[style*="welcome_page_background_104.png"] .logos-block{padding-top: 10vw}
    .login[style*="welcome_page_background_104.png"] .content{padding-top: 11vw}
    /*.welcome.game-theme-type-2{background-size: 100% 100%; background-repeat: no-repeat}*/
    .game-theme-type-2 .clue-popup.position-left{right: 50px}
    .game-theme-type-2 .clue-popup.position-right{left: 105px}
    .game-theme-type-2 .clue-position-18{left: 51.1vw}
    .workshop-theme .neo-event{max-width: 470px}
}
@media screen and (max-width: 1370px){
    .landing .menu{width: 64.5%}
    .game-theme-type-2 .clue-popup.position-left{right: 30px}
    .game-theme-type-2 .clue-position-18 .clue-popup.position-left,
    .game-theme-type-2 .clue-position-6 .clue-popup.position-left{right: 60px; width: 270px}
    .slider-workshop{padding: 0 15px}
}
@media screen and (max-width: 1345px){
    .workshop-tiles.col-md-12{
        padding-top: 15px;
    }
    .workshop-theme .page-sub-name{
        margin-bottom: 15px;
    }


    .my-badges .badge{margin-right: 15px;}
    .container.booth-container{width: 1250px}
    .room .vrc-room + .content-center .room-activities-main h1{
        font-size: 32px;
        line-height: 40px
    }
    .room .sidebar h1{
        font-size: 32px;
        line-height: 40px
    }
    .my-class-filter-holder, .filter-by{
        display: block;
        float: left;
    }
    .my-class-filter-holder{
        margin-bottom: 10px;
    }
    .filters-block-holder{
        position: relative;
    }
    .filter-by{
        top: 8px;
    }
    .clear-filters{
        right: 20px;
    }
    .we-got-your-back .col{
        padding: 0 54px;
    }
    .landing .menu{width: 66.7%}
    .narrow-container{max-width: 90%}
    .landing .bx-wrapper .bx-prev{left: -60px}
    .landing .bx-wrapper .bx-next{right: -60px}
    #class-events-list-to-calendar {
        padding-top: 0;
    }
    .two-row-slider .slider-tile .tile-name{font-size: 15px}
}
@media screen and (max-width: 1300px){
    .content{max-width: 700px;}
    .registration-content{max-width: 600px;}
    .my-badges .badge{margin-right: 9px;}
    .container.booth-container{width: 100%}
    .landing .menu{width: 69%}
    .workshop-tile.text-tile .live{font-size: 12px}
    div.chat-operator-details .btn{font-size: 8px}
    .chat-initiator-name, .chat-room-name{font-size: 17px}
    .chat-text, .chat-time{font-size: 12px}
    .chat-category-title{font-size: 12px}
    .chat-main-section .message-text{font-size: 14px}
    .chat-main-section .time{font-size: 10px}
    .chat-operator-buttons a{font-size: 13px}
    .operator-name{font-size: 16px}
    .operator-description{font-size: 13px}
    h2.room-name{font-size: 22px; line-height: inherit}
    .all-chats-main-title{font-size: 28px}
    .chat-welcome h2{font-size: 38px}
    .chat-welcome p{font-size: 18px}
    .all-chats .list-group-item, .chat-operator .list-group-item{margin-bottom: 0}
    .chat-operator-details .list-group-item-text{padding-bottom: 7px}
}
@media screen and (max-width: 1280px){
    .workshop-theme .content{
        width: 59%;
    }
    .workshop-theme .neo-event.content,
    .lobby-promotion-slider + .container > .content.neo-event{
        float: left;
        padding-top: 0 !important;
        position: relative;
        top: auto;
        left: auto;
        max-width: inherit;
    }
    .login.logo-align .content h2{
        font-size: 48px;
        line-height: 56px;
        padding-bottom: 20px;
    }
    .kindness-sub-title, .kindness-sub-title p{
        font-size: 16px;
        line-height: 20px;
    }
    .vrc #class-events-list-to-calendar .col-md-4{
        width: 50%;
    }
    .vrc #class-events-list-to-calendar .col-md-4{
        width: 50%;
    }
    .vrc .sidebar{
        width: 32%;
    }
    .vrc .two-columns-feed {
        column-count: 1;
    }
    .vrc .col-md-3.status-row{
        width: 100%;
        padding: 15px;
    }
    .vrc.blog-view .col-md-3.status-row{
        width: 85%;
    }
    .login[style*="welcome_page_background_104.png"] .logos-block{padding-top: 16vw}
    .login[style*="welcome_page_background_104.png"] .content{padding-top: 14vw}
    .operator-email{font-size: 12px}
    /*.workshop-tile{*/
    /*    min-height: 285px;*/
    /*}*/
}
@media screen and (min-height: 600px) and (max-height: 750px) and (max-width: 1280px){
    .game-theme-type-2 .clue-position-18 .clue-popup.position-left{top:-50px}
    .game-theme-type-2 .clue-number{font-size: 30px;width:44px;height:44px;line-height:41px}
}
@media screen and (max-width: 1240px){
    .lobby-promotion-slider .bx-wrapper{background-color: rgba(255,255,255,0.85)}
    .promotion-slider-title{background-color: rgba(255,255,255,0.85)}
    .two-row-slider .slider-tile .tile-name{font-size: 13px; line-height: 19px;}
}

@media screen and (max-width: 1200px){
    .bg-part-top-right{background-size: 52%}
    .game-theme-type-2{background-position: 32%}
    .game-theme-type-2 .clue-position-3 {left: 27vw}
    .game-theme-type-2 .clue-position-6 {left: 55vw}
    .game-theme-type-2 .clue-position-12 {left: 8.5vw}
    .game-theme-type-2 .clue-position-16 {left: 35.6vw}
    .game-theme-type-2 .clue-position-18 {left: 55.7vw}
    .workshop-tile.text-tile .live{font-size: 12px; line-height: 18px}
    .chat-initiator-name, .chat-room-name{font-size: 16px}
    .chat-text, .chat-time{font-size: 11px}
    .chat-category-title{font-size: 11px}
    .chat-main-section .message-text{font-size: 13px}
    .chat-main-section .time{font-size: 9px}
    .chat-operator-buttons a{font-size: 12px}
    .operator-name{font-size: 14px}
    .operator-description{font-size: 12px}
    h2.room-name{font-size: 18px}
    .all-chats-main-title{font-size: 26px}
    .chat-welcome h2{font-size: 35px}
    .chat-welcome p{font-size: 17px}
}
@media screen and (max-width: 1165px){
    .my-badges .badge{margin-right: 15px; width: 45px}
    .video-box, .text{width: 100%;float: none;}
    .content, .content.position-static, .login.logo-align .content {position: static;transform: none;width: 50%;}
    .content.position-static{padding: 0}
    .content .logo{padding-top: 50px;padding-bottom: 30px}
    .room .content{width: 60%; padding-left: 20%;}
    .crossword-wrapper .content{width: 65%; padding-left: 175px}
    .sidebar{width: 43%;}
    .team-leaderboard .sidebar{width: 35%}
    .team-leaderboard .content{max-width: 700px}
    .room .sidebar{width: 33%;}
    .booth-background > div:not(.booth-leave-links) .leave-link{display: none;}
    .lobby-sidebar .leave-link{
        display: block;
        font-size: 0;
        line-height: 21px;
        top: 0;
        padding-left: 25px;
        padding-right: 15px;
    }
    .btn:not(.language-btn, .upload-image){width: 290px; max-width: 100%}
    .sidebar .watch-title{max-width: 90%}
    .lobbies .btn-group .btn, .action-btns .btn{width: auto}
    .welcome .btn-group{right: 45%}
    .room .sidebar .video-box{width: 100%;max-width: 370px}
    .content .text{padding-top: 75px}
    .game-theme-mobile-type-2 .content .text{padding-top: 0}
    .team-leaderboard .content .text{padding-top: 25px}
    .tile-content .text{padding-top: 0; }
    .featured-video .video-placeholder, .featured-video iframe{
        height: 320px;
    }
    .publish .btn-group{display: block;}
    .publish .btn-row .btn{margin-left: 0; margin-top: 15px}
    .booth .welcome-booth{position: relative; left: 50%; transform: translateX(-50%); top: 0;}
    .booth .hall .welcome-booth .booth-welcome-img{position: relative; top: 40px;}
    .booth .welcome-booth .booth-welcome-img{position: relative; top: 70px;}
    .booth .row{margin-top: 50px !important;}
    .visit-booth{top: 115px}
    .logo-align .logo.wrapper a, .logo-align .logo.wrapper span{
        position: static;
    }
    .logo-align .logo.wrapper{
        height: auto;
    }
    .survey-title.raffle, .success_message_title.raffle{
        font-size: 28px;
        margin-top: 50px;
    }
    .room.quiz-view .content{
        width: 100%;
        max-width: 100%;
    }
    .login.logo-align .content h1{
        font-size: 36px;
    }
    .healthy-steps .logo img{
        width: 380px;
    }
    .login.logo-align .content h2{
        font-size: 42px;
    }
    .login.logo-align .content p{
        font-size: 18px;
        line-height: 26px;
    }
    .healthy-steps.login.logo-align .content p {
        font-size: 28px;
        line-height: 38px;
    }
    .kindness-fixed-right, .kindness-scrolled-left{
        width: 100%;
    }
    .kindness-scrolled-left{
        margin-bottom: 35px;
        float: left;
    }
    .kindness-fixed-right{
        position: relative;
        margin-bottom: 35px;
        float: left;
    }
    .tile.class {
        height: 540px;
    }
    .room .vrc-room + .content-center .room-activities-main h1{
        font-size: 29px;
        line-height: 35px
    }
    .room .sidebar h1{
        font-size: 29px;
        line-height: 35px
    }
    .welcome .multiple-event-lang-btn .btn-group{
        right: 35px;
    }
    #focus-carousel .bx-prev{
        left: -27px;
    }
    #focus-carousel .bx-next {
        right: -27px;
    }
    .footer-col{width: 25% !important; min-height: 200px}
    .footer-col:last-child{min-height: 0;}
    .workshop-tile{ min-height: 250px; }
    .login[style*="welcome_page_background_104.png"] .content{padding-top: 7vw}
    .game-theme-type-2{background-image: none !important; background-color: transparent}
    .bg-part-top-right{display: none}
    .game-theme-mobile-type-2{background-size: 57% 62%; background-repeat: no-repeat; background-position: left 100%}
    .game-theme-mobile-type-2 .content .logo{padding-top: 5px; padding-bottom: 25px}
    .game-theme-mobile-type-2 .content .page-name{line-height: 55px; font-size: 45px}
    .game-theme-mobile-type-2 .content .page-name + h2{line-height: 50px; font-size: 40px}
    .game-theme-type-2 .clue-position-3 {
        left: 18.5vw;
        top: 42vh;
    }
    .game-theme-type-2 .clue-position-6 {
        left: 47vw;
        top: 46vh;
    }
    .game-theme-type-2 .clue-position-12 {
        left: 9vw;
        top: 68vh;
    }
    .game-theme-type-2 .clue-position-16 {
        left: 23vw;
        top: 90vh;
    }
    .game-theme-type-2 .clue-position-18 {
        left: 49vw;
        top: 90vh;
    }
    .game-theme-type-2 .logo img{max-height: 50px}
    .game-theme-type-2 .clue-position-18 .clue-popup.position-left{top: -60px}
    .game-theme-type-2 .clue-popup.position-left{padding-left: 10px; width: 250px; right: 60px}
    .game-theme-type-2 .clue-popup.position-left .clue-number-inner{left: 10px}
    .game-theme-type-2 .clue-popup.position-left:before{left: 62px}
    .two-row-slider .participate-contact-text .btn{width: auto}
    .lobby-view .footer, .room .footer{padding-right: 43%}
    .hall .welcome-booth{left: 6%}
    .welcome-booth p.title{font-size: 19px}
}
@media screen and (max-width: 1100px){
    .dashboard-single-event{width: 50%}
    .two-row-slider .slider-tile .tile-name{font-size: 12px}
    .workshop-tile.text-tile .live{font-size: 10px}
    .chat-operator-buttons a{font-size: 10px}
    .push-notifications .dimension_block .dimension_name{font-size: 15px; line-height: 18px}
    .row.bottom-part-wrapper{display: flex; justify-content: center; flex-direction: column-reverse; flex-wrap: wrap}
    .radio-as-button.kindness-increment label{padding-right: 30px; padding-left: 30px}
}
@media screen and (max-width: 1030px){
    .hamburger{
        width: 100px;
        padding-left: 45px
    }
    .vrc-room .section-title{
        display: block;
        width: 100%;
    }
    .we-got-your-back .col{padding: 0 20px}
    .vrc.welcome.blog-view #filter.btn.button-vrc-class-register{
        margin-top: 0px;
    }
}
@media screen and (max-width: 1024px){
    .workshop-theme .content,
    .workshop-theme .content.position-static{
        width: 65%;
    }
    .lobby-promotion-slider{left: 68%}
    .slider-tile .tile-name,
    .workshop-tile .tile-title{
        font-size: 17px;
    }
    .workshop-tile .tile-action{
        font-size: 13px;
    }
    .two-row-slider .slider-tile .tile-name{font-size: 13px}
}
@media screen and (max-width: 990px){
    .booth-container .two-items-row .col-md-4:first-child{margin-left: 0;}
    .row .one-items-row, .row .two-items-row, .row .three-items-row{margin-top: 0; margin-bottom: 0; text-align: center}
    .row .one-items-row .col-md-4, .row .two-items-row .col-md-4, .row .three-items-row .col-md-4{display: inline-block; padding-left: 0; padding-right: 0}
    .booth-container .relative{position: static}
    .booth-container .welcome-booth{top: 45px; left: 20px}
    .booth-container .welcome-booth .content{position: static; padding-left: 60px}
    .booth-welcome-img{margin-top: -70px}
    .booth .welcome-booth{left: 50%;}
    .booth img{position: relative;}
    .sidebar.position-left.show, .sidebar.position-left.show.show-videos{
        width: 85% !important;
    }
    .vrc #class-events-list-to-calendar .col-md-4 {
        width: 100%;
    }
    .vrc #class-events-list-to-calendar .col-md-4 .tile.class{
        height: 460px;
    }
    .vrc-resources-img img{
        margin: 10px auto;
    }
    .workshop-theme .slider-workshop{
        margin-bottom: 80px;
    }
    /*#focus-carousel .bx-controls-direction{*/
    /*    position: relative;*/
    /*}*/
    #focus-carousel .bx-prev{
        left: 50px;
    }
    /*#focus-carousel .bx-next{*/
    /*    right: 50px;*/
    /*}*/
    .workshop-tile{
        box-shadow: 0 0 4px -2px #000;
    }
    .landing .menu{width: 200px; z-index: 999; background: rgba(255,255,255,1)}
    .login[style*="welcome_page_background_104.png"] .content {
        width: 100%;
        padding-top: 5%;
        max-width: 100%;
        margin: 0;
    }
    .login[style*="welcome_page_background_104.png"] .logos-block {
        padding-top: 20px;
        background: #007c92;
        position: absolute;
        left: 0;
        width: 100%;
        min-height: 65vh;
        margin-top: 50px;
    }
    .login[style*="welcome_page_background_104.png"] .logos-block a {
        background: #eee;
    }
    .login[style*="welcome_page_background_104.png"] .images-block,
    .login[style*="welcome_page_background_104.png"] .landing-graphic {
        display: none;
    }
    .login[style*="welcome_page_background_104.png"] .stanford-logos a:nth-child(2){
        margin-left: 0;
    }
}

@media screen and (max-width: 940px){
    .center-area.single{width: 100%; margin-left: 0}
    .room .sidebar .category-rooms-list-title h1{font-size: 26px; line-height: 36px;}
    .room .sidebar .category-rooms-list-title h2{font-size: 21px;}
    img{max-width: 100%;}
    /*.body-area{padding-left: 0}*/
    .menu{
        margin-left: -180px;
    }
    .sidebar{right: -100%;}
    /*.room .sidebar{max-height: none}*/
    /*.room .sidebar.scroll{overflow: initial;}*/
    .content, .content.position-static, .room .content, .login.logo-align .content{width: 100%;}
    .hamburger:not(.hide-till-580), .show-room-activities-on-mobile, .hide-room-activities-on-mobile{display: inline-block;}
    .left-sidebar{left: -200px;}
    .room .content{padding-left: 0;}
    .crossword-wrapper .content{position: static}
    .logo-badge, .top-right-text{float: none; margin-bottom: 20px;}
    .featured-video .video-placeholder, .featured-video iframe{
        height: 450px;
    }
    .welcome .btn-group{right: 15%}
    .bg-size-70-100{background-size: cover;}
    .booth-background + .sidebar.show,
    .sidebar-from-menu-button + .sidebar.show{width: 95%}
    .quiz-score-bottom-block, .quiz-score-top-block{
        left: 0;
        padding-left: 10px 40px;
    }
    .rooms-vrc-menu a {
        text-align: center;
        margin: 25px auto;
    }
    .sidebar.vrc.show-sidebar{
        width: 60px!important;
        left: -60px;
    }
    .sidebar.vrc{
        padding: 100px 15px 10px;
    }
    .workshop-sidebar{
        width: 95%;
        right: -95%;
    }
    .workshop-theme .page-sub-name{
        line-height: 60px;
    }
    .getting-started .col3 .col{width: 49%}
    .vrc.news-detail-page .content{width: 100%}
    .vrc.news-detail-page .title{margin-top: 45px}
    div.two-col-separated .col{margin: 0 0 40px 0 !important;}
    .team-leaderboard.fixed-bg-image .content.position-static{width: 100% !important; max-width: 100% !important;}
    .lined-title:before, .lined-title:after{display: none}
    .game-theme-mobile-type-2.game-theme-mobile{
        background-size: 100% 66%;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        height: 1000px;
    }
    .game-theme-type-2 .clue-position-3 {
        left: 33.5vw;
        top: 57vw;
    }
    .game-theme-type-2 .clue-position-6 {
        left: 82vw;
        top: 63vw;
    }
    .game-theme-type-2 .clue-position-12 {
        left: 16vw;
        top: 94vw;
    }
    .game-theme-type-2 .clue-position-16 {
        left: 41vw;
        top: 124vw;
    }
    .game-theme-type-2 .clue-position-18 {
        left: 87vw;
        top: 124vw;
    }
    .game-theme-type-2 .clue-popup.position-left{right: 50px; padding-left: 10px; width: 210px}
    .clue-popup.position-left .clue-number-inner{left: 5px}
    .game-theme-type-2 .clue-popup.position-top{width: 250px; padding-left: 70px; bottom: 65px}
    .game-theme-type-2 .clue-popup.position-right{padding-left: 10px; width: 220px}
    .clue-popup.position-right .clue-number-inner{left: 10px}
    .workshop-theme .content, .workshop-theme .content.position-static{width: 100%}
    .lobby-promotion-slider{display: none}
    .two-row-slider .booth-background{background-image: none !important;}
    .lobby-view .footer, .room .footer{padding-right: 0; padding-left: 0}
    .workshop-theme .call-right-menu span{background-color: #333 !important;}
    .center-area.analytics-report{width: 98%; margin: 0 auto}
    .workshop-tile.text-tile .live{font-size: 13px; line-height: inherit}
}
@media screen and (min-height: 1350px) and (max-width: 920px){
    .game-theme-type-2 .clue-position-3 {top: 58vw}
    .game-theme-type-2 .clue-position-6 {top: 63vw}
    .game-theme-type-2 .clue-position-12 {top: 97vw}
    .game-theme-type-2 .clue-position-16 {top: 129vw}
    .game-theme-type-2 .clue-position-18 {top: 129vw}
    .game-theme-mobile-type-2.game-theme-mobile {background-size: 100% 64%;height: 1300px}
}
@media screen and (min-height: 1150px) and (max-width: 820px){
    .game-theme-type-2 .clue-position-3 {top: 47vw}
    .game-theme-type-2 .clue-position-6 {top: 52vw}
    .game-theme-type-2 .clue-position-12 {top: 82vw}
    .game-theme-type-2 .clue-position-16 {top: 110vw}
    .game-theme-type-2 .clue-position-18 {top: 110vw}
}
@media screen and (max-width: 820px){
    .login .content {width: 50vh; position: static; transform: none; float: none; margin: 40px auto 0;}
    .login  .content.without-landing-graphic {width: 50vh; transform: none; float: none; margin: 40px auto 0;}
    .landing-graphic{float: none; margin: 0 auto; width: 50vh;height: 59vh;}
    .join-link{border-radius: 24px; width: 50vh; margin: 40px auto; position: static; text-align: center;}
    .login .join-form-link .join-link{ margin: 20px auto; position: relative; bottom: 0;}
    .login .join-form-link .join-link:before { display: none; }
    .login-form{width: 100%; position: static; margin-top: 40px;}
    .featured-video .video-placeholder, .featured-video iframe{
        height: 390px;
    }
    .welcome .btn-group{right: 0; top: 5px;}
    .login, .lobby-view {background-image: none!important;}
    .lobby-view .vimeo-wrapper, .organization-index .vimeo-wrapper{display: none}
    /*.landing-graphic{ display: none;}*/
    .login .join-form-link .join-link.without-landing-graphic{
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .login .logo, .room .logo {
        /*padding: 10px 0;*/
        text-align: left;
    }
    .join-link.special{margin: 10px auto;}
    .landing-graphic.right.without-landing-graphic{
        height: 10px;
    }
    .welcome-language-btn{
        top: 0;
        margin-right: 5px;
        z-index: 100;
    }
    .welcome-language-btn .btn-group .btn{
        padding: 10px 20px;
    }
    .hamburger{
        top: 60px;
    }
    .translation-in-sidebar{width: 100%; margin-bottom: 25px;}
    .translation-btn-style-room-sidebar .btn-group .btn.btn-primary.dropdown-toggle.language-btn{ min-width: auto; }
    .we-got-your-back .col{padding: 0; width: 100%; padding-top: 7%}
    .we-got-your-back .col:first-child{padding-top: 0}
    .footer-col{width: 33% !important;}
    .footer-col:last-child{width: 100% !important;}
    .footer-col:last-child a{display: inline-block}
    .game-theme-mobile{height: 4700px; background-size: cover}
    .healthy-steps.login.logo-align .content, .healthy-steps.logo-align .logo.wrapper span{width: 92%}
    .login.logo-align .content h2{padding-bottom: 100px !important;}
    .booth-container.hall .welcome-booth{position: relative; width: 100%; top: 20px}
    .booth-container.hall .welcome-booth + .row{margin-top: 20px !important;}
    .hall-btns .btn:first-child{margin-right: 0}
    .visit-booth + .row{margin-top: 100px !important;}
    .visit-booth, .back-figure{display: none}
    .row .one-items-row{margin-top: 0}
}
@media screen and (max-width: 769px){
    .workshop-theme .content,
    .workshop-theme .content.position-static{
        width: 100%;
    }
    /*#focus-carousel .bx-controls-direction{*/
    /*    position: absolute;*/
    /*    bottom: -29px;*/
    /*    width: 100%;*/
    /*}*/
    .login.logo-align .logo{
        padding: 10px 0 0 35px;
    }
    .healthy-steps.login.logo-align .logo{
        padding-top: 40px;
    }
    .narrow-container{max-width: 100%}
    .landing .wrapper{padding: 0 10px}
    .landing .slider-text{width: 100%; float: none; margin-bottom: 5%}
    .landing .bx-wrapper .slider-image{float: none; text-align: center; width: 100%; top: auto; transform: none; position: static; display: block}
    .landing .slider-image img{display: inline}
    .landing .slider-text p, .landing .slider-text ul{padding-right: 0}
    .landing .bx-wrapper .bx-controls-direction a{display: none}
    .landing-banner{height: 80vh}
    .landing-banner-text{width: 60%}
    .landing-banner-text br{display: none}
}
@media screen and (min-height: 1020px) and (max-width: 768px){
    .game-theme-type-2 .clue-position-3 {top: 50vw}
    .game-theme-type-2 .clue-position-6 {top: 55vw}
    .game-theme-type-2 .clue-position-12 {top: 87vw}
    .game-theme-type-2 .clue-position-16 {top: 117vw}
    .game-theme-type-2 .clue-position-18 {top: 117vw}
}
@media screen and (max-width: 700px){
    .booth-container .welcome-booth .content{top: 90px}
    .booth-container.hall .welcome-booth .content{top: inherit}
}

@media screen and (max-width: 680px){
    .room.bg-size-70-100, .room.bg-size-70-100.cover{
        background: none!important;
    }
    .center-area, .right-sidebar{
        width: 100%;
        float: none;
    }
    .publish .btn-group{display: inline-block;}
    .publish.box{margin-top: 40px;}
    .participate{font-size: 12px; line-height: 20px}
    .show-sidebar{padding-left: 20px; padding-right: 20px;}
    h2, .team-leaderboard h1 + h2{font-size: 36px; line-height: 44px}
    .faqs{height: auto; overflow-y: auto; padding-right: 0;}
    body .other-video{width: 47%; margin-left: 0; margin-bottom: 35px;}
    body .other-video:nth-child(2n){margin-left: 5%;}
    .featured-video .video-placeholder, .featured-video iframe{
        height: 320px;
    }
    .room-activities-hidden h2{font-size: 21px;}
    .sidebar.position-left.show-cats .room-activities-main {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border: 0;
        min-height: unset;
    }
    .sidebar.show-cats .room-activities-hidden{
        width: 95%;
    }
    .quiz-score-top-block, .quiz-score-bottom-block, .text-to-bottom{
        position: relative;
    }
    .quiz-score-top-block, .quiz-score-bottom-block{
        padding: 40px 10px;
    }
    .room.quiz-score-responsive .wrapper, .room.quiz-score-responsive .content.quiz-rewrite {
        padding: 0;
    }
    .vrc.welcome .content {
        width: 90%;
    }
    .tile-img .img,
    .tile-img.img-left .tile-content,
    .tile-img.img-right .tile-content{
        width: 100%;
    }
    .tile.tile-img.img-right,
    .tile.tile-img.img-left,
    .tile.tile-img.img-left.with-icons{
        padding: 0;
    }
    .tile-img.img-right .img .cover-img,
    .tile-img.img-left .img .cover-img{
        border-radius: 10px;
    }
    #dashboard-single-vrc-event .icons-bar{
        top: 240px;
    }
    .vrc .tile.class {
        height: 480px;
    }
    #dashboard-single-vrc-event .tile-content{
        padding: 5px 27px 5px 10px;
    }
    #dashboard-single-vrc-event .ace_dd{
        left: -60px!important;
    }
    .vrc.welcome.lobby-view .page-name{
        font-size: 30px;
        line-height: 36px;
    }
    .vrc.welcome.lobby-view .page-name + h2{
        font-size: 24px;
        line-height: 30px;
    }
    .vrc .news-content{margin: 0}
    .vrc.news-detail-page .row{padding: 0}
    .vrc.news-detail-page .content{width: 96%}
    .room .content p br{display: none}
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 100% 62%; height: 920px}
    .game-theme-type-2 .clue-position-16, .game-theme-type-2 .clue-position-18{top: 101vh}
    .game-theme-type-2 .clue-position-12{top: 77vh}
    .workshop-theme .neo-2columns-divided{column-count: 1}
    .workshop-theme .neo-2columns-divided:after{display: none}
    .workshop-theme .neo-event .text, .workshop-theme .neo-event{padding: 0}
    .neo-block-title-wrapper{flex-wrap: wrap; padding-bottom: 20px}
    .wrapper{padding: 0 15px;}
    .form-control{font-size: 16px;}
    .drag-and-drop-zone .vertical-align-center{position: static; transform: none}
}
@media screen and (max-width: 680px) and (max-height: 915px) and (min-height: 825px){
    .game-theme-type-2 .clue-position-16, .game-theme-type-2 .clue-position-18{top: 91vh}
    .game-theme-type-2 .clue-position-12{top: 69vh}
    .game-theme-type-2 .clue-position-6{top: 46vh}
    .game-theme-type-2 .clue-position-3{top: 42vh}
}
@media screen and (max-width: 640px){
    .booth .welcome-booth{left: 0; top: 135px; width: 100%; transform: none;}
}
@media screen and (max-width: 580px){
    .landing-graphic{width: 368px;height: 426px;
        max-width: 368px;}
    /*.login .content, .join-link, .login  .content.without-landing-graphic{width: auto;}*/
    .login .content.without-landing-graphic {width: auto;}

    .content h1, .team-leaderboard h1.page-name{text-transform: uppercase; font-size: 36px; line-height: 45px}

    .text .btn{width: 100%;}
    .featured-video .video-placeholder, .featured-video iframe{
        height: 270px;
    }
    /*.login .content h2 {*/
    /*line-height: 28px;*/
    /*font-size: 23px;*/
    /*}*/
    .login .join-form-link .join-link, .login .content, .login.logo-align .content{width: auto;}
    .login { min-height: 82vh;}
    .lobby-sidebar .room-activities-main .vendor-categories h4,
    .lobby-sidebar .room-activities-main .my-badges h4{font-size: 14px;}
    .badge, .side-room{width: 25%;}
    .sidebar.position-left.show, .sidebar.position-left.show.show-videos{
        padding: 55px 10px;
        height: 100%;
    }
    .room .sidebar.scroll {
        overflow: auto;
    }
    .sidebar.activities-sidebar-room.right.scroll.show-room-sidebar,
    .sidebar.activities-sidebar-room.right.scroll.show-room-sidebar.show-videos{
        /*overflow: initial;*/
        overflow: scroll;
        top: 0;
        height: 100%;
        /*padding-bottom: 150px;*/
    }
    .room .sidebar.position-right.activities-sidebar-room.right.scroll.show-room-sidebar.show-videos{
        max-height: 100vh;
        padding-bottom: 80px;
    }
    .vendor-rooms .category-rooms{ padding: 20px 0; }
    .category-rooms .vendor-room{width: 100%; margin: 5px 0;}
    .my-badges .badges{float: left; width: 100%; margin-bottom: 30px;}
    .new-employee-orientation, .btn:not(.language-btn){margin:5px 0;}
    .translation-btn-style-room-sidebar .btn-group{margin-left: 0;}
    .sidebar.activities-sidebar-room.right.scroll.show-room-sidebar.show-videos .search-div #key{
        width: 95%;
    }
    .booth .welcome-booth{padding-bottom: 50px}
    /*.sidebar.position-left {*/
    /*left: -100%;*/
    /*}*/
    .sidebar.dark-left-sidebar.show-room-sidebar{
        width: 100%;
    }
    .sidebar.dark-left-sidebar.show-room-sidebar.position-left{
        left: -110%;
    }
    .sidebar.position-left.show, .sidebar.position-left.show.show-videos {
        width: 100% !important;
    }
    .hamburger{
        z-index: 110;
    }
    .show-sidebar{
        padding-left: 20px;
        padding-right: 10px;
    }
    .translation-btn-style-room-sidebar .dropdown-menu{
        min-width: 150px;
    }
    .hamburger {
        top: 37px;
        right: -55px;
        width: 120px;
    }
    .btn:not(.language-btn).show-room-activities-on-mobile, .btn:not(.language-btn).hide-room-activities-on-mobile{
        width: 100%;
        margin-top: 25px;
    }
    .leave-link{
        top: 5px;
    }
    .booth-leave-links .leave-link.back-to-hall{
        top: 75px;
    }
    .hamburger span{
        margin: 6px 0;
    }
    .start-chat-form button[type="submit"].btn:not(.language-btn),
    .one-to-one-chat-selector-button.btn:not(.language-btn),
    .leave-message-selector-button.btn:not(.language-btn){
        width: 100%;
        float: none;
    }
    .float-none-on-mobile{
        float: none;
    }
    #message-list{
        /*height: 100%;*/
        /*max-height: 100vh;*/
        margin-bottom: 65px;
    }
    .chat-controls{
        margin: 0;
        position: fixed;
        right: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }
    .chat-controls textarea.form-control{
        margin-bottom: 20px;
    }
    #send-message, .survey-container form button[type="submit"].btn:not(.language-btn) {
        width: 100%;
    }
    .call-right-menu{
        z-index: 110;
    }
    #lobby-dark-sidebar-mobile{
        z-index: 100;
    }
    .vendor-room{
        width: 100%;
    }
    .btn:not(.language-btn){
        width: 100%;
    }
    .vendor-room, .vendor-room:nth-child(n+3){
        margin-top: 15px;
    }
    .sidebar.position-left.show-cats .room-activities-hidden.show-on-mobile,
    .sidebar.show-cats .room-activities-hidden.show-on-mobile,
    .room-activities-hidden.show-on-mobile{
        width: 100%;
        display: block!important;
        margin-bottom: 50px;
    }
    .sidebar.show-cats .room-activities-main{
        width: 100%;
        border-right: none;
    }
    .message-content{
        min-width: 180px;
    }
    .chat-intro{
        padding: 0;
    }
    .chat-intro p{
        font-size: 12px;
        line-height: 18px;
    }
    .wrap-video-list-item{
        height: 117px;
    }
    .welcome.lobby-view .page-name{
        margin-top: 70px;
    }
    .game-theme-mobile-type-2 .welcome.lobby-view .page-name{
        margin-top: 0;
    }
    .fixed-bg-image .content.position-static{
        width: 100%;
    }
    .btn:not(.language-btn).show-room-activities-on-mobile,
    .sidebar.show-room-sidebar.show-videos .room-activities-hidden{
        margin-bottom: 50px;
    }
    .btn:not(.language-btn).hide-room-activities-on-mobile{
        margin-bottom: 200px;
    }
    .faqs .faq:last-child, .additional-resources:last-child{
        margin-bottom: 150px;
    }
    .btn{
        white-space: normal;
    }
    .login.logo-align .logo{
        padding: 10px 15px;
    }
    .healthy-steps.login.logo-align .logo{
        padding-top: 40px;
    }
    #class-modal .modal-content{
        width: auto;
    }
    .download-recipe-top-btn.btn.veba-btn{
        display: none;
    }
    .recipes-list .other-video{
        background: transparent;
    }
    .recipes-list .recipe-title{
        display: none;
    }
    .recipes-list .wrap-video-list-item, .recipes-list .video {
        height: 80px;
    }
    .sidebar.vrc{
        width: 60px;
    }
    .vrc.welcome.lobby-view{
        margin-left: 0;
        padding-left: 75px;
    }
    .vrc #class-events-list-to-calendar .col-md-4{
        padding-left: 15px;
        padding-right: 0;
    }
    .tile-img.img-left .tile-content{
        padding-left: 7px;
        padding-right: 7px;
    }
    .vrc-activities .webinar-section .single-webinar .class-tile-wrapper .myclass-image-cover {
        height: 200px;
    }
    .vrc-activities .webinar-section .single-webinar .class-tile-wrapper .tile.class{
        height: 430px;
    }
    .landing h1{font-size: 50px; line-height: 55px}
    .getting-started .col3 .col{width: 100%; margin-bottom: 7%}
    .landing-banner-text{width: 100%}
    .landing .menu{display: none}
    .landing .menu.open{display: block; border: 2px solid #044d80; border-right: none; top: 50px; position: fixed}
    .footer-col{width: 50% !important;}
    .footer-col:nth-child(5), .footer-col:nth-child(6){min-height: 150px;}
    .filter-by{
        width: 100%;
        display: block;
        top: 0;
    }
    .my-class-filter{
        width: 260px;
        max-width: 100%;
    }
    .my-class-filter-holder{
        display: block;
    }
    .clear-filters {
        right: -15px;
    }
    .vrc.welcome.lobby-view #filter.btn.button-vrc-class-register{
        width: 260px;
    }
    .slider-tile .tile-name {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        padding: 0 7px 7px;
    }
    #focus-carousel.hide-arrows .bx-controls{
        display: block;
    }
    .vrc .news-content h1.title{font-size: 25px; line-height: 35px}
    .gallery-col{width: 49%;}
    .gallery-col:nth-child(3n+1){margin-left: 2%}
    .gallery-col:nth-child(2n+1){margin-left: 0}
    .kindness-fixed-right.app-stores-container{height: auto; overflow-y: hidden}
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 100% 59%; height: auto}
    .game-theme-type-2 .clue-position-16, .game-theme-type-2 .clue-position-18{top: 90vh}
    .game-theme-type-2 .clue-position-12{top: 69vh}
    .game-theme-type-2 .clue-position-3 {left: 32.5vw;top: 44vh}
    .game-theme-type-2 .clue-position-6 {top: 48vh}
    .dashboard-single-event, .dashboard-single-event.width50{width: 100%}
    .checklist-category-item-icon{width: 22%;}
    .checklist-category-item-icon img{width: 40px}
    .team-leaderboard + .sidebar + .call-right-menu{display: none}
    .hamburger.hide-till-580{display: inline-block}
}
@media screen and (max-width: 450px){
    .landing-graphic{width: 320px; max-width: 320px; height: 320px;}
    .content h2, .team-leaderboard h1 + h2, .login.logo-align .content h2{line-height: 28px; font-size: 23px}
    .login.logo-align .content h2{padding-bottom: 40px;}
    .btn{width: 100%}
    .search-div{padding-top: 0}
    .search-div input{width: 100%}
    .welcome{font-size: 14px;}
    .swal2-title{font-size: 24px !important;}
    .swal2-content{font-size: 12px !important;}
    .featured-video, .featured-video .video-placeholder, .featured-video iframe{height: 200px;}
    .other-video{height: 90px}
    .login .join-form-link .join-link.without-landing-graphic{width: 100%; max-width: 320px;}
    #slide-pager a{line-height: 25px}
    .my-class-filter{ width: 220px; }
    .clear-filters{ top: 0; }
    .team-leaderboard .content .text{padding: 0 0 40px 0}
    .scroll-to-top{left: 44%}
    body .content .gallery-col{width: 80%; margin-left: 10%}
    .game-theme-mobile{height: 2800px;}
    .game-theme-mobile-type-2{background-position: center 70%;height: auto;}
    .clue-position-2 {left: 18.5%;top: 575px}
    .clue-position-3 {left: 18.5%;top: 740px}
    .clue-position-4 {left: 26%;top: 920px}
    .clue-position-5 {left: 70%;top: 1010px}
    .clue-position-6 {left: 80%;top: 1192px}
    .clue-position-7 {left: 80%;top: 1450px}
    .clue-position-8 {left: 66%;top: 1720px}
    .clue-position-9 {left: 22%;top: 1793px}
    .clue-position-10 {left: 22.5%;top: 1995px}
    .clue-position-11 {left: 66%;top: 2074px}
    .clue-position-12 {left: 68%;top: 2260px}
    .clue-position-13 {left: 26%;top: 2355px}
    .clue-position-14 {left: 19.5%;top: 2538px}
    .clue-position-15, .clue-position-16, .clue-position-17, .clue-position-18 {left: 19.5%;top: 2700px}
    .game-theme .content{padding-top: 15px; top: auto}
    .game-theme-type-2 .clue-number{
        font-size: 28px;
        border-radius: 23px;
        width: 46px;
        height: 46px;
        line-height: 43px;
    }
    .game-theme-type-2 .clue-position-3 {left: 32vw; top: 40.5vh}
    .game-theme-type-2 .clue-position-6 {left: 78.5vw; top: 42.5vh}
    .game-theme-type-2 .clue-position-12 {left: 12vw; top: 63vh}
    .game-theme-type-2 .clue-position-16 {left: 39.5vw; top: 78.5vh}
    .game-theme-type-2 .clue-position-18 {left: 84vw; top: 78.5vh}
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 100% 49%; background-position-y: 75%;}
    .game-theme-mobile-type-2 .content{padding-top: 60px; text-align: center; width: 100%}
    .game-theme-mobile-type-2 .logo{padding-bottom: 45px}
    .welcome.lobby-view.game-theme .page-name{margin-top: 0}
    .game-theme .content .text{padding-top: 10px}
    .game-theme .content .text p:last-child{text-align: right}
    .game-theme .logo{position: static; left: auto; display: inline-block}
    .great-job{left: 0; top: 30%}
    .set-white-bg{margin-top: 45px;margin-left: 80px}
    .featured-tiles-columns .featured-tile {
        width: 100%;
        margin: 0;
    }
    .plan-container .two-column{column-count: auto}
    .checklist-category-item-icon{width: 28%; text-align: left; margin-left: 5px;}
    .neo-column .checklist-block label{line-height: 18px}
}
@media screen and (max-width: 400px){
    .app-stores img{width: 165px}
    .my-badges .badge:nth-child(n+5){margin-right: 20px;}
    .game-theme .content h1 {font-size: 40px;line-height: 45px}
    .game-theme .content h2, .game-theme-mobile-type-2 .content .page-name + h2 {font-size: 29px;line-height: 35px}
    .game-theme .logo{padding-bottom: 15px}
    .game-theme-mobile-type-2 .logo{padding-bottom: 45px}
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 100% 44%}
    .game-theme-type-2 .clue-position-3 {left: 31vw; top: 44vh}
    .game-theme-type-2 .clue-position-6 {left: 78.5vw; top: 46.5vh}
    .game-theme-type-2 .clue-position-12 {left: 12vw; top: 63vh}
    .game-theme-type-2 .clue-position-16 {left: 38.5vw; top: 78vh}
    .game-theme-type-2 .clue-position-18 {left: 84vw; top: 78vh}
}
@media screen and (max-height: 740px) and (min-width: 1100px){
    .logo-align .logo.wrapper{height: auto}
    .logo-align .logo.wrapper a, .logo-align .logo.wrapper span{position: static;left: auto}
    .login.logo-align .content.keep-static{left: auto;transform: none;position: static;}
    .login.logo-align .content.keep-centered{left: auto;transform: translateY(-40%);position: fixed;}
}
@media screen and (max-height: 620px){
    .login.logo-align .content.keep-centered{left: auto;transform: none;position: static;}
}

@media screen and (max-height: 700px){
    .game-theme .logo{padding-bottom: 0; position: relative; left: 20%}
    .game-theme-type-2 .logo{left: 50%}
    .game-theme .content{padding-top: 40px}
    .game-theme .content h1{font-size: 45px;line-height: 59px}
    .game-theme .content h2{font-size: 40px;line-height: 50px}
}

@media screen and (max-width: 400px){
    .game-theme-mobile-type-2 .content{padding-top: 60px; text-align: center; width: 100%}
    .game-theme .logo{position: static; left: auto; display: inline-block}
}
@media screen and (min-height: 330px) and (max-height: 420px) and (max-width: 915px){
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 50% 80%;height: auto}
    .game-theme-type-2 .logo{left: 0}
    .game-theme-type-2 .content{padding-top: 80px}
    .game-theme-type-2 .clue-number{font-size: 30px;width: 44px;height: 44px;line-height: 41px}
    .game-theme-type-2 .clue-position-3 {left: 66vw;top: 24vh}
    .game-theme-type-2 .clue-position-6 {left: 90vw;top: 28vh}
    .game-theme-type-2 .clue-position-12 {left: 58vw;top: 58vh}
    .game-theme-type-2 .clue-position-16 {left: 70vw;top: 86vh}
    .game-theme-type-2 .clue-position-18 {left: 92.5vw;top: 86vh}
    .game-theme-type-2 .clue-position-3 .clue-popup.position-top{width: 310px;bottom: 60px}
}
@media screen and (min-height: 330px) and (max-height: 360px) and (max-width: 915px){
    .game-theme-type-2 .logo img{max-height: 40px}
    .game-theme-mobile-type-2 .content .page-name{font-size: 40px}
    .game-theme-mobile-type-2 .content .page-name + h2{font-size: 35px}
    .game-theme-type-2 .clue-number{font-size: 26px;width: 38px;height: 38px;line-height: 35px}
    .game-theme-type-2 .clue-position-3 .clue-popup.position-top{width: 310px;bottom: 45px; left: -70px}
    .hamburger{top: 15px}
    .game-theme-type-2 .clue-position-18 .clue-popup.position-left{top: -78px}
    .game-theme-type-2 .clue-position-16 .clue-popup.position-top{left: -30px}
}
@media screen and (min-height: 520px) and (max-height: 560px) and (max-width: 720px){
    .game-theme-mobile-type-2.game-theme-mobile{background-size: 63% 73%;height: auto}
    .game-theme-mobile-type-2 .content .page-name{position: relative;top: 90px}
    .game-theme-mobile-type-2 .content .page-name + h2{position: relative;top: 100px}
    .game-theme-type-2 .clue-position-3 {left: 57vw;top: 30vh}
    .game-theme-type-2 .clue-position-6 {left: 87vw;top: 34vh}
    .game-theme-type-2 .clue-position-12 {left: 46vw;top: 61vh}
    .game-theme-type-2 .clue-position-16 {left: 62vw;top: 86vh}
    .game-theme-type-2 .clue-position-18 {left: 90vw;top: 86vh}
}
@media screen and (max-width: 1165px){
    .wide-content-container .content{
        max-width: 100%;
        width: 100%;
    }
}