@media (min-width: 768px) {
	#dsk-header ul {
		list-style: none;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#dsk-header .menu a {
		color: inherit;
		text-decoration: none;
		padding: 0 10px;
		display: block;
		font-size: 15px;
		font-weight: 900;
		letter-spacing: 1.2px;
	}
		#dsk-header .menu li ul.sub-menu li a {
			padding: 0 3px;
		}
	#dsk-header nav,
	#dsk-header ul.menu {
		display: flex;
	}
	#dsk-header ul.menu {
		margin: 0 auto;
		flex: 100%;
	}

	#dsk-header ul.menu > li {
		flex-grow: 1;
		margin: 0;
		display: flex;
		align-items: center;
		font-weight: 600;
		position: relative;
		border-right: 1px solid rgb(255 255 255 / 10%);
	}

	#dsk-header ul.menu li.current_page_item a {
		color: #fff;
	}

	#dsk-header ul.menu li a:hover:before {
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-o-transform: scaleX(1);
	}
	#dsk-header ul.menu > li > a {
		color: #fff;
		font-weight:  400;
		text-transform: none;
		font-size: 12px;
		min-width: 98px;
		text-align: left;

	}
	#dsk-header ul.menu  li ul.sub-menu li a {
		color: #fff;
	}

	#dsk-header ul.menu  li ul.sub-menu li a:hover {
		color: #f3ec19;
	}
	#dsk-header ul.menu:has(li.current-menu-item) {
		background: red;
	}
.	#dsk-header li.menu-item-has-children > a {
		/*padding-right: 10px;*/
	}

	#dsk-header ul.menu > li:last-child {
		margin-right: 0;
	}

	#dsk-header ul.sub-menu {
		position: absolute;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	#dsk-header ul.menu li:first-child  ul.sub-menu {
		right: -1px !important;
		left:  unset !important;
		

	}

	#dsk-header ul.menu li:first-child  ul.sub-menu a {
		/* text-align: right; */
	}
	#dsk-header ul.menu ul.sub-menu {
		visibility: hidden;
	
	}

	#dsk-header ul.menu li.menu-item-has-children:hover ul.sub-menu  {
		visibility: visible;
	}
	#dsk-header ul.sub-menu li {
		
		position: relative;
		color: #fff;
		padding:6px 3px;
		width: 100%;
	/*	min-height: 42px;*/
	    white-space: nowrap;
	}
	#dsk-header ul.sub-menu li a {
		color: #fff;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: 100;
	}

	li.menu-item-has-children > i {
		position: absolute;
		top: 50%;
		right: 20%;
		transform: translateY(-50%);
		display: table;

		line-height: 1;
		color: white;
		;
	}

	#dsk-header .bg-menu {
		position: absolute;
		content: "";
		width: 100%;
		height: 300px;
		/*background: rgba(13, 13, 13, 0.75);*/
		background: rgba(183, 196, 42, 0.9);
		top: 60px;
		left:  0;
		visibility: hidden;
		width: 100vw;
	}

	#dsk-header .bg-menu.is-show ,
	#dsk-header ul.menu ul.sub-menu.is-show{
		visibility: visible;
	}


	#dsk-header ul.menu > li > ul.sub-menu {
		top: 60px;
		left: 1px;
		min-width: 100%;
		z-index: 1;
		width: 100px;
		background: rgba(183, 196, 42, 0.9);
		display: flex;
		flex-direction: row;
	
	}
