.imageStyleMobile {
    display: none;
}

nav {
    position: relative;
}

.menu {
    z-index: 999;
}

.menu-icon {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
    background-color: white;
}

.bar1,
.bar2,
.bar3 {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    background-color: #333;
    overflow-x: hidden;

}

.menu li {
    padding: 14px 20px;
    width: 100%;


}

.menu li a {
    color: #333;
    text-decoration: none;
}


@media (max-width: 767px) {
    body {
        width: 100vw;
        overflow-x: hidden;
    }

    body.no-scroll {
        overflow: hidden;
    }

    #container h1,
    #container h2 {
        display: none;
    }

    #CollageLBClose {
        display: none;
    }

    #CollageLBImage {
        width: 94vw !important;
        left: 0 !important;
        height: auto !important;
    }

    .collage-main {
        display: flex !important;
        flex-wrap: wrap;
        width: 94vw !important;
    }

    .collage-item {
        display: block;
        padding: 0px;
        margin: 0px 14px !important;
        border: 0px solid blue !important;
        background: left 0px !important;
        position: relative !important;
        float: left !important;
        overflow: hidden !important;
        height: 161px !important;
        width: 146px !important;
        cursor: pointer !important;

    }

    #logo {
        display: none;
    }

    .imageStyleMobile {
        display: inline-block;
        padding-left: 15px !important;

    }

    .inside {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: white;
    }

    .logo-mobile {
        padding-right: 3vw;
    }

    #logo_overlay,
    #logo,
    .title,
    .subtitle {
        display: none !important;
    }

    .menu-box {
        /* display: flex;
				flex-wrap: nowrap; */
        position: fixed;
        top: 0;
        z-index: 999;
        width: 94vw;
        right: 3vw;
        overflow-x: hidden;
    }

    .menu-box.active {
        width: 94vw;
        height: 100vh;

        background-color: white;
    }

    #container {
        width: 94vw;
        margin: 0 3vw;
    }

    #sidebarContainer {
        display: none;
    }

    #navcontainer {
        display: none;
    }

    #content {
        border: 0;
    }

    #pageHeader {
        margin: 0;
        height: 100px;
    }


    #footer {
        width: 100%;
    }

    .menu-icon {
        display: flex;
    }

    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: white;
    }

    .menu.active {
        display: flex;

    }

    .logo-mobile {
        width: 100%;
        z-index: 9999;
        text-align: right;
    }


    .menu-icon {
        cursor: pointer;
        width: 33px;
        height: 53px;
        position: relative;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 100%;
        height: 5px;
        background-color: #333;
        margin: 5px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        transform: rotate(-45deg) translate(-8px, 8px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        transform: rotate(45deg) translate(-8px, -8px);
    }
}