@media screen and (max-width:1030px) {
  .main-wrapper { padding: 25px 0 0 0!important; }
  .navbar { width: 100% !important; bottom: auto !important; z-index: 99; }
  .collapse.navbar-collapse { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 50px !important; height: var(--header-height) !important; display: flex; flex-direction: row; box-shadow: 0 2px 5px 0 rgba(59, 65, 94, .1), 0 1px 1px 0 rgba(0, 0, 0, .07); box-shadow: var(--shadow--small); z-index: 98; }
  .nav.navbar-nav { position: absolute; left: 8px; top: 41px; background: #fff }
  .nav.navbar-nav { display: none; }
  .logo-BYI { border-bottom: unset !important; }
    .version-notes { position: fixed; display: none; width: auto; top: 20%; }
  .search-fields { width: auto; float: right; }
  .method { display: block; }
  .method-area { padding: 50px 10px 0px 10px; }
  .collapse.navbar-collapse { width: auto; }
  .navbar-inverse .navbar-collapse { border: none; }
  .logo-BYI {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50% ,-50%);   display: inline-block;}
  .logo-BYI img{width: 150px;max-width: 100%;}
  .navbar-inverse .navbar-collapse{display: block;}
  .MobileNav-label.MenuActive .SVG{    transform: rotate(180deg);transition: 0.2s ease all;}
}
@media screen and (max-width:520px){
    .logo-BYI img{width: 130px;}
    input#search-highlight{max-width: 30px;}
}
@media screen and (min-width:1031px) {
  .MobileNav-label { display: none; }
}

@media only screen and (min-width: 1031px){
    .navbar .navbar-collapse .navbar-nav{height: calc(100vh - 152px);overflow-y: auto;}
}

.kb_article_bytype li.articles.bgfix::before {
  left: 18px !important;

}