susy.scss

.l-topics {
  $total-columns: 12;
  $column-width: 54px;
  $gutter-width: 30px;
  $grid-padding: 10px;

  .page {
    @include container;
    aside {
      @include span-columns(3 omega, $total-columns);
    }
    .forum-block {
      @include span-columns(9 alpha, $total-columns);
      float: none;
    }

    // mobile
    @include at-breakpoint(0px 8 768px) {
      @include container(8);

      .comments, .height-shortener {
        margin-left: 25px!important;
      }
      blockquote {
        margin-left: 25px!important;
        overflow: hidden;
      }
      .topic-block {
        .image-name img {
          width: 32px!important;
          margin-bottom: 4px!important;
        }
        .title {
          margin-left: 0!important;
        }
      }
      aside {
        display: none;
      }
      .forum-block {
        @include span-columns(8);
      }
    }

    @include at-breakpoint(0px 510px) {
      .welcome-gallery, .welcome-gallery-loader {
        display: none;
      }
    }
    @include at-breakpoint(510px 665px) {
      .gallery-body {
        width: 478px;
      }
    }
    @include at-breakpoint(665px 840px) {
      .gallery-body {
        width: 640px;
      }
    }
    @include at-breakpoint(840px 996px) {
      .gallery-body {
        width: 800px;
      }
    }
  }
}