.column-group {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.column-group .group-holder>br, .column-group .columns+br{
	display: none;
}
.column-group *, .column-group *:before, .column-group *:after {
  box-sizing: inherit;
}
.column-group > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* columns indents compensation */
  margin: -10px;
}
.column-group > * > * {
  /* columns indents */
  padding: 10px;
}
.column-group.stretch-columns > * > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.column-group.stretch-columns > * > * > * {
  width: 100%;
}
.column-group.align-center > * {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.column-group.columns-2 > * {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column-group.columns-2 > * > * {
  width: 50%;
}
.column-group.columns-3 > * {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column-group.columns-3 > * > * {
  width: 33.3333%;
}
.column-group.columns-3.ratio-2-1 > * > *:first-child {
  width: 66.6667%;
}
.column-group.columns-3.ratio-1-2 > * > *:last-child {
  width: 66.6667%;
}
.column-group.columns-4 > * {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column-group.columns-4 > * > * {
  width: 25%;
}
.column-group.columns-4.ratio-2-1-1 > * > *:first-child {
  width: 50%;
}
.column-group.columns-4.ratio-1-2-1 > * > *:nth-child(2) {
  width: 50%;
}
.column-group.columns-4.ratio-1-1-2 > * > *:last-child {
  width: 50%;
}
.column-group.columns-4.ratio-3-1 > * > *:first-child {
  width: 75%;
}
.column-group.columns-4.ratio-1-3 > * > *:last-child {
  width: 75%;
}
.column-group.columns-5 > * {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column-group.columns-5 > * > * {
  width: 20%;
}
.column-group.columns-5.ratio-2-1-1-1 > * > *:first-child {
  width: 40%;
}
.column-group.columns-5.ratio-1-2-1-1 > * > *:nth-child(2) {
  width: 40%;
}
.column-group.columns-5.ratio-1-1-2-1 > * > *:nth-child(3) {
  width: 40%;
}
.column-group.columns-5.ratio-1-1-1-2 > * > *:last-child {
  width: 40%;
}
.column-group.columns-5.ratio-3-1-1 > * > *:first-child {
  width: 60%;
}
.column-group.columns-5.ratio-1-3-1 > * > *:nth-child(2) {
  width: 60%;
}
.column-group.columns-5.ratio-1-1-3 > * > *:last-child {
  width: 60%;
}
.column-group.columns-5.ratio-4-1 > * > *:first-child {
  width: 80%;
}
.column-group.columns-5.ratio-1-4 > * > *:last-child {
  width: 80%;
}
.column-group.columns-5.ratio-1-2-2 > * > * {
  width: 40%;
}
.column-group.columns-5.ratio-1-2-2 > * > *:first-child {
  width: 20%;
}
.column-group.columns-5.ratio-2-2-1 > * > * {
  width: 40%;
}
.column-group.columns-5.ratio-2-2-1 > * > *:last-child {
  width: 20%;
}

@media only screen and (max-width: 1023px) {
  .column-group.columns-5 > * > * {
    width: 33.3333% !important;
  }

  .column-group.columns-4 > * > * {
    width: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .column-group.columns-3 > * > *,
  .column-group.columns-5 > * > * {
    width: 50% !important;
  }
}
@media only screen and (max-width: 479px) {
  .column-group {
    display: block;
  }

  .column-group[class^="columns-"] > * > *,
  .column-group[class*=" columns-"] > * > * {
    width: 100% !important;
  }
}