.page .content-bar .topbar-item.resp-only {
  display: none;
}

@media (min-width: 992px) {
  #start > .content-bar {
    display: none;
  }
}

/* ---------------------------- ANCHOR MAX WIDTH ---------------------------- */

/* prettier-ignore */
@media (max-width:1750px) {
    /* --------------------------- Right Content -------------------------- */
    .page .right-content {padding-right: 300px;}
    .no-toc .page .right-content {padding-right: 15px;}
    .page .right-content .content-pos #content-text-infobox {left: calc(100% - 300px);}
}

/* prettier-ignore */
@media (max-width:1300px) {

/* --------------------------------- Topbar --------------------------------- */
    .page .content-bar .topbar-outer {display: block;}
    .topbar-search {transition:.3s;position: absolute;width: calc(100% - 50px);height: 70px;left: 0;padding: 0 15px;transform: translateY(-70px);top: 0;display: flex;align-items: center;}
    .topbar-search.active {transform: translateY(0px);}
    .topbar-search #searchbar {width: 100% ;}
    
    
    .page .content-bar .topbar-item.resp-only {display: flex;}
    .topbar-breadcrumb, .page .content-bar .topbar-verison {display: inline-block;}
    .page .content-bar .breadcrumb, .page .content-bar .topbar-verison .bootstrap-select {margin: 0px;}
    .breadcrumb-item + .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before, .page .content-bar .topbar-verison .bootstrap-select .btn {font-size: .9em;}
    .page .content-bar .breadcrumb {margin-bottom: 5px;}

/* ---------------------------------- Menu ---------------------------------- */

    .page .left-sidebar {width: 300px;z-index: 5;transform: translateX(-300px);}
    .page .left-sidebar.resp-open {transform: translateX(0px);transition: .3s ease-in-out;}
    .page .left-sidebar .left-content #logo{height: auto;padding: 1rem 1.5rem;justify-content: flex-start;} 
    .page .left-sidebar .left-content #logo img {height: 30px;width: auto;} 
    .page .left-sidebar .switch-menu {opacity: 0 !important;}
    .page .left-sidebar.resp-open .respSidebar-bg {opacity: 1;pointer-events: auto;transition: .3s;}
    .page .left-sidebar .left-content nav#sidenav {height: calc(100% - 82px);}

   /*  .page .left-sidebar::before {pointer-events: none;content: "";position: fixed;top: 0;left: 0;width: 100vw;height: 100vh; background-color: rgba(0,0,0,0.5);opacity: 0;}
    .page .left-sidebar.resp-open::before{opacity: 1;pointer-events: auto;}  */
    /* .page .left-sidebar.resp-open + .content-bar {height: 100%;background-color: rgba(0,0,0,0.5)} */
    
/* ---------------------------------- page ---------------------------------- */

    .page h1 {margin-bottom: 0;padding-right: 0em;font-size: 50px;}
    .headline i {left: 0;opacity: 1;position: relative;width: auto;background-color: #fff;}
}

/* prettier-ignore */
@media (max-width:992px) {
    /* --------------------------- Right Content -------------------------- */
    .page .right-content {padding-right: 15px;}
    .page .right-content .content-pos {top: 0;position: relative;padding: 0;padding: 15px;background-color: #f5f7fa;border-radius: 7px;margin: 30px 0;}
    .page .right-content .content-pos #content-text-infobox {position: relative;width: 100%;padding-left: 0;left: 0;}
    .page .right-content .content-pos #content-text-infobox nav#contentsSpy > ul {height: auto;padding-bottom: 0 !important;}
    .page .right-content .content-pos #content-text-infobox nav#contentsSpy::after, .page .right-content .content-pos #content-text-infobox nav#contentsSpy::before {content: none;}

    /* ------------------------------ Start ------------------------------ */
    #start:after {position: fixed;top: 0;height: 90px;width: 100%;content: "";background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(0, 212, 255, 0) 100%);left: 0;}
    #start > .content-bar .topbar-item.topbar-search, #start > .content-bar .topbar-item.topbar-breadcrumb, #start > .content-bar .topbar-item.topbar-verison {display: none !important;}
    #start > .content-bar {z-index: 2;background: none;}
    #start > .content-bar:after {content: none}
    #start > .content-bar #logo, #start > .content-bar .search-icon {display: none;}
}

/* prettier-ignore */
@media (max-width:768px) {
    .svg-outer {display: none;}
}

/* prettier-ignore */
@media (max-width:540px) {
    #myCookie {display: block;width: auto;margin: 0;left: 15px;bottom: 15px;right: 15px;}
    #myCookie div.cookieinfo p {font-size: 14px;line-height: 1.4;}
    .cookie_section h3 {height: 47px;line-height: 1em;font-size: 21px;margin-bottom: 15px;width: 50%;display: flex;align-items: center;}
}