@media (max-width: 991px) {
    #Side_slide {
        display: block;
        position: fixed;
        top: 0px;
        left: -250px;
        width: 250px;
        height: 100%;
        overflow: auto;
        border-bottom-width: 60px;
        border-bottom-style: solid;
        z-index: 999999;
    }

    /* border-bottom:60px - mobile fallback */
    #Side_slide.left {
        left: -250px;
        right: 0
    }

    .admin-bar #Side_slide {
        border-top-width: 32px;
        border-top-style: solid;
    }

    #Side_slide .close-wrapper {
        height: 60px
    }

    #Side_slide .close-wrapper a.close {
        height: 34px;
        width: 34px;
        display: block;
        float: right;
        margin: 13px 13px 0 0
    }

    #Side_slide .close-wrapper a.close i {
        font-size: 22px;
        line-height: 34px;
    }

    #Side_slide .extras {
        padding: 0 20px
    }

    #Side_slide .extras .action_button {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
        text-decoration: none
    }

    #Side_slide .extras .action_button .button_label {
        float: none
    }

    #Side_slide .extras .extras-wrapper {
        text-align: center;
    }

    #Side_slide .extras .extras-wrapper a {
        display: inline-block;
        text-decoration: none;
        vertical-align: middle;
        padding: 5px;
        margin-bottom: 20px;
        line-height: 22px
    }

    #Side_slide .extras .extras-wrapper .icon {
        font-size: 22px
    }

    #Side_slide .extras .extras-wrapper .cart {
        position: relative
    }

    #Side_slide .extras .extras-wrapper .cart span {
        position: absolute;
        top: 0;
        left: 31px;
        font-size: 11px;
        border-radius: 2px
    }

    #Side_slide .extras .extras-wrapper a.lang-active img {
        position: relative;
        top: 2px;
    }

    #Side_slide .extras .extras-wrapper a.lang-active i:before {
        width: auto;
        margin-left: 5px
    }

    #Side_slide #menu {
        display: block !important;
        margin-bottom: 20px;
        max-height: none !important
    }

    #Side_slide #menu ul {
        width: 100% !important;
        padding: 0px;
    }

    #Side_slide #menu ul li {
        width: 100%;
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide #menu > ul:last-child > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide #menu ul li a {
        display: block;
        padding: 11px 5px 10px 20px;
        margin-right: 50px;
        text-decoration: none;
        line-height: 19px;
        text-transform: uppercase;
        font-size: 14px;
    }

    #Side_slide #menu ul li a .menu-arrow {
        display: none
    }

    #Side_slide #menu ul li ul {
        display: none;
        background: rgba(255, 255, 255, .025)
    }

    #Side_slide #menu ul li ul li a {
        padding-left: 35px
    }

    #Side_slide #menu ul li ul li ul li a {
        padding-left: 50px
    }

    #Side_slide #menu ul li.submenu .menu-toggle {
        display: block;
        position: absolute;
        right: 5px;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        font-weight: 100;
        text-align: center;
        cursor: pointer;
        opacity: 0.5;
    }

    #Side_slide #menu ul li.submenu .menu-toggle:after {
        content: "+"
    }

    #Side_slide #menu ul li.hover > .menu-toggle {
        opacity: 1
    }

    #Side_slide #menu ul li.hover > .menu-toggle:after {
        content: "-"
    }

    #Side_slide #menu ul.mfn-megamenu-bg {
        background-image: none !important
    }

    #Side_slide #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul {
        display: block !important
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul:first-child {
        background-color: transparent
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child {
        border-top-width: 0
    }

    #Side_slide .lang-wrapper {
        margin-bottom: 20px;
        text-align: center;
        display: none;
    }

    #Side_slide .lang-wrapper ul li {
        border-top: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide .lang-wrapper ul li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide .lang-wrapper ul li a {
        display: block;
        padding: 11px 20px 10px 20px;
        text-decoration: none;
        line-height: 19px
    }

    #Side_slide .search-wrapper {
        margin-bottom: 20px;
        position: relative;
        display: none;
    }

    #Side_slide .search-wrapper input.field {
        width: 100%;
        background: none !important;
        border-width: 1px 0 1px 0;
        border-color: rgba(255, 255, 255, .05);
        line-height: 20px;
        padding: 10px 55px 10px 20px;
        box-sizing: border-box;
        box-shadow: 0 0 0 0 transparent;
    }

    #Side_slide .search-wrapper a.submit {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 20px;
        padding: 10px
    }

    #Side_slide .social {
        text-align: center;
        margin: 0 20px 0px;
        padding: 0;
    }

    #Side_slide .social li {
        display: inline-block
    }

    #Side_slide .social li a {
        display: block;
        padding: 3px 5px;
        text-decoration: none
    }

    /* Side Slide | Color */
    #Side_slide {
        background-color: #191919;
        border-color: #191919
    }

    /* border-bottom:60px - mobile fallback */
    #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
        color: #a6a6a6
    }

    #Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle {
        color: #fff;
    }

    #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a {
        color: #fff;
    }

    /* Side Slide | Light */
    #Side_slide.light #menu ul li {
        border-top-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light #menu > ul:last-child > li:last-child {
        border-bottom-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light #menu ul li ul {
        background: rgba(0, 0, 0, .02)
    }

    #Side_slide.light .lang-wrapper ul li {
        border-top-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light .lang-wrapper ul li:last-child {
        border-bottom-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light .search-wrapper input.field {
        border-color: rgba(0, 0, 0, .05)
    }

    .mobile-slide-menu {
        position: fixed;
        width: 100vw;
    }

    .menu-main-menu-chinh-container ul li.active > .fas.open:before {
        content: '\f068';
    }

    #body_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background: rgba(0, 0, 0, .6);
        z-index: 9002;
        display: none;
    }
    .menu-main-menu-chinh-container ul li .fas.open {
        position: absolute;
        right: 12px;
        top: 13px;
    }
}
@media only screen and (max-width: 769px) {


    #Side_slide {
        display: block;
        position: fixed;
        top: 0px;
        left: -250px;
        width: 250px;
        height: 100%;
        overflow: auto;
        border-bottom-width: 60px;
        border-bottom-style: solid;
        z-index: 9999999;
    }

    /* border-bottom:60px - mobile fallback */
    #Side_slide.left {
        left: -250px;
        right: 0
    }

    .admin-bar #Side_slide {
        border-top-width: 32px;
        border-top-style: solid;
    }

    #Side_slide .close-wrapper {
        height: 60px
    }

    #Side_slide .close-wrapper a.close {
        height: 34px;
        width: 34px;
        display: block;
        float: right;
        margin: 13px 13px 0 0
    }

    #Side_slide .close-wrapper a.close i {
        font-size: 22px;
        line-height: 34px;
    }

    #Side_slide .extras {
        padding: 0 20px
    }

    #Side_slide .extras .action_button {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
        text-decoration: none
    }

    #Side_slide .extras .action_button .button_label {
        float: none
    }

    #Side_slide .extras .extras-wrapper {
        text-align: center;
    }

    #Side_slide .extras .extras-wrapper a {
        display: inline-block;
        text-decoration: none;
        vertical-align: middle;
        padding: 5px;
        margin-bottom: 20px;
        line-height: 22px
    }

    #Side_slide .extras .extras-wrapper .icon {
        font-size: 22px
    }

    #Side_slide .extras .extras-wrapper .cart {
        position: relative
    }

    #Side_slide .extras .extras-wrapper .cart span {
        position: absolute;
        top: 0;
        left: 31px;
        font-size: 11px;
        border-radius: 2px
    }

    #Side_slide .extras .extras-wrapper a.lang-active img {
        position: relative;
        top: 2px;
    }

    #Side_slide .extras .extras-wrapper a.lang-active i:before {
        width: auto;
        margin-left: 5px
    }

    #Side_slide #menu {
        display: block !important;
        margin-bottom: 20px;
        max-height: none !important
    }

    #Side_slide #menu ul {
        width: 100% !important;
        padding: 0px;
    }

    #Side_slide #menu ul li {
        width: 100%;
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide #menu > ul:last-child > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide #menu ul li a {
        display: block;
        padding: 11px 5px 10px 20px;
        margin-right: 50px;
        text-decoration: none;
        line-height: 19px;
        text-transform: uppercase;
        font-size: 14px;
    }

    #Side_slide #menu ul li a .menu-arrow {
        display: none
    }

    #Side_slide #menu ul li ul {
        display: none;
        background: rgba(255, 255, 255, .025)
    }

    #Side_slide #menu ul li ul li a {
        padding-left: 35px
    }

    #Side_slide #menu ul li ul li ul li a {
        padding-left: 50px
    }

    #Side_slide #menu ul li.submenu .menu-toggle {
        display: block;
        position: absolute;
        right: 5px;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        font-weight: 100;
        text-align: center;
        cursor: pointer;
        opacity: 0.5;
    }

    #Side_slide #menu ul li.submenu .menu-toggle:after {
        content: "+"
    }

    #Side_slide #menu ul li.hover > .menu-toggle {
        opacity: 1
    }

    #Side_slide #menu ul li.hover > .menu-toggle:after {
        content: "-"
    }

    #Side_slide #menu ul.mfn-megamenu-bg {
        background-image: none !important
    }

    #Side_slide #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul {
        display: block !important
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul:first-child {
        background-color: transparent
    }

    #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child {
        border-top-width: 0
    }

    #Side_slide .lang-wrapper {
        margin-bottom: 20px;
        text-align: center;
        display: none;
    }

    #Side_slide .lang-wrapper ul li {
        border-top: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide .lang-wrapper ul li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .03)
    }

    #Side_slide .lang-wrapper ul li a {
        display: block;
        padding: 11px 20px 10px 20px;
        text-decoration: none;
        line-height: 19px
    }

    #Side_slide .search-wrapper {
        margin-bottom: 20px;
        position: relative;
        display: none;
    }

    #Side_slide .search-wrapper input.field {
        width: 100%;
        background: none !important;
        border-width: 1px 0 1px 0;
        border-color: rgba(255, 255, 255, .05);
        line-height: 20px;
        padding: 10px 55px 10px 20px;
        box-sizing: border-box;
        box-shadow: 0 0 0 0 transparent;
    }

    #Side_slide .search-wrapper a.submit {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 20px;
        padding: 10px
    }

    #Side_slide .social {
        text-align: center;
        margin: 0 20px 0px;
        padding: 0;
    }

    #Side_slide .social li {
        display: inline-block
    }

    #Side_slide .social li a {
        display: block;
        padding: 3px 5px;
        text-decoration: none
    }

    /* Side Slide | Color */
    #Side_slide {
        background-color: #191919;
        border-color: #191919
    }

    /* border-bottom:60px - mobile fallback */
    #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
        color: #a6a6a6
    }

    #Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle {
        color: #fff;
    }

    #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a {
        color: #fff;
    }

    /* Side Slide | Light */
    #Side_slide.light #menu ul li {
        border-top-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light #menu > ul:last-child > li:last-child {
        border-bottom-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light #menu ul li ul {
        background: rgba(0, 0, 0, .02)
    }

    #Side_slide.light .lang-wrapper ul li {
        border-top-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light .lang-wrapper ul li:last-child {
        border-bottom-color: rgba(0, 0, 0, .03)
    }

    #Side_slide.light .search-wrapper input.field {
        border-color: rgba(0, 0, 0, .05)
    }

    .mobile-slide-menu {
        position: fixed;
        width: 100vw;
    }

    .menu-main-menu-chinh-container ul li.active > .fas.open:before {
        content: '\f068';
    }

    #body_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background: rgba(0, 0, 0, .6);
        z-index: 9002;
        display: none;
    }
    .menu-main-menu-chinh-container ul li .fas.open {
        position: absolute;
        right: 12px;
        top: 13px;
    }
}