.dropdown-toggle.active-dropdown::after {
    transform: rotate(-90deg);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-hover-menu a ,  .navbar > li > a {
    padding: 10px 15px;
}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
    color: #000;
    background: transparent;
    outline: 0;
}



/*submenu style start from here*/


.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);  
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
/*first level*/
.btco-hover-menu .collapse ul > li:hover > a{background: #f5f5f5;}
.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{background: #fff;}
/*second level*/
.btco-hover-menu .collapse ul ul ul > li:hover > a{background: #fff;}

/*third level*/
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{background:#f5f5f5;}
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{background:#f5f5f5}
.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{background:#f5f5f5}

/*Drop-down menu work on hover*/
.btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px}



@media only screen and (min-width: 991px) {

    .btco-hover-menu .collapse ul li{position:relative;}
    .btco-hover-menu .collapse ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
    .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

    /****CUSTOM***/
    div.collapse.navbar-collapse#navbarNavDropdown{
        position: absolute;
        left: 300px;
        bottom: 0px;
    }
    .btco-hover-menu{
        height: 100px;
    }
    .btco-hover-menu .collapse ul > li > a{
        background: rgb(255, 255, 255, 0.8);
        /* font-size: 0.78rem; */
        font-size: 0.9rem;
        margin: 4px;
        border-radius: 5px;
        color: #006ca1;
        font-weight: 600;
        font-family: rbtbold;
    }
    .btco-hover-menu .collapse ul > li > ul.dropdown-menu > li > a{
        background: transparent;
        font-size: 0.78rem;
        color: #006ca1;
        font-weight: 400;
        font-family: rbtbold;
        margin: 0;
    }
    .btco-hover-menu .collapse ul > li > ul.dropdown-menu > li > a:hover{
        background: #fff;
        border-radius: 0px;
    }
    .btco-hover-menu .collapse ul.dropdown-menu, .btco-hover-menu .collapse ul > li > ul.dropdown-menu, .btco-hover-menu .collapse ul > li > ul > li > ul.dropdown-menu{
        background: rgb(255,255,255,0.8);
        min-width: 200px;
        width: auto;
        border-top: solid #006ca1 4px;
    }

    .btco-hover-menu .collapse ul li a.leaf{
        white-space: nowrap;
        display: flex;
    }
    
    nav.navbar a.navbar-brand{
        padding: 10px 0 0 0;
        margin: 0 0 0 15px;
        height: 100px;
    }

    a img.logo{
        height: 85px;
    }

}

/*  -x-x-x-x-x-x-x-x-x-x-x-x-x-x-x- RESPONSIVE -x-x-x-x-x-x-x-x-x-x-x-x-x-x-x- */
@media only screen and (max-width: 991px) {

    .btco-hover-menu .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }
    #navbarNavDropdown {
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 9999;
        width: 320px; /*example + never use min-width with this solution */
        height: 100%;
        background-color: rgba(224, 224, 224, 0.9);
        overflow: scroll;
    }
    a.navbar-brand{
        position: absolute;
        top: 50px;
    }

    a.navbar-brand img{
        max-height: 60px;
    }
    .navbar-toggler {
        border: 2px solid #006ca1;
        background-color: rgb(255, 255, 255, 0.8);
        color: #006ca1;
        border-radius: 3px;
        margin: 15px 0 0 15px;
        z-index: 99999;
        position: fixed;
    }
    ul.navbar-nav{
        padding-top: 50px;
        z-index: 2;
    }

    .btco-hover-menu .collapse ul > li > a{
        font-size: 0.9rem;
        color: #006ca1;
        font-weight: 600;
        font-family: rbtbold;
        padding-left: 10px;
    }

    .btco-hover-menu .collapse ul > li.show {
        background-color: rgba(230, 230, 230, 0.9);
    }

    .btco-hover-menu .collapse ul > li.nav-item{
        border-top: solid #006ca1 1px;
    }
    .btco-hover-menu .collapse ul > li > ul > li > a{
        font-size: 0.9rem;
        color: #006ca1;
        font-weight: 400;
        font-family: rbtlight;
        padding-left: 20px;
        display: inline-block;
    }
    .btco-hover-menu .collapse ul > li > ul > li.show {
        background-color: rgba(235, 235, 235, 0.9);
    }
    .btco-hover-menu .collapse ul > li > ul > li > ul > li > a.leaf{
        font-size: 0.9rem;
        color: #006ca1;
        font-weight: 400;
        font-family: rbtlight;
        padding-left: 30px;
        display: inline-block;
    }
    .btco-hover-menu .collapse ul > li > ul > li > ul > li{
        margin: 10px 0;

    }
}
/*  -x-x-x-x-x-x-x-x-x-x-x-x-x-x-x- END RESPONSIVE -x-x-x-x-x-x-x-x-x-x-x-x-x-x-x- */

@media (max-width: 680px){
    a.navbar-brand img{
        max-height: 45px;
    }
}