#center {
  @media (max-width: $screen-sm-max) {
    padding: 30px 0;

    .region-center {
      display: flex;
      flex-direction: column;

      #main {
        order: 1;
      }

      #sidebar-first {
        order: 2;
      }

      #sidebar-second {
        order: 3;
      }
    }
  }

  @media (min-width: $screen-md-min) {
    overflow: hidden;
    padding: 100px 0;

    // Main
    &.sidebar-first {
      .region-center {
        display: grid;
        grid-template-columns: 220px 1fr;
        gap: 80px;
      }
    }

    &.sidebar-second {
      .region-center {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 80px;
      }
    }

    &.two-sidebars {
      .region-center {
        display: grid;
        grid-template-columns: 220px 1fr 220px;
        gap: 80px;
      }
    }

    &.no-sidebars #main {
      width: 840px;
      margin: 0 auto;
    }
  }
}
