Columns with background

section#scroll-right {
    overflow: initial;
    margin-top: -140px;
    background: transparent;
    .sqs-row {
      .sqs-row {
        display: flex;
          .sqs-col-4 {
            background: #fff;
            width: calc(~"33.33333% - 20px");
            margin: 0 10px;
            padding: 20px 10px;
            box-sizing: border-box;
            .sqs-block-html {
              border: 1px solid #000;
              padding-top: 20px;
              min-height: 300px;
            }
            .sqs-block-button {
              padding-left: 0;
              padding-right: 0;
              a {
                  width: 100%;
                  box-sizing: border-box;
              }
            }
          }
        }
    }
}

@media only screen and (max-width: 767px) {
section#scroll-right {
    overflow: initial;
    margin-top: -140px;
    background: transparent;
    .sqs-row {
      .sqs-row {
        display: flex;
        flex-wrap:wrap;
          .sqs-col-4 {
            background: #fff;
            width: 100%;
            padding: 20px 10px;
            box-sizing: border-box;
            margin-bottom: 20px
          }
        }
    }
}
}