.home-main-content.group-content
  z-index: 2
  .left
    width: column(7, 12)

    .kms-content
      max-width: column(4, 7)

      +respond-to-width(1450)
        max-width: column(5, 7)

    +respond-to-width(1250)
      padding-bottom: calc(100vw / 12 * 3)
      .kms-content
        max-width: none

  .right
    width: column(3, 12)

    .work-at
      margin-top: 30px
      max-width: 220px
      +flex(space-between, center)

      .counter
        +flex(center, center)
        width: 24px
        height: 24px
        text-align: center
        color: white
        font-size: 15px
        line-height: 1
        font-weight: bold()
        background-color: $red
        border-radius: 100%
        &:before
          position: relative
          top: -1px
          content: attr(data-counter)

  .background
    .fill-out
      width: column(4, 14)

      +respond-to-width-beyond(1680)
        width: calc( (1440px / 12 * 3) + ((100% - 1440px) / 2 ))


  +respond-to-width(1200)
    .left
      width: column(6, 12)

    .right
      width: column(4, 12)

    .background
      .fill-out
        width: column(5, 14)


  +respond-to-width(1000)
    .left, .right
      width: 100%
      padding-left: column(2, 14)
      padding-right: column(2, 14)

    .left
      padding-bottom: calc(100vw / 12)

  +respond-to-width(700)
    .left, .right
      padding-left: 20px
      padding-right: 20px