nav.navbar:hover{
    background-color: #fff;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}*/
.navbar-nav .dropdown-menu{
    position: absolute;
    left: 0;
  /*  height: 100vh;
    width: 400px;*/
    padding: 30px;
    padding-left: 50px;
    padding-top: 35px;
    border: none;
}
.navbar-nav .dropdown-menu a{
    padding: 0.75rem 0;
    font-size: calc(1.125rem + 8*(100vw - 68.75rem)/820);
}
/*.navbar-nav .dropdown-menu a .fa-angle-right{
float: right;
font-size: 32px;
margin-right: 10px;
}*/
./*navbar-nav .dropdown-menu a:hover{
    background-color: unset;
    color: #007c89;*/
}
.dropdown, .dropend, .dropstart, .dropup{
    position: unset;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #007c89;
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        position: relative;
        left: unset; 
        height: auto; 
        padding-top: unset; 
        border: unset;
    }
}
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative;  }
    .nav-item .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}   
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}