@media (max-width: 950px){
   .open-toggle {
    display: block;
     top: 38px;
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 80%;
    max-width: 360px;
    transform: translateX(-100%);
    z-index: 999;
  }
 
    .sidebar.open  {
      transform: translateX(0);
      transition: transform 0.3s ease, box-shadow 0.3s;
    }

.main{
 padding: 24px 32px;
  margin-left: 0;
  overflow-y: auto;
}

  }