@media (min-width:992px) {
	.dc-main-menu {
		display: flex;
	}
	.dc-main-menu>li {
		display: inline-block;
		padding: 5px 10px;
	}
	.dc-main-menu a {
		display: inline-block;
		color: #ffffff;
	}
	.dc-main-menu a::before,
	.dc-main-menu a::after {
		content: "";
		height: 1px;
		background-color: var(--bg-color);
		position: absolute;
		bottom: 0;
		transition: 0.2s;
	}
	.dc-main-menu a::before {
		right: 0%;
		left: 100%;
		bottom: -1px;
	}
	.dc-main-menu a::after {
		left: 0%;
		right: 101%;
	}
	.dc-main-menu a:hover::before {
		left: 0;
	}
	.dc-main-menu a:hover::after {
		right: 0;
	}
	.dc-mobile {
		display: none;
	}
}

@media (max-width:991px) {
	.dc-header-fx .dc-w-s {
		width: 20px;
	}
	.dc-sections {
		margin-bottom: 15px;
	}
	.dc-desktop {
		display: none;
	}
	.dc-nav-content {
		left: 0;
		right: 100%;
		top: 0;
		bottom: 0;
		position: fixed;
		overflow: hidden;
		transition: 0.3s;
		z-index: 999;
	}
	html:lang(ar) .dc-nav-content {
		right: 0;
		left: 100%;
	}
	.dc-body-nav .dc-nav-content {
		right: 0;
	}
	html:lang(ar) .dc-body-nav .dc-nav-content {
		left: 0%;
	}
	.dc-nav-menu {
		background-color: rgba(0, 0, 0, 0.8);
		height: 100%;
	}
	.dc-main-menu {
		background-color: #ffffff;
		height: 100%;
		overflow: hidden;
		white-space: nowrap;
		max-width: 0;
		transition: 0.3s max-width 0.3s;
	}
	.dc-main-menu a {
		color: #0F1B0D;
		padding: 10px;
		display: block;
	}
	.dc-body-nav .dc-main-menu {
		max-width: 500px;
		overflow-y: auto;
	}
	.dc-logo-hdr svg {
		height: 50px;
	}
	.dc-body-nav {
		overflow: hidden;
	}
}