.hy-main {
  display: flex;
  //margin: var(--gutter-mobile) auto;
  margin: 0 auto;
  max-width: $fullhd;
  padding: 0;
  width: 100%;

  .layout-content {
    padding: 0;
    width: 100%;
  }

  .layout-user-login-page {
    padding: 0 var(--gutter-medium);
    width: 100%;

    div[id^='block-breadcrumbs'] {
      display: none;
    }
  }

  &.with-sidebar {
    .layout-content {
      @include breakpoint($medium) {
        margin: 0 auto;
        width: 100%;
      }
      @include breakpoint($extrawide) {
        margin: 0;
        order: 2;
        width: 80%;
      }
      @include breakpoint($overwide) {
        padding: 0 2rem;
      }
    }

    .layout-sidebar-first {
      display: none;

      @include breakpoint($extrawide) {
        display: block;
        border-right: 2px dotted var(--grayscale-medium);
        max-width: 320px;
        order: 1;
        padding: var(--gutter-extrawide);
        width: 20%;
      }
    }
  }

  &.without-sidebar {
    .layout-content {
      width: 100%;

      padding: 0;
      @include breakpoint($overwide) {
        padding: 0 2rem;
      }
    }
  }
}