body{
	margin: 0px;
	padding: 0px;
}
nav.sub-nav {
  text-align:center;
  width: 100%;
  background: #bebebe;
  padding: 0;
  margin: 0;
  height: 60px;
  position:relative;
}

nav.sub-nav ul {
  background: #a1cbc9;
   
  padding:0 10px;
  margin: 0;
  height: 60px;

}


nav.sub-nav ul li {
  display: inline-block;
}


nav.sub-nav ul li a {
  color:#333333;
  display:block;
  padding:0px 30px;
  float: left;
  height: 60px;
  line-height: 60px;
}

nav.sub-nav ul li:hover {
  background: #78a5a8;
}
nav.sub-nav ul li li:hover {
  background: #699b9c;
}

nav.sub-nav ul li:hover > a{
    color:#FFFFFF;
}

nav.sub-nav ul li:hover > ul {
  display:block;
}

nav.sub-nav ul ul {
  background: #78a5a8;
  padding:0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0px;
  z-index:2;
}

.selected-li {
	display:block !important;
}

.un-selected-li-bg {
	background: #a1cbc9;
}

.selected-li-bg {
	background: #699b9c;
}

@media (max-width: 870px){
	nav.sub-nav {
		display: none;
	}
	.sidenav-mobile-view-div {
		display: block !important;
	}
}