<> @media (max-width:991px) { .mega_menu { display: none; } .drop_down.active .mega_menu { display:flex; background: #fff; padding: 20px 30px; z-index: 1000; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; } .mobile-nav .mega_menu .mega_list ul { list-: none; margin: 0; padding: 0; } .mobile-nav .mega_menu .mega_list ul > li > h6 { font-size: 15px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; color: #B18A7A; } .mobile-nav .mega_menu .mega_list ul li a { text-decoration: none; display: block; padding: 5px 0; font-size: 14px; } .mobile-nav .drop_down.active .mega_menu { visibility: visible; opacity: 1; display: block !important; top: 100%; } .header-nav .drop_down.active .mega_list ul { display: block !important; } .mobile-nav li.drop_down.active { width: 100%; } .mobile-nav .nav-list .drop_down.active .mega_menu { visibility: visible; opacity: 1; position: relative; box-shadow: none; padding: 0; top: unset; right: unset; min-width: 100%; } .mobile-nav .nav-list .drop_down.active .mega_menu .mega_list { display: flex; flex-flow: column; gap: 5px; min-width: 100%; } .mobile-nav .dropdown-toggle { position: relative; align-items: center; } .mobile-nav .dropdown-toggle::after { content: ""; position: static; width: 10px; height: 10px; border-right: 1px solid #3e3a3b; border-bottom: 1px solid #3e3a3b; border-left: unset; border-top: unset; transform: rotate(45deg); transition: transform 0.3s ease; } .mobile-nav .mega_list ul li { padding: 3px 0; } .mobile-nav .mega_list ul li.li-heading { padding: 0; } /* .mobile-nav .mega_menu .mega_list ul.mega1.mobile-nav .mega_menu .mega_list ul.mega2.mobile-nav .mega_menu .mega_list ul.mega3 { margin-top: 20px; }*/ hr.side-menu-only { display: none; } .mobile-nav hr.side-menu-only { display: block; border: none; height: 1px; background-color: #333; width: 100%; margin: 15px 0; } }

---