nav {
  width: 100%;
  padding: 13px 30px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
}

nav .nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 580px){
  nav .nav-bar .logo img {
    width: 76%;
  }
}

@media(max-width: 768px) and (max-height: 600px) {
  nav .nav-bar .logo img {
    width: 50%;
  }
}

nav .nav-bar .droupdown {
  padding-top: 12px;
  cursor: pointer;
}

nav .nav-bar .droupdown .menuImg.opict {
  display: none;
}

.help {
  margin-top: 8px;
  text-align: end;
  pointer-events: none;
}

.help>img {
  width: 45px;
  cursor: pointer;
  user-select: none;
  pointer-events: all;
}

@media (max-width: 580px) {
  nav .nav-bar .droupdown {
    padding-top: 6px;
  }
}

@media (max-width: 1024px) {
  nav {
    padding: 13px 30px 0 27px;
  }
}

@media (max-width: 580px) {
  nav {
    padding: 10px 10px 0px 10px;
  }
}

/*# sourceMappingURL=nav-new.css.map */