.banner {
  position: relative;
  margin-bottom: 40px;
  border: 1px solid $gray;

  &__description {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;

    @include media-breakpoint-up(md) {
      width: 270px;
    }

    @include media-breakpoint-down(sm) {
      position: static;
    }
  }

  img {
    @include media-breakpoint-up(md) {
      width: 100%;
    }

    @include media-breakpoint-down(sm) {
      display: none;
    }
  }

  @include media-breakpoint-down(sm) {
    border: 0;
  }

  @include media-breakpoint-down(xs) {
    margin-right: -15px;
    margin-left: -15px;
  }

  &.kb-brochure {
    margin-bottom: 25px;

    .banner__description {
      position: absolute;
      right: 10px;
      bottom: 10px;
      top: auto;
      left: auto;

      @include media-breakpoint-down(sm) {
        position: static;
      }

      .banner-info {
        height: auto;
      }

      .banner-info__description {
        display: block;
      }
    }

    img {

      @include media-breakpoint-down(sm) {
        width: 100%;
        display: block;
        max-width: 100%;
        height: auto;
      }
    }
  }

  &__largecat {
    .banner__description {
      position: relative;
      float: left;
      width: 35%;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;

      @include media-breakpoint-down(sm) {
        width: 100%;
        float: none;
      }
    }

    .banner-info__offer {
      @include media-breakpoint-between(md, lg) {
        font-size: 1.5rem;
        padding: 2px;
      }
    }

    .banner-info__range {
      @include media-breakpoint-between(md, lg) {
        margin-top: 8px;
        padding-bottom: 8px;
        font-size: 1.5rem;
      }
    }

    .banner-info_small {
      padding: 16px 15px;
      @include media-breakpoint-up(md) {
        height: 282px;
      }

      @include media-breakpoint-between(md, lg) {
        height: 235px;
      }
    }

    .banner-info__term {
      height: 18px;

      @include media-breakpoint-between(md, lg) {
        height: 12px;
        margin-top: 12px;
      }
    }

    .banner-info__action {
      margin-top: 17px;
    }

    img {
      width: 65%;
    }
  }

}
