@media (max-width: 800px) {
    #nav {
        padding: 1vh 6vw;
    }

    #nav .logo {
        height: 80px;
        width: 80px;
    }

    #nav .logo img {
        height: 70px;
        width: 70px;
    }

    #nav .nav-list a {
        font-size: 1rem;
        display: none;
    }

    #nav .nav-list .ri-menu-3-fill {
        display: block;
        font-size: 1.8rem;
        cursor: pointer;
    }

    /* !----nav2 section---- */
    #nav2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* justify-content: center; */
        padding: 2px;
    }

    #nav2 .info {
        /* padding: 2px; */
        padding-left: 6vw;
    }

    /* !----Hero mobile Section---- */
    #mobile-img h1 {
        font-size: 10vw;
        margin: 1vw 4vh;
    }

    #mobile-img p {
        color: #fff;
        margin: 1vw 4vh;
        text-align: justify;
    }

    /* !-----Second Navbar---- */
    #second-nav {
        display: none;
    }

    .news-update .newsUpdate {
        width: 35vw;
        font-size: 0.7rem;
    }

    .news-update .news-marq {
        padding-top: 7px;
        font-size: 0.8rem;
    }

    /* ! ---Upcoming event section---- */
    #upcoming {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    #upcoming>.reminder>p {
        color: #ffffffa5;
        text-align: center;
    }

    #upcoming #name {
        font-size: 1.5rem;
        text-decoration: underline #fdc93b;
        text-align: center;
    }

    #upcoming .reminder .time {
        display: flex;
        flex-wrap: wrap;
        /* border: 2px solid red; */
    }

    #upcoming .reminder .time>.date {
        text-align: center;
        padding: 5px 12px;
        font-size: 3.5vw;
        font-weight: 400;
    }

    #upcoming .form {
        margin-top: 30px;
    }

    /* !------Bottom footer section------- */
    .foot {
        display: flex;
        justify-content: space-between;
    }


}