@media screen and (min-width: 901px) {/* Desktop menu */
	#burger, .mobilemenu {display:none;}
	ul.nav {list-style-type:none; list-style-position:outside; position:relative;}
	ul.nav > li {display:block; position:relative; margin:0 0 1em 0; padding:0px 0px 0px 20px;}
	ul.nav > li:before {content:url(images/bullet1.svg); position:absolute; left:0px; top:1px; width:14px; height:14px;}
	ul.nav > li > a {font-weight: 600; font-size:14px; letter-spacing:1.5px; color:#4F4F4F; text-decoration:none; line-height:110%; text-transform: uppercase;}
	ul.nav > li.aktif > a, ul.nav > li:hover > a {color:rgb(210,34,41);}
	ul.nav > li.aktif:before, ul.nav > li:hover:before {content:url(images/bullet2.svg);}

}

@media screen and (max-width: 900px) {/* Mobile menu */
	#burger {display:block;}
	#burger.open ~ .mobilemenu {display:block;}
	.mobilemenu {display:none; position:absolute; Xtop:120px; left:0px; width:100vw; min-height:100vh; z-index:5000; background:#000000d0; padding:15px 15px 90px 15px; background-blend-mode:multiply; backdrop-filter: blur(4px);}
	ul.nav2 {list-style-type:none; list-style-position:outside; position:relative;}
	ul.nav2 > li {display:block; position:relative; margin:0 0 1em 0; padding:0px 0px 0px 20px;}
	ul.nav2 > li:before {content:url(images/bullet1.svg); position:absolute; left:0px; top:1px; width:14px; height:14px;}
	ul.nav2 > li > a {font-weight: 600; font-size:14px; letter-spacing:1.5px; color:#fff; text-decoration:none; line-height:110%; text-transform: uppercase;}
	ul.nav2 > li.aktif > a, ul.nav2 > li:hover > a {color:rgb(210,34,41);}
	ul.nav2 > li.aktif:before, ul.nav2 > li:hover:before {content:url(images/bullet2.svg);}
}

#burger {
	width: 60px; height: 45px;
	position: absolute; left:1em; top:0.5em; z-index:500;
	cursor: pointer;
	transform: rotate(0deg) scale(0.5);
	transition: .5s ease-in-out;
	user-select: none;
}

#burger span {
  display: block; position: absolute;
  height: 9px; width: 100%;
  background: #000; border-radius: 9px;
  opacity: 1; left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#burger span:nth-child(1) {top: 0px;}
#burger span:nth-child(2),#burger span:nth-child(3) {top: 18px;}
#burger span:nth-child(4) {top: 36px;}
#burger.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
#burger.open span:nth-child(2) {transform: rotate(45deg);}
#burger.open span:nth-child(3) {transform: rotate(-45deg);}
#burger.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
