@media (max-width: 991px) {
			#header .header-btn-collapse-nav {
				position: absolute !important;
				left: 50% !important;
				top: 1rem !important;
				transform: translateX(-50%) !important;
				background: #b08d64 !important;
				color: white !important;
				border-radius: 8px !important;
				padding: 0.5rem 0.7rem !important;
				z-index: 9999 !important;
			}

			.header-logo {
				display: none !important;
			}

			#header .header-nav-main {
				position: absolute !important;
				top: 100% !important;
				left: 50% !important;
				transform: translateX(-50%) !important;
				width: 90vw !important;
				background: #1c1f23 !important;
				border-radius: 12px !important;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
				z-index: 9990 !important;
			}

			#header .header-nav-main nav {
				padding: 1rem 1.5rem !important;
			}

			#header .header-nav-main nav > ul {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
				gap: 1rem !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			#header .header-nav-main nav > ul > li {
				width: 100% !important;
				text-align: center !important;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
			}

			#header .header-nav-main nav > ul > li > a {
				display: block !important;
				width: 100% !important;
				color: white !important;
				font-size: 18px !important;
				padding: 0.7rem 0 !important;
				font-weight: 600 !important;
				text-transform: uppercase !important;
				border-radius: 6px !important;
			}

			#header .header-nav-main nav > ul > li > a:hover {
				background-color: rgba(255, 255, 255, 0.05) !important;
			}
        }