@media (max-width: 800px) {

  h1 {
    font-size: 1.5em;
  }

  h2 {
    font-size: 0.8em;
  }

  .menu-ui {
    z-index: 4000;
  }

  body.loaded #gui-menu {
    height: 40px;
  }

  #gui-menu .menu-header .logo {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    margin-right: 10px;
  }

  #gui-menu .vertical-line {
    left: 12px;
    height: calc(100% - 10px);
  }

  #gui-menu .main-level .bubble_container {
    width: 25px;
    height: 25px;
  }

  #gui-menu .main-level .bubble_container .bubble {
    width: 7px;
    height: 7px;
  }

  #gui-menu li.active > a > .bubble_container .bubble {
    width: 20px;
    height: 20px;
  }

  #gui-menu li.active > a > .bubble_container>.bubble>.bubble,
  #gui-menu .sub-level > li.active > a > .bubble_container .bubble {
    width: 17px;
    height: 17px;
  }

  #gui-menu li.active > a > .bubble_container>.bubble>.bubble>.bubble,
  #gui-menu .sub-level > li.active > a > .bubble_container>.bubble>.bubble,
  #gui-menu .sub-level > li > .sub-level > li.active > a > .bubble_container .bubble,
  #gui-menu li.active.last-active + li:not(.active) > a .bubble_container .bubble {
    width: 14px;
    height: 14px;
  }

  #gui-menu li.active.last-active + li:not(.active) + li:not(.active) > a .bubble_container .bubble {
    width: 10px;
    height: 10px;
  }

  /* Third level menu */
  #gui-menu .sub-level > li > .sub-level > li.active.last-active + li:not(.active) > a .bubble_container .bubble {
    width: 11px;
    height: 11px;
  }
  /* End third level menu */

  #gui-menu li a,
  #gui-menu li a:hover,
  #gui-menu li a:active,
  #gui-menu li a:focus {
    font-size: 0.8em;
  }

  #gui-menu .menu-header a.title,
  #gui-menu .menu-header a:hover.title,
  #gui-menu .menu-header a:active.title,
  #gui-menu .menu-header a:focus.title {
    font-size: 1em;
  }

  /* First level menu item */
  #gui-menu li.active > a .content {
    font-size: 1.1em;
  }

  /* Second level menu item */
  #gui-menu .sub-level > li.active > a .content {
    font-size: 0.8em;
  }

  /* Third level menu item */
  #gui-menu .sub-level > li > .sub-level > li.active > a .content {
    font-size: 0.7em;
  }

  #gui-menu ul.sub-level .content {
    font-size: 0.8em;
  }

  #gui-menu ul.sub-level > li > ul.sub-level .content {
    font-size: 0.7em;
  }

}