/* loading page break point */
@media only screen and (max-width: 1020px) {
    .t_tutorialGallery{
        justify-content: unset;
        flex-wrap: unset;
        overflow: auto;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        width: 235px;
        margin: auto;
    }

    .t_tutorialGallery_nav{
        display: flex;
    }

    .t_tutorialBox{
        scroll-snap-align: start;
    }

    .l_BottomNav{
        margin-top: 20px;
        max-width: 400px;
    }
}

/*  */
@media only screen and (max-width: 900px) {
    .overviewMenu{
        display: none !important;
    }
}

/* splash page break point */
@media only screen and (max-width: 660px) {
    .sLeftSideGroup{
        width: -webkit-fill-available;
    }
}


/* scene css */
@media only screen and (max-width: 490px) {
    .spTextGroup{
        text-align: center;
    }

    .topNavBar{
        left: 12px;
    }

    .oInfoBubbles{
        display: none;
    }
        
    .overviewUI{
        margin-left: 12px;
        width: unset;
    }

    .oTitle{
        font-size: 22px;
        border-bottom: unset;
    }

    .oTextParent{
        display: none;
    }

    .oLocalTitle{
        display: none;
    }
}

/*  */
@media only screen and (max-width: 410px) {
    .sRightSideGroup{
        display: none;
    }
}