/* ============ desktop view ============ */
@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;
  }
} 
/* ============ small devices .end// ============ */

#main{
  font-family: 'Roboto', sans-serif;
}

.dropdown-menu{
  border-radius: 0px;
}

.dropdown-menu{
  padding-top:0px;
  padding-bottom:0px;
}

@media (max-width:992px) {
    ul.dropdown-menu{
      margin-left: 6px !important;
      margin-right: 6px !important;
      margin-bottom: 4px !important;
    }
}

a.dropdown-item{
  background-color: #FFF;
  color:#00848c;
  border-bottom:1px solid #00848c;
}

a.dropdown-item:hover{
  color: #FFF;
  background-color:#00848c;
}