@media (max-width: 1050px) {
  #Side_slide {
    display: block !important;
    position: fixed;
    top: 0px;
    left: -270px;
    width: 270px;
    height: 100%;
    overflow: auto;
    z-index: 9003;
  }

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

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

  #Side_slide .close-wrapper a.close {
    position: absolute;
    right: 8px;
    top: 0;
    height: 34px;
    width: 25px;
    display: block;
    float: right;
    margin: 13px -7px 0 0;
  }

  #Side_slide .close-wrapper a.close i {
    font-size: 14px;
    line-height: 34px;
    color: var(--secondary_color);
  }

  #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, 0.03);
  }

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

  #Side_slide .menu-danh-muc-san-pham-container {
    background: none;
  }

  #Side_slide #menu ul li a {
    display: block;
    padding: 7px 10px;
    margin-right: 50px;
    text-decoration: none;
    line-height: 19px;
    /*text-transform: uppercase;*/
    font-size: 1.1rem;
    border-bottom: none;
    color: #000;
  }

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

  #Side_slide #menu ul li ul {
    display: none;
    background: rgba(255, 255, 255, 0.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, 0.03);
  }

  #Side_slide .lang-wrapper ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.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, 0.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: white;
    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: var(--primary_color)*/
  }

  /* #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: var(--primary_color);
  }

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

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

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

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

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

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

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

  .menu-menu-primary-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, 0.6);
    z-index: 9002;
    display: none;
  }
  .list-menu-product ul li .fas.open {
    position: absolute;
    right: 12px;
    top: 13px;
  }
  .list-menu-product i.open {
    display: block !important;
    position: absolute;
    right: 12px;
    top: 13px;
  }
  .list-menu-product .sub-menu {
    border: none;
  }
}

@media (max-width: 1199px) {
  #Side_slide .menu-danh-muc-san-pham-container {
    display: block;
  }
}