@import url('https://fonts.googleapis.com/css?family=Roboto');

.navbar-default{ background-color:transparent; border:none;}
.navbar-brand{ padding:0px;}
.navbar-nav{ padding-top:30px;}
.navbar-nav > li > .dropdown-menu{ margin-top:22px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background-color:transparent;}
.navbar-default .navbar-nav > li> a{ font-size:15px !important; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
.navbar .yamm-content h5 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 10px;
  color:#fff;
  border-bottom: dotted 1px #289bd7;
  font-family: 'Roboto', sans-serif;
}

@media (max-width: 767px) {
  .navbar .yamm-content h5 {
    font-size: 14px;
  }
}
.navbar .yamm-content ul {
  margin: 0;
  padding: 0;
}
.navbar .yamm-content ul li {
  list-style-type: none;
  border-bottom: solid 1px #0c3969;
  text-transform: capitalize;
  padding: 4px 0;
}
.navbar .yamm-content ul li a {
  color: #fff;
  font-size: 14px;
  display: block;
  font-family: 'Roboto', sans-serif;

}
.navbar .yamm-content ul li a:hover {
  color: #289bd7;
  text-decoration: none;
}
.navbar .yamm-content .banner {
  margin-bottom: 10px;
}


@media (max-width: 768px) {
  .navbar #search .navbar-form {
    float: none;
    width: auto;
  }
}
.navbar #basket-overview {
  padding: 0;
}


.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}

.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .yamm .yamm-content {
    padding: 10px 20px;
  }
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  border-top:5px solid #289BD7;
  background-color:#002E5B;
}