.navbar2{
  position: fixed;
  width: 100%;
  top: 0;
  left :0;
  text-align: center;
  color: black;
  font-family: sans-serif;
  transition: 0.3s;
  padding:0;
  z-index:900;
}
.navbar2 li > a {
	color:#000!important ;

}
.navbar2 li > a:hover{
	color:#0099FF !important ;


}
.navbar2 .nav-dropdown > li > a {
	color:#fff !important;

}
.navbar2 .nav-dropdown > li > a:hover {
	background:#000033 !important;
	color:#fff !important;
}

.scrolled{
  background-color: #fff;
  transition: transform .5s;
      box-shadow: 0 1px 25px rgba(0,0,0, .1);

}
.scrolled a{
	color:#fff;

}

.scrolled li > a {
	color:#000033 !important;

}
.scrolled li > a:hover {
	color:#0099FF !important;

}
.scrolled .nav-dropdown > li > a {
	color:#fff !important;

}
.scrolled .nav-dropdown > li > a:hover {
	background:#000033 !important;
	color:#fff !important;

}
.navbar2 .nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff !important;
  border-radius: 0px;
  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff !important;
}
.scrolled .nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #000033 !important;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #000033, 0 1em 0 0 #000033 !important;
}
@media screen and (min-width : 120px)  and (max-width : 1279px){
.navbar2 li > a {
	color:#000 !important ;

}
.navbar2 .nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff !important;
  border-radius: 0px;
  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff !important;
}
.scrolled .nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #000033 !important;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #000033, 0 1em 0 0 #000033 !important;
}
.navigation-portrait .nav-logo > img {
  height: 60px !important;
  margin: 10px 0px 0px 0px;
  padding: 0;
}