@media (max-width: 760px) {
               .nav-holder {
                      height: 71px;
               }

               .card {
                      width: 100%;
                      height: 400px;

                      margin: 30px 0;
               }

               .card-impact-container {
                      flex-direction: column;
                      align-items: center;
               }

               .mobile-menu-card {
                      display: block;
                      position: absolute;
                      z-index: 9999999;
                      top: 70px;
               }

               .desktop-menu {
                      display: none;
               }

               #menu-toggle {

                      display: block;
                      font-size: 38px;
                      text-align: left;
                      margin: 0 0 0 20px;
               }






              

               /*=======================MOBILE MENU================*/

               .mobile-menu-card {
                      width: 100%;
                      max-width: 500px;
                      margin: auto;

                      overflow: hidden;
                      background: linear-gradient(180deg, #ff7a00, #ff3c00);
                      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

                      margin: 0;
                      left: -125%;
                      right: 0;
                      transition: all;
               }

               /* MENU */
               .menu-list {
                      list-style: none;
                      margin: 0;
                      padding: 0;
               }

               /* MAIN ITEMS */
               .menu-list>li>a {
                      display: block;
                      padding: 14px 18px;
                      color: #561400;
                      text-decoration: none;
                      font-weight: 600;
                      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
                      transition: 0.3s;
               }

               /* HOVER */
               .menu-list>li>a:hover {
                      background: rgba(255, 255, 255, 0.15);
               }

               /* SUBMENU */
               .menu-list li ul {
                      list-style: none;
                      padding: 0;
                      margin: 0;
                      background: linear-gradient(180deg, #6b0000, #8b0000);
                      border-radius: 8px;
               }

               .slogan {
                      display: block;
                      width: 100%;
                      /* height: 71px; */
                      text-align: center;
                      /* align-items: center; */
                      /* justify-content: center; */
                      align-content: center;
                      /* flex-wrap: nowrap; */
                      /* flex-direction: row; */
                      font-size: 22px;
                      font-weight: bolder;
                      margin-top: 11px;
                      color: #561400;
                      text-shadow: 0 2px 4px #ffc531, 0 0 10px rgba #6b000099 (107, 0, 0, 0.6);
               }


        }

        /* SUBMENU LINKS */
        .menu-list li ul li a {
               display: block;
               padding: 10px 25px;
               color: #fff;
               text-decoration: none;
               font-size: 14px;
               opacity: 0.9;
               transition: 0.3s;
               font-size: 20px;
        }

        /* SUBMENU HOVER */
        .menu-list li ul li a:hover {
               background: rgba(255, 255, 255, 0.1);
               padding-left: 30px;
        }

        /* DONATE BUTTON */
        .donate-btn {
               background: linear-gradient(45deg, #ffcc00, #ff9900);
               color: #000 !important;
               font-weight: bold;
               text-align: center;
               margin: 10px;
               border-radius: 8px;
        }

        /* SMALL MODERN TOUCH */
        .menu-list li a {
               display: flex;
               align-items: center;
               gap: 8px;
               font-size: 20px;
        }

        /* Button */
        #menu-toggle {
               position: absolute;
               top: 24px;
               left: -15px;
               font-size: 22px;
               padding: 10px 15px;
               cursor: pointer;
               background: none;
               color: #fff;
               border: none;
               z-index: 1000;
               font-size: 40px;
               font-weight: bold;
               line-height: 30px;
               /* right: 10px; */
        }

        /* Card */
        #mobile-menu-card {
               position: absolute;
               top: 80px;

               width: 100%;
               /* height: 100%; */

               color: white;
               padding: 20px;
               transition: all 0.4s ease;
               z-index: 999;
        }

        /* Active */
        #mobile-menu-card.active {
               left: 0;
               /* visible */
               box-shadow: 0 25px 60px rgba(0, 0, 0, 1);

        }