/*Strip the ul of padding and list styling*/
#responsive-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:8px;
	font-size:15px;

}
#navigation-area{
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:-10px;

}

#responsive-menu{
	margin-top: 15px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#mb-header-overlay #responsive-menu{
	margin-top: 0;
}

#responsive-menu ul li ul {
	position:absolute;
	z-index: 999;
	min-width:140px;
}


/*Create a horizontal list with spacing*/
#responsive-menu li {
	display:inline-block;
	float: left;
	margin-right: 0px;
}


/*Style for menu links*/
#responsive-menu li a {
	display:block;
	min-width: 90px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: rgb(28, 35, 82);
	font-weight:500;
	background: #fff;
	text-decoration: none;
}

#responsive-menu > ul.menu > li > a {
	background: none;
}

/*Hover state for top level links*/
#responsive-menu li:hover a {
	/*background: #2060cc;*/
	color:orange;
}

/*Style for dropdown links*/
#responsive-menu li:hover ul a {
	color: #000;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
#responsive-menu li:hover ul a:hover {
	background: #d9d9d9;
	color: #000;
}

/*Hide dropdown links until they are needed*/
#responsive-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
#responsive-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#responsive-menu li ul li a {
	width: auto;
	width: 100%;
	padding: 0 12px;
	border-bottom: 1px solid #f0f0f0;
}

@media (pointer: fine) {
	/*Display the dropdown on hover*/
	#responsive-menu li a:hover + .submenu, #responsive-menu .submenu:hover {
		display: block;
	}
}


/*Style 'show menu' label button and hide it by default*/
/* .show-menu {
	text-decoration: none;
	color: #fff;
	background: rgb(28, 35, 82);
	text-align: center;
	padding: 10px 0;
	display: none;
	font-weight:bold;
} */

/*Hide checkbox*/
/* #show-menu{
    display: none;
} */

/*Show menu when invisible checkbox is checked*/
/* #show-menu:checked ~ #responsive-menu{
    display: block;
} */


/* Mobile */
@media only screen and (max-device-width : 1023px) {
	/*Make dropdown links appear inline*/
	#responsive-menu {
		display: none;
		background: rgba(28, 35, 82, 0.9);
		min-height: calc(var(--vh, 1vh) * 100 - 48px);
		box-sizing: border-box;
	}

	#responsive-menu ul {
		position: absolute;
		margin:0;
		padding:0;
		width:100%;
		font-size:15px;
		z-index: 999;
		background: rgba(28, 35, 82, 0);
	}

	#responsive-menu ul li ul {
		position: static;

	}

	#responsive-menu ul li ul li a {
		background-color: #48576f;
		color: #fff !important;
		border-bottom: none;
	}

	/*Hover state for dropdown links*/
	#responsive-menu li:hover ul a:hover {
		background: #48576f;
		color: #000;
	}

	/*Create vertical spacing*/
	#responsive-menu li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	#responsive-menu ul li, #responsive-menu li a {
		width: 100%;
		color: #fff;
		background: rgba(28, 35, 82, 0);
		text-decoration: none;
		border-bottom: none;
	}
	/*Display 'show menu' link*/
	/* .show-menu {
		display:block;
	} */
	#nav-menu{
		width: 100%;
	}

	#mb-header-overlay{
		position: fixed;
		width: 100%;
		z-index: 900;
		background-color: rgba(255,255,255, 0.8);
	}

	#mb-header {
		position: relative;
		width: 100%;
		height: 48px;
	}

	#mb-goldjoy-logo {
		background: transparent url('/templates/gk_musictop/images/logo.png') no-repeat 0 0;
	}

	#mb-goldchoice-logo {
		background: transparent url('/images/goldchoicelogo.png') no-repeat 0 0;
	}

	.mb-header-logo {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 48px;
	}

	.header-icon {
		width: 24px;
		height: 24px;
	}

	#mb-header ul {
		position: absolute;
		right: 0px;
		padding: 0px;
		margin: 0px;
		/**width: 144px;**/
	}

	#mb-header ul li {
		float: left;
		list-style-type: none;
		padding: 12px 12px;
	}

	#search-bar{
		position: absolute;
		top: 48px;
		width: 100%;
		z-index: 901;
		background-color: rgba(255,255,255, 0.9);
	}

	#responsive-menu{
		position: absolute;
		top: 48px;
		width: 100%;
		z-index: 900;
	}

	#responsive-menu.menu-mobile.menu-v2 {
		display: flex;
		flex-direction: column;
		/* justify-content: space-between; */
		height: calc(var(--vh, 1vh) * 100 - 82px);
		padding: 0;
		margin: 0;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.menu {
		position: relative;
	}
	/* move lang menu to the bottom */
	/* #responsive-menu.menu-mobile.menu-v2 ul.menu:not(.lang-support-menu-mobile-v2) {
		flex-grow: 1;
		overflow: auto;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.lang-support-menu-mobile-v2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: end;
		padding: 0 16px;
		box-sizing: border-box;
		height: 40px;
		overflow: visible;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.lang-support-menu-mobile-v2 .lang-menu-mobile-v2-item.lang-menu-item {
		display: flex;
		flex-direction: column;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.lang-support-menu-mobile-v2 .lang-menu-mobile-v2-item.lang-menu-item .submenu {
		order: -1;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.lang-support-menu-mobile-v2 .lang-menu-mobile-v2-item.lang-menu-item a {
		text-align: left;
	}
	#responsive-menu.menu-mobile.menu-v2 ul.lang-support-menu-mobile-v2 .lang-menu-mobile-v2-item a {
		text-align: right;
		width: auto;
		display: block;
	} */
}