@media all and (max-width : 1120px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
}

.toggle,
[id^=drop] {
	display: none;
}

nav {
	margin: 0;
	padding: 0;
	background: var(--bg1-degisken);
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size: 20px;
	line-height: 60px;
}

nav:after {
	content: "";
	display: table;
	clear: both;
	z-index: 9999;
}

nav ul {
	float: center;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 9;
}

	nav ul li {
		margin: 0px;
		display: inline-block;
		float: left;
		background: var(--bg1-degisken);
		z-index: 9999;
	}

nav a {
	display: block;
	padding: 0 30px;
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	z-index: 9999;
	font-weight:400;
}

nav ul li a {
	line-height: 55px;
}

nav ul ul li a {
	line-height: 35px;
	font-size: 14px;
 font-weight:normal;
}




nav ul li ul li:hover {
	background: #000000;
}

nav a:hover {
	background-color: #000000;
}

nav ul ul {
	display: none;
	position: absolute;
	top: 45px;
}

nav ul li:hover > ul {
	display: inherit;
}

nav ul ul li {
	width: 240px;
	float: none;
	display: list-item;
	position: relative;
	border-bottom: 1px solid #6F6F6F;
}

nav ul ul ul li {
	position: relative;
	top: -35px;
	left: 240px;
}

nav ul li ul li {
	background: var(--bg1-degisken);
}


li > a:after {
	content: ' +';
}

li > a:only-child:after {
	content: '';
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {


	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
		padding: 0;
		background: var(--bg1-degisken);
		/*
		max-height: 300px;
		overflow-y:scroll;
		*/
	}



	.menu {
		max-height: 600px;
		overflow-y: scroll;
	}


	.toggle + a,
	.menu {
		display: none;
	}

	.toggle {
		display: block;
		background: var(--bg1-degisken);
		padding: 0 10px;
		color: #FFF;
		font-size: 14px;
		line-height: 43px;
		text-decoration: none;
		border: none;
		z-index: 9999;

	}

		.toggle:hover {
			background-color: #000000;
		}



	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		z-index: 9999;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		z-index: 9999;
	}

		nav ul li a {
			line-height: 35px;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
		line-height: 30px;
	}

	nav ul ul li a {
		line-height: 35px;
	}

	nav ul ul ul a {
		padding: 0 80px;
		line-height: 40px;
	}

	nav a:hover,
	nav ul ul ul a {
		background-color: #000000;
		z-index: 9999;
	}

		nav ul ul ul a:hover {
			background-color: #212121;
		}

	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a {
		padding: 0 35px;
		line-height: 35px;
		color: #FFF;
		font-size: 14px;
		z-index: 9999;
	}


	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121;
		z-index: 9999;
	}

		nav ul ul a:hover {
			background-color: #000000;
		}

	nav ul ul {
		float: none;
		position: static;
		color: #ffffff;
		line-height: 40px;
		z-index: 9999;
		/*
		max-height: 170px;
		overflow-y:scroll;
		scrollbar-color: rebeccapurple green;
		*/
	}

		nav ul ul li:hover > ul,
		nav ul li:hover > ul {
			display: none;
			z-index: 9999;
		}

		/* Fisrt Tier Dropdown */
		nav ul ul li {
			display: block;
			width: 100%;
			z-index: 9999;
		}

		nav ul ul ul li {
			position: static;
		}

	.nav-menu {
		float: right;
	}
}

@media all and (max-width : 600px) {

	.nav-menu {
		position: fixed !important;
		top: 0;
		z-index: 9999;
		right: 0px;
	}

	nav ul li {
		display: block;
		width: 100%;
		z-index: 9999;
	}

		nav ul li a {
			line-height: 35px;
			padding-left: 10px;
		}

	nav ul ul ul li {
		text-indent: 20px;
	}

	.sticky {
		z-index: 9999;
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		/*		top: 0px;*/
	}

	.toggleRenk {
		-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.20);
		-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.20);
		box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.20);
	}
}