@media (max-width: 1079px) {
  /*--------------------------------------------------------------
  # BAR SETTINGS
  --------------------------------------------------------------*/
  :root {
    --bar-height: 0.2rem;
    --bar-width: 3rem;
    --bar-ratio: calc(4 / 3);

    --bar-bgcolor: var(--color-1);
    --bar-borderradius: 0;

    /* calculate margin from settings */
    --bar-margin: calc((var(--bar-width) / var(--bar-ratio) - var(--bar-height) * 3) / 2);
  }

  /*--------------------------------------------------------------
    # MOBILE NAV BURGER
    --------------------------------------------------------------*/
  .burger__input {
    display: none;
  }

  .burger__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
  }

  .burger__label::before,
  .burger__label::after,
  .burger__name {
    content: "";
    display: block;
    width: var(--bar-width);
    height: var(--bar-height);

    background-color: var(--bar-bgcolor);
    color: transparent;
    font-size: 0;

    border-radius: var(--bar-borderradius);
  }

  .burger__label::after,
  .burger__name {
    margin-top: var(--bar-margin);
  }

  /*--------------------------------------------------------------
    # MOBILE LABEL ANIMATION: CROSS
    --------------------------------------------------------------*/
  :root {
    /* CROSS ANIMATION */
    --bar-transition-time: 0.3s;
    --bar-transition: ease-in-out;
    --bar-arrow-angle-value: 45;
    --bar-arrow-angle: calc(var(--bar-arrow-angle-value) * 1deg);
    --bar-offset: calc(var(--bar-height) + var(--bar-margin));
    --bar-hover-scale: 1.25;
  }

  .burger__label::before,
  .burger__label::after,
  .burger__name {
    transform-origin: center;
    transition: all var(--bar-transition-time) var(--bar-transition);
  }

  /* middle */
  .burger__input:checked~.burger__content .burger__name {
    opacity: 0;
  }

  /* top line */
  .burger__input:checked~.burger__content .burger__label::before {
    transform: translateY(var(--bar-offset)) rotate(var(--bar-arrow-angle)) scale(var(--bar-hover-scale));
  }

  /* bottom line */
  .burger__input:checked~.burger__content .burger__label::after {
    transform: translateY(calc(var(--bar-offset) * -1)) rotate(calc(var(--bar-arrow-angle) * -1)) scale(var(--bar-hover-scale));
  }

  /*--------------------------------------------------------------
  # MOBILE NAV BURGER
  --------------------------------------------------------------*/
  .burger__label {
    position: relative;
    z-index: 9999;
  }

  .burger__content .nav--header {
    --opacity: 0;
    opacity: var(--opacity);
    transition: .3s ease-in-out;
    pointer-events: none;
  }

  .burger__input:checked~.burger__content .nav--header {
    --translate: 0%;
    --opacity: 1;
    pointer-events: initial;
  }

  .header__item--nav {
    position: relative;
  }
  .burger__input:checked~.burger__content   .header__item--nav {
  }

  /*--------------------------------------------------------------
  # Level 1
  --------------------------------------------------------------*/
  .nav--header {
    position: absolute;
    z-index: 8888;
    top: 150%;
    right: 0;
    background-color: rgba(0, 0, 0, .95);
    color: var(--color-white);

    box-shadow: var(--box-shadow);
  }

  .nav--header {
    margin-bottom: var(--gutter);
  }

  .nav--header .nav__link {
    display: block;
    padding-top: calc(var(--gutter) * 1);
    padding-bottom: calc(var(--gutter) * 1);
    padding-left: .75em;
    padding-right: .75em;
  }
  .nav--header .nav__link--active,
  .nav--header .current-menu-parent>.nav__link {
    color: var(--color-1);
  }


  /*--------------------------------------------------------------
  # Level 2
  --------------------------------------------------------------*/
  .nav--header .nav--sub .nav__link {
    padding-left: calc(var(--gutter) * 1.5);
  }

  /*--------------------------------------------------------------
  # Level 3
  --------------------------------------------------------------*/
  .nav--header .nav--sub .nav--sub .nav__link {
    padding-left: calc(var(--gutter) * 2);
  }

  /*--------------------------------------------------------------
  # HIDE ON MOBILE
  --------------------------------------------------------------*/
  .widgets--topbar .widget:first-child,
  .widgets--topbar .widget:last-child {
      display: none;
  } 
}