.hj-nav {
  background:
    linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.34) 100%) !important;
  -webkit-backdrop-filter: saturate(190%) blur(26px) !important;
  backdrop-filter: saturate(190%) blur(26px) !important;
  border-bottom: 1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 8px 28px rgba(30,24,60,.045) !important;
}

@media (max-width: 1023px) {
  .hj-nav {
    background:
      radial-gradient(ellipse at 50% -40%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.28) 52%, transparent 76%),
      linear-gradient(180deg, rgba(255,255,255,.48) 0%, rgba(255,255,255,.25) 100%) !important;
    -webkit-backdrop-filter: saturate(210%) blur(30px) !important;
    backdrop-filter: saturate(210%) blur(30px) !important;
    border-bottom: 1px solid rgba(255,255,255,.28) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      0 10px 30px rgba(35,28,70,.045) !important;
  }
}