.demo{ background: #006796; }

nav.navbar.bootsnav{
    border: none;
    background: none;

}

nav.navbar.bootsnav ul.nav > li{ margin-right: 20px; }

nav.navbar.bootsnav ul.nav > li > a{
    padding: 10px 15px;
    margin: 0;
    color: #fff;
 
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

nav.navbar.bootsnav ul.nav > li.dropdown > a{ padding: 10px 22px 10px 15px; }

nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:hover,
nav.navbar.bootsnav ul.nav > li.on > a{ color: #fff; }

nav.navbar.bootsnav ul.nav > li > a > span:before,
nav.navbar.bootsnav ul.nav > li > a > span:after{
 
    width: 7px;
    height: 7px;
    border-radius: 5px;
 
    position: absolute;
    top: 17px;
    left: 0;
    z-index: -1;
    transition: height 0.3s ease,top 0.3s ease, width 0.3s ease 0.3s;
}

nav.navbar.bootsnav ul.nav > li > a > span:after{
    width: 0;
    height: 0;
    left: auto;
    right: 0;
}

nav.navbar.bootsnav ul.nav > li.active > a > span:before,
nav.navbar.bootsnav ul.nav > li:hover > a > span:before,
nav.navbar.bootsnav ul.nav > li.active > a > span:after,
nav.navbar.bootsnav ul.nav > li:hover > a > span:after{
    width: 55%;
    height: 100%;
    top: 0;
}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    position: absolute;
    top: 10px;
    right:7px;
    margin: 0 0 0 7px;
}

nav.navbar.bootsnav ul.nav > li.dropdown > ul{
    top: 120%;
    transition: all 0.8s ease 0s;
}

nav.navbar.bootsnav ul.nav>li.dropdown.on > ul{ top: 140%; }

.dropdown-menu.multi-dropdown{
    position: absolute;
    left: -100% !important;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 3px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li{
    font-size: 14px;
    color: #000;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
    font-size: 16px;
    font-weight: bold;
    color: #000;  border-bottom:1px dashed #000;
}

@media only screen and (max-width:990px){
    .dropdown-menu.multi-dropdown{ left: 0 !important; }
    nav.navbar.bootsnav .navbar-toggle{
        background: transparent !important;
        color: #fdfdfb;
    }
    nav.navbar.bootsnav ul.nav > li{ margin-right: 0; }
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px;
        text-align:left;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ background: #fdfdfb; }
    nav.navbar.bootsnav ul.nav > li > a,
    nav.navbar.bootsnav ul.nav > li > a:hover,
    nav.navbar.bootsnav ul.nav > li.on > a{
        color: #000;
        border: none;
    }
    nav.navbar.bootsnav ul.nav > li.active > a,
    nav.navbar.bootsnav ul.nav > li > a:hover,
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:hover,
    nav.navbar.bootsnav ul.nav > li.on > a{ color: #000; }
    nav.navbar.bootsnav ul.nav > li > a > span:before,
    nav.navbar.bootsnav ul.nav > li > a > span:after{ background: #006796; }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
        color: #006796;
        border-bottom-color: #006796;
    }
    nav.navbar.bootsnav ul.nav>li.dropdown > ul{ top: 100%; }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title,
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        font-size: 14px;
        font-weight: normal;
        color: #006796;
    }
}