#dsk-header ul.menu > li > ul.sub-menu:before  {
	content: "";
	position: absolute;
	height: 300px;
	width: 1px;
	background:  rgb(255 255 255 / 10%);
	top: 0;
	right: 0;

}
	#dsk-header ul.sub-menu ul.sub-menu {
		top: -5px;
		left: 100%;
		padding-top: 0;
		z-index: 2;
		padding-top: 5px;
	}
}
@media (max-width: 1024px) {
	.mobile_menu {
		position: fixed;

		width: 100%;

		top: 0;

		background: #111111db;

		height: 100%;

		z-index: 66666;

		right: 0;

		-webkit-transform: translateX(100%);

		-ms-transform: translateX(100%);

		transform: translateX(100%);

		-webkit-transition: -webkit-transform 0.5s ease;

		transition: -webkit-transform 0.5s ease;

		-o-transition: transform 0.5s ease;

		transition: transform 0.5s ease;

		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	}

	.mobile_menu .menu-lines {
		color: #fff;

		position: absolute;

		top: 20px;

		right: 30px;

		display: block;

		z-index: 9999;

		height: 30px;

		width: 30px;

		opacity: 0;

		-webkit-transition: 0.6s 0.5s ease-in-out;

		-o-transition: 0.6s 0.5s ease-in-out;

		transition: 0.6s 0.5s ease-in-out;

		background: unset;

		border: none;
	}

	nav.mobile_menu.is-open .menu-lines {
		opacity: 1;
	}

	nav.menu-menu-chinh-container {
		padding: 0 20px 0 0;
	}

	nav.menu-menu-main-container {
		padding: 50px 0;

		color: #fff;
	}

	nav.menu-menu-chinh-container a {
		color: #000;
	}

	.mobile_menu .menu-lines .menu-txt {
		right: 40px;

		position: absolute;

		color: #1f1e1e;

		-webkit-transition: 0.3s ease-in-out;

		-o-transition: 0.3s ease-in-out;

		transition: 0.3s ease-in-out;

		top: 50%;

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

		transform: translateY(-50%);

		font-size: 14px;

		color: #fff;
	}

	.mobile_menu .menu-lines .line {
		position: absolute;

		left: 3px;

		height: 2px;

		background-color: currentColor;

		border-radius: 0;

		-webkit-transition: 0.6s 0.5s ease-in-out;

		-o-transition: 0.6s 0.5s ease-in-out;

		transition: 0.6s 0.5s ease-in-out;

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);
	}

	.mobile_menu .menu-lines .line-1 {
		width: 30px;
	}

	.mobile_menu .menu-lines .line-2 {
		width: 30px;
	}

	.is-open .menu-lines .line-1 {
		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		transform: rotate(135deg);
	}

	.is-open .menu-lines .line-2 {
		-webkit-transform: rotate(-135deg);

		-ms-transform: rotate(-135deg);

		transform: rotate(-135deg);
	}

	.social-menu {
		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		-ms-flex-wrap: nowrap;

		flex-wrap: nowrap;

		position: relative;

		z-index: 1;

		padding: 0 15px !important;
	}

	.conn-lnk {
		list-style: none;

		margin: 0;

		overflow: hidden;
	}

	.social-menu {
		padding-left: 1rem;

		padding-right: 1rem;
	}

	.social-menu > li {
		margin-right: 12px;
	}

	.social-menu > li > a {
		width: 44px;
		height: 44px;
		border: 1px solid #197c3b;
	}

	.social-menu > li > a svg {
		fill: #000;
		width: 20px;
		height: 20px;
	}

	.social-menu > li > a {
		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		border-radius: 100%;
	}

	.is-open .social-menu,
	.is-open .menu {
		-webkit-animation: itemsFade 0.8s ease forwards;

		animation: itemsFade 0.8s ease forwards;

		-webkit-animation-delay: 0.5s;

		animation-delay: 0.5s;
	}

	.is-open .social-menu {
		margin-top: 20px;
	}

	@-webkit-keyframes itemsFade {
		0% {
			opacity: 0;

			-webkit-transform: translateY(100px) scaleY(1.3);

			transform: translateY(100px) scaleY(1.3);
		}

		24% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes itemsFade {
		0% {
			opacity: 0;

			-webkit-transform: translateY(100px) scaleY(1.3);

			transform: translateY(100px) scaleY(1.3);
		}

		24% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	.bg-menu-mobile {
		position: absolute;
		width: 70%;
		height: 100%;
		background: #fff;
	}
	.bg-menu-mobile .searchform input {
		background-color: rgb(240, 240, 240);
		border-width: 1px;
		border-style: solid;
		border-color: rgb(229, 230, 236);
		border-image: initial;
		padding: 0.7rem 1rem;
		border-radius: 5px;
		width: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.bg-menu-mobile .searchform button {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		background: 0px 0px;
		border-width: initial;
		border-style: none;
		border-color: initial;
		border-image: initial;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.bg-menu-mobile .searchform {
		position: relative;
	}
	.search-mb {
		padding: 15px;
	}
	.logo-mb {
		padding: 15px;
	}
	div#open_menu i {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #197c3b;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		color: #197c3b;
	}
	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 34px;
		height: 3px;
		background-color: #b9bbc0;
		border-radius: 2px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.hamburger-box {
		width: 34px;
		height: 23px;
		display: inline-block;
		position: relative;
	}
	.hamburger-inner::after,
	.hamburger-inner::before {
		content: "";
		display: block;
	}
	.hamburger-inner::before {
		top: 10px;
		transition-property: transform, opacity;
		transition-timing-function: ease;
		transition-duration: 0.15s;
	}
	.hamburger-inner::after {
		top: 20px;
	}
	.col-menu {
		align-items: center;
	}
	i#mobileMagnifyingGlass {
		font-size: 22px;
		margin-right: 25px;
	}
}