ar-design/dist/assets/css/components/layout/media-queries/medium.css

AR Design is a (react | nextjs) ui library.

/* Medium (Tablet Dikey & Büyük Telefonlar) */
@media (min-width: 576px) and (max-width: 767px) {
  .ar-layout > aside.ar-aside.left {
    min-width: 3.85rem;
    max-width: 3.85rem;
    padding: 0 1rem;
    overflow: hidden;
  }
  .ar-layout > aside.ar-aside.left:hover {
    min-width: 280px;
    max-width: 280px;
  }
  .ar-layout > aside.ar-aside.left > .logo {
    visibility: hidden;
    opacity: 0;
    height: 5rem;
    margin-bottom: 1rem;
  }

  .ar-layout > aside.ar-aside.right {
    width: 100%;
  }

  .ar-layout > main {
    width: 100%;
  }
  .ar-layout > main > header {
    height: 5rem;
    padding: 0 2.5rem;
  }

  .ar-layout > main > section:not(.full-width) {
    max-width: none;
    padding: 2.5rem;
  }
}