@media (max-width: 768px) {
  #header .current-datetime, #header #online-users {
    display: none;
  }

  #header .logo-ring {
    height: 24px;
  }

  #header .change-password, #header .logout {
    color: #0000;
    background: url("/dist/assets/icon-change-password.svg") center / contain no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    font-size: 0;
  }

  #header .logout {
    background-image: url("/dist/assets/icon-logout.svg");
  }

  #header .logo-cnc {
    width: 61px;
    height: 24px;
  }

  #top .button_div, #top .button_div_ok {
    width: 32px;
  }

  #top #gal-btn, #top #bin-btn, #top #find-art-btn, #top #new-art-btn {
    place-content: center;
    width: 32px;
    display: flex;
  }

  #top #gal-btn span, #top #bin-btn span, #top #find-art-btn span, #top #new-art-btn span {
    color: #0000;
    font-size: 0;
  }

  #top #gal-btn svg, #top #bin-btn svg, #top #find-art-btn svg, #top #new-art-btn svg {
    color: #ffb300;
    width: 24px;
  }
}

@media (min-width: 769px) {
  #gal-btn svg, #bin-btn svg, #find-art-btn svg, #new-art-btn svg, #show-left-menu-link {
    display: none;
  }
}

@media (max-width: 1024px) {
  #show-help-button {
    display: none;
  }
}

@media (max-width: 768px) {
  .content-wrapper:not(.active-mobile) #show-left-menu-link {
    left: -1px;
  }

  .content-wrapper:not(.active-mobile) #leftmenu.container {
    left: -168px;
  }

  .content-wrapper:not(.active-mobile) #databox #content > iframe {
    width: calc(100% + 168px);
    position: relative;
    left: -168px;
  }
}