@media (max-width: 800px) {

    /* Hide default navigation items */
    .c-topNav,
    .c-nav,
    .c-donationButton {
        display: none;
    }

    .no-scroll {
        overflow: hidden;
    }


    /* Adjust the height of the main header */
    .c-mainHeader {
        height: 65px;
    }

    /* Styling for the hamburger icon */
    .c-hamburger {
        display: block;
        cursor: pointer;
        font-size: 2.2em;
    }

    /* Styling for the hamburger menu content */
    .c-hamburger-menu-content {
        position: fixed;
        top: 65px;
        right: 0;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        justify-content: flex-start;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 5000;
        width: 100%;
        max-width: 300px;
        height: 100vh;
        padding: 20px;
        overflow-y: auto;


    }

    /* Styling for the links in the hamburger menu */
    .c-nav-ham ul {
        list-style: none;
        padding: 0;
    }

    .c-nav-ham ul li {
        margin-bottom: 15px;
    }

    .c-nav-ham ul li a {
        text-decoration: none;
        color: #333;
        font-weight: bold;
        font-size: 18px;
        transition: color 0.3s ease-in-out;
    }

    .c-nav-ham ul li a:hover {
        color: var(--primary-color);
    }

    /* Styling for the top navigation in the hamburger menu */
    .c-topNav-ham {
        margin-top: 20px;
        color: #333;
    }

    .c-topNav-ham p {
        margin-bottom: 10px;
        font-size: 14px;
    }

    /* Styling for the donation button in the hamburger menu */
    .c-donationButton-ham {
        padding: 10px;
        margin-top: 1.5em;
        background: var(--primary-color);
        color: #fff;
        text-decoration: none;
        display: inline-block;
        border-radius: 5px;
        transition: background 0.3s ease-in-out;
    }

    .c-donationButton-ham:hover {
        background: darken(var(--primary-color), 10%);
    }

}