#outer-nav {
  background-color: #fff;
  color: #4a4a4a;
  font-size: 16px;
  letter-spacing: 2px;
  top: 0;
  position: fixed;
  width: 100vw;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
#outer-nav .navbar-collapse {
  justify-content: flex-end;
}
#outer-nav .navbar-collapse ul .nav-item a .mobile-item {
  display: none;
}
#outer-nav .navbar-collapse ul .nav-item a .arrow {
  display: none;
}
#outer-nav .navbar-collapse ul .nav-item a p {
  margin: 0;
}
#outer-nav img {
  padding: 0 15px 0 5px;
  margin: 0 0 0 1rem;
}
#outer-nav .pickone-slogan {
  font-size: 14px;
  letter-spacing: 1.75px;
  color: #979797;
  margin-bottom: 0;
}
#outer-nav ul {
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 1rem 0 0;
}
#outer-nav ul li a {
  color: #4a4a4a;
  margin: 0 15px;
}
#outer-nav ul li a:hover {
  color: #000000;
}
#outer-nav .hamburger {
  margin: 0 1rem 0 0;
}
#outer-nav #language-select {
  display: none;
}

@media (min-width: 992px) {
  #outer-nav {
    height: 70px;
  }
  #outer-nav .login-btn {
    line-height: 22px;
    padding: 8px 15px;
    height: 35px;
    border-radius: 20px;
    background-color: #4a4a4a;
    color: #fff;
  }
}
@media (max-width: 991px) {
  #outer-nav .pickone-slogan {
    display: none;
  }
  #outer-nav .hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #outer-nav .hamburger .hamburger-box .hamburger-inner {
    background-color: #4a4a4a;
  }
  #outer-nav .hamburger .hamburger-box .hamburger-inner::before, #outer-nav .hamburger .hamburger-box .hamburger-inner::after {
    background-color: #4a4a4a;
  }
  #outer-nav .hamburger:focus {
    outline: none;
  }
  #outer-nav .hamburger:hover {
    opacity: 1;
  }
  #outer-nav .navbar-collapse {
    background-color: #fff;
  }
  #outer-nav .navbar-collapse ul {
    width: 100vw;
  }
  #outer-nav .navbar-collapse ul li.nav-item {
    width: 100vw;
    padding: 15px 0;
    min-height: 58px;
  }
  #outer-nav .navbar-collapse ul li.nav-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4a4a4a;
  }
  #outer-nav .navbar-collapse ul li.nav-item a p {
    margin: 0 15px 0 10px;
  }
  #outer-nav .navbar-collapse ul li.nav-item a .mobile-item {
    display: block;
  }
  #outer-nav .navbar-collapse ul li.nav-item a .arrow {
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("../img/right-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #outer-nav .navbar-collapse ul li.nav-item a#masterDropdown {
    margin: 0 6px 0 24px;
  }
  #outer-nav .navbar-collapse ul li.nav-item .dropdown-menu {
    width: 100vw;
    background-color: #f6f6f6;
    box-shadow: none;
    transition: 0.4s;
  }
  #outer-nav .navbar-collapse ul li.nav-item .dropdown-menu .dropdown-item {
    padding: 15px;
  }
  #outer-nav .navbar-collapse ul li.nav-item .dropdown-menu .dropdown-item .count {
    margin: 0 0 0 5px;
  }
  #outer-nav .navbar-collapse ul li.nav-item .dropdown-menu .dropdown-divider {
    border: none;
  }
  #outer-nav .navbar-collapse ul li.nav-item.userInfo {
    height: auto;
  }
  #outer-nav .navbar-collapse ul li.nav-item.userInfo a .memberIcon {
    width: 18px;
    height: 18px;
  }
  #outer-nav .navbar-collapse ul li.nav-item.userInfo #userDropdown .dropdown-item {
    justify-content: center;
  }
  #outer-nav .navbar-collapse ul li.nav-item.show {
    background-color: #f6f6f6;
  }
  #outer-nav .navbar-collapse ul li.nav-item.show .nav-link {
    padding: 5px 0 15px 0;
  }
  #outer-nav .navbar-collapse ul li.nav-item.show .nav-link p {
    color: #000000;
  }
  #outer-nav .navbar-collapse ul li.nav-item.show .nav-link .arrow {
    background-image: url("../img/down-arrow.svg");
  }
  #outer-nav .navbar-collapse ul li.nav-item.show .nav-link#masterDropdown {
    margin: 0px 6px 15px 24px;
  }
  #outer-nav .navbar-toggler-icon {
    padding-top: 3px;
  }
}