@media (max-width: 991.98px) {

    /* ================================
       RESET DESKTOP DROPDOWN EFFECTS
    ================================= */
    #mainMenu,
    #mainMenu ul,
    #mainMenu li {
        position: static !important;
        float: none !important;
    }

    /* ================================
       MAIN MENU CONTAINER
    ================================= */
    #mainMenu {
        display: none;
    }

    #mainMenu.show {
        display: block !important;
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        width: 100%;
        background: #ffffff;
        padding: 10px 0;
        z-index: 9999;
        border-top: 4px solid var(--team-blue);
    }

    /* ================================
       MAIN NAV LIST
    ================================= */
    #mainMenu .navbar-nav {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #mainMenu .nav-item {
        width: 100%;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid red;
    }

    #mainMenu .nav-link {
        display: block;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 600;
        color: #222;
        line-height: 1.4;
    }

    /* ================================
       SUBMENU ARROW
    ================================= */
    #mainMenu .nav-item.submenu > a {
        position: relative;
    }

    #mainMenu .nav-item.submenu > a::after {
        content: "▾";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        color: #333;
        transition: 0.3s;
    }

    #mainMenu .nav-item.submenu.open > a::after {
        transform: translateY(-50%) rotate(180deg);
    }

    /* ================================
       REMOVE GHOST SPACE
    ================================= */
    #mainMenu .nav-item.submenu {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* ================================
       SUBMENU (CLOSED)
    ================================= */
    #mainMenu .nav-item.submenu > ul {
        display: none;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        position: static !important;
        width: 100% !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FF6D00 !important;
    }

    /* ================================
       SUBMENU (OPEN)
    ================================= */
    #mainMenu .nav-item.submenu.open > ul {
        display: block;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    /* ================================
       SUBMENU ITEMS – SAME AS MAIN MENU
    ================================= */
    #mainMenu .nav-item.submenu > ul li {
        width: 100%;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid red;
    }

    #mainMenu .nav-item.submenu > ul .nav-link {
        display: block;
        padding: 14px 0 !important;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        line-height: 1.4;
        text-align: center;
    }

    #mainMenu .nav-item.submenu > ul li:last-child {
        border-bottom: none;
    }

    /* ================================
       DONATE BUTTON
    ================================= */
    .btn-normal {
        width: 40%;
        margin: 16px 0px 0px 120px;
        padding: 0px 0 !important;
        text-align: center;
        background: var(--team-orange);
        border-radius: 60px !important;
    }

    .btn-normal a {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        display: block;
    }

    /* ================================
       CONTACT BOX
    ================================= */
    .contact-now-box {
        margin: 12px auto 0;
        text-align: center;
    }
}