@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#accmenu,
#accmenu ul,
#accmenu ul li,
#accmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#accmenu {
  width: auto;

  color: #ffffff;
}
#accmenu ul ul {
  display: none;
}
#accmenu > ul > li.active > ul {
  display: block;
  background:#333;
}
.align-right {
  float: right;
}
#accmenu > ul > li > a {
  padding: 3%;
  cursor: pointer;
  z-index: 2;
  font-size: 1.3em;
  text-decoration: none;
  color: #ffffff;
  background: #2d2d2d;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom: 2px solid #222;
box-shadow: 0px 2px 0px #383838;
margin:0 0 2px 0;
}
#accmenu > ul > li > a:hover {
  color: #FFDE20;
}

#accmenu ul ul li a {
  padding:4%;
  cursor: pointer;
  z-index: 2;
  font-size: 1.2em;
  text-decoration: none;
  color: #dddddd;
  background: #444;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid #333;
}
#accmenu ul ul ul li a {
  padding-left: 32px;
}
#accmenu ul ul li a:hover {
  color: #ffffff;
}
#accmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#accmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

#accmenu ul ul ul li a
{
	background:#555;
	padding:5%;	
}

@media screen and (min-device-width:320px) and (max-device-width:640px) and (orientation: landscape) {
	#accmenu > ul > li > a, #accmenu ul ul ul li a, #accmenu ul ul li a{padding:2% 3%; font-size:1em;}	

}