.collapse {
background:none;
}
.open {
display:block!important;
}
.navbar .navbar-collapse {
max-height:none!important;
}
.mainnav {
}
.navbar  {
border:0px solid!important;
margin-bottom:0px;
}
.mainnav .collapse {
background:none;
}
.mainnav .navbar-toggle {
border:0px solid;
}
.mainnav .icon-bar {
background-color:#fff!important;
}
.mainnav .navbar-toggle:hover,.mainnav .navbar-toggle:focus {
  background-color: #a1bf3b!important;
}
.mainnav .navbar-toggle:hover > .icon-bar, .mainnav .navbar-toggle:focus > .icon-bar {
background-color:#fff!important;
}
*****************************************************************************************************************

.mainnav ul li:hover > a {
    background-color: #eb1f10;
    color: #FFF;
}

.mainnav ul li:hover > a {
    background-color: #7777bb;
    color: #fff;
}

.mainnav > li {
position:relative;
display:block;
width:auto;
list-style-type: none;
}
.msl_navbar li {
list-style-type: none;
}
/*Drop Down Arrow*/
.navbar-default .nav > li>a:after { 
font-family: FontAwesome;
content: "\f078";
position: absolute;
right: 2px;
top: 14px;
font-weight:bold;
font-size:10px;
} 
@media(max-width:991px) {
/* Dropdown Arrows Alignment*/
.navbar-default .nav > li>a:after {
right:25px;
}
}
.navigation  li > a:only-child:after {
content: ''; 
}   
.mainnav ul ul {
position: relative;
z-index: 700;
display: none;
width: inherit;
width: 97%;
margin-left:-2px;
margin-top:0px;
}
.mainnav ul li:hover  ul {
display:block
}
@media only screen and  (min-width: 991px)  {
.mainnav ul ul {
position: absolute;
width: 200px;
top:48px;
padding:2px;
}
.mainnav ul ul li {
float:left;
clear:both;
display:block;
width:100%;
text-align:left;
margin: 0;
padding: 0;
border-right:none;line-height: inherit;}
.mainnav ul ul li a {
line-height:1.3em;
background: #7777bb;
color: #fff;
padding: 6px;
display: block;
line-height: 1.3;
border-bottom: 1px solid #fff;
font-weight:normal;
padding: 10px;margin: 0px;
}
.mainnav ul ul li a:hover {
background:#ffd061;
}
}
@media only screen and  (min-width: 1200px)  {
.mainnav ul ul {
position: absolute;
width: 200px;
top:58px;
padding:2px;
}
}

@media only screen and  (max-width: 991px)  {
.mainnav ul ul {
width:100%;
margin-left:0px;
}
.mainnav ul ul li {
background:#7777bb!important;
color:#fff;
}
.mainnav ul ul li a {
background:#7777bb!important;
color:#fff!important;
}
.mainnav ul li:hover > a {
    background-color:ffd061;
    color: #fff;
}
.mainnav ul ul li a:hover {
background:#ffd061!important;
color:#fff!important;
}
.navbar-fixed-top .nav > li > a {
margin-top:0px;
font-size:16px;
}
}

@media(max-width:991px)  {

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse {
        overflow-x: visible !important;
    }

    .navbar-collapse.in {
      overflow-y: auto !important;
    }

    .collapse.in {
      display: block !important;
    }
 .navbar-toggle {
    display: block;
  }
}



@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.navbar-nav > li > .dropdown-menu {
position:relative;
}
#options {
width:100%;
background:#eee;
box-shadow:none;
border-radius:0px;
border:0px solid;
position: relative;
margin-bottom: 10px;
}
.mainnav ul.msl_navbar > li>.level_1 {
display:none;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 0px;
    position: relative !important;
}
.navbar-toggle {
top:20px;
border:0px solid;
}
.navbar .navbar-toggle .icon-bar {
background-color:#7777bb;
}
.navbar-toggle .icon-bar {
width:30px;
height:5px;
}
}