@media screen and (max-width: 1180px) {
.lc-top-bar .lc-bases {
    margin: 0;
}
.lc-content > .lc-article-wrap article {
    width: 100%;
}
.lc-content > .lc-article-wrap {
    width: calc(100% - var(--side-bar-width));
}
}



@media screen and (max-width: 640px) {

.lc-bases-lis,
.lc-content > aside,
.code-group-tab:after,
.lc-top-bar {
    display: none;
}

.lc-search-result {
    left: 0;
}

.mobile-menu-open .lc-search-result {
    left: calc(100% - 60px);
    overflow: hidden;
    width: 100%;
}
.lc-search-result .lc-search-result-wrapper {
    padding-left:20px;
}

body {
    transition: .2s ease-in-out;
}
.lc-top-bar .lc-bases {
    height: calc(var(--top-bar-height) * 0.5);
}
.lc-bases-select {
    display: block;
    height: var(--top-bar-height);
    background-color: var(--bg-top-bar);
}

.lc-content > .lc-article-wrap {
	padding-left: 0;
	max-width:100%; 
    width: 100%;
}
.lc-content > .lc-article-wrap article {
	padding: 20px;
}
aside.method:before {
    padding: 8px 12px;
    font-size: 10px;
}
.code-group .highlight-wrapper,
.code-group pre,
.code-group-tab {
    overflow: auto;
}
.burger-menu {
    display: flex;
}
nav .logo {
    text-align: left;
    width: 100%;
}
body.mobile-menu-open {
    overflow: hidden;
}
.mobile-menu-container {
    width: calc(100% - 60px);
    position: fixed;
    top: 0;
    left: calc(-100% + 60px);
    background: var(--bg-side-bar);
    height: 100vh;
    overflow-y: auto;
}
body.mobile-menu-open .mobile-menu-container {
    left: 0;
}
.mobile-menu-open .burger-menu{
    margin-left: calc(100% - 60px);
}
body.mobile-menu-open .burger-menu:after {
    content: '';
    position: fixed;
    width: 60px;
    height: 100%;
    top: 0;
    left: calc(100% - 60px);
}
body.mobile-menu-open .lc-article-wrap {
    overflow: hidden;
}
body.mobile-menu-open article {
    transform: translateX(calc(100% - 60px));
}
.lc-sidebar {
    width: calc(100% - 60px);
    height: calc(100vh - var(--top-bar-height));
    overflow:auto;
}
.lc-sidebar > ul {
	margin:0;
}
nav {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
}