@media (max-width:1279px) {
   .mobile-overlay.active {
      display: block
   }

   .mobile-overlay {
      width: 100%;
      height: 100%;
      position: fixed;
      background: #000;
      opacity: .5;
      display: none;
      left: 0;
      top: 0;
      z-index: 2000
   }
}

@media (max-width:1400px) {
   .fragments-container.menu-open {
      width: 700px;
      margin-left: 75px !important
   }

   .container.editor-width-100-pc.menu-open,
   .container.head.menu-open {
      margin-left: 165px
   }
}

@media (min-width:1400px) and (max-width:1660px) {

   .container.desktop-bc-container.menu-open,
   .container.head.menu-open {
      margin-left: 280px
   }

   .container.editor-width-100-pc.menu-open {
      margin-left: 280px
   }
}