.navigation {font-size: .9em;}

@media (max-width: 767px){
     #menuicon::after{
              height: 8px !important;
     }
}

nav {
	margin: 0;
	padding: 0px 90px 0px 0px;
	background-color: #000;
	}
 
nav:after {
	content: "";
	display: table;
	clear: both;
}
 
nav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
 
nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #000;
	position: relative;
	z-index:100;
}
 
nav a {
	display: block;
	padding: 0 15px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
}
 
.menu_item {
	display: block;
	padding: 0 15px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
 
.menu_item:hover { background-color: #BFC5C9; color: #fff; text-decoration: none; }

nav ul li ul li:hover { background: #BFC5C9; color: #fff; text-decoration: none; }
 
nav a:hover { background-color: #BFC5C9; color: #fff; text-decoration: none; }

nav a:visited { color: #fff; text-decoration: none; }

nav a:active { color: #090; text-decoration: none; }

nav a:link { color: #fff; text-decoration: none; }
 
nav ul ul {
	display: none;
	position: absolute;
	top: 30px;
}
 
nav ul li:hover > ul { display: inherit; }
 
nav ul ul li {
	width: 200px;
	float: none;
	display: list-item;
	position: relative;
}
 
nav ul ul ul li {
	position: relative;
	top: -30px;
	left: 170px;
}
 
li > a:after { content: ' '; }
.toggle, [id^=drop] {
 display: none;
}
li > a:only-child:after { content: ''; }
#menuicon {
	  display: block;
	  padding: 0px;
	  color: #fff;
	  cursor: pointer;
	  font-size: 14px;
	  text-transform: uppercase;
	  font-weight: 700;
	font-family:arial, helvetica, sans-serif;
	}
#menuicon::before {
	  background: #fff none repeat scroll 0 0;
	  content: "";
	  display: block;
	  height: 2px;
	  position: absolute;
	  right: 17px;
	  top: 116px;
	  width: 20px;
}
#menuicon::after {
	  border-bottom: 2px solid #fff;
	  border-top: 2px solid #fff;
	  content: "";
	  display: block;
	  height: 4px;
	  position: absolute;
	  right: 17px;
	  top: 122px;
	  width: 20px;
}

#menuicon.menu-opened:after {
	  top: 123px;
	  border: 0;
	  height: 2px;
	  width: 15px;
	  background: #fff;
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
#menuicon.menu-opened:before {
	  top: 123px;
	  background: #000;
	  width: 15px;
	  background: #fff;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

@media all and (max-width : 799px) {
 
nav a {
	color: #fff;
	font-size: 20px;
}

 
nav { margin: 0; padding:0; }
 
.toggle + a,
 .menu { display: none; }
 
.toggle {
	display: block;
	background-color: #000;
	padding: 0 20px;
	color: #fff;
	font-size: 20px;
	line-height: 45px;
	text-decoration: none;
	border: none;
}

.toggle.kanak { background:#000; cursor:pointer;}
.toggle:hover.kanak { background:#000;}
img.menuicon{float:left;border:none;margin:2px;max-width:50px;height:auto;}

.toggle:hover { background-color: #BFC5C9; }
 
[id^=drop]:checked + ul { display: block; }
 
nav ul li {
	display: block;
	width: 100%;
}
 
nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }
 
nav ul ul ul a { padding: 0 80px; }
 
nav a:hover,
 nav ul ul ul a { background-color: #BFC5C9; }
 
nav ul li ul li .toggle,
 nav ul ul a { background-color: #000; }
 
nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}
 
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
 
.menu_item, .menu_item:hover { display: none; }
 
nav ul ul li {
	display: block;
	width: 100%;
}
 
nav ul ul ul li { position: static;
 
}

@media all and (max-width : 449px) {
 
nav ul li {
	display: block;
	width: 94%;
}
 
}