.layout--threecol {
  background-repeat: no-repeat !important;
}
.layout--threecol > div {
  display: flex;
  flex-wrap: wrap;
}

.layout--threecol > div .layout__region {
  flex: 0 1 100%;
}

.layout--threecol.full-column-height > div {
  height: 100%;
}

.layout--threecol.full-column-height > div > div {
  flex: 1;
}

.layout--threecol .wrap-reverse {
  flex-wrap: wrap-reverse;
}

.layout--threecol .flexbox-end {
  align-items: end;
}

.layout--threecol .flexbox-start {
  align-items: start;
}

.layout--threecol .flexbox-center {
  align-items: center;
}

@media screen and (max-width: 768px) {
  .layout--threecol > div.wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media screen and (min-width: 768px) {
  .layout--threecol > div .layout__region--first,
  .layout--threecol > div .layout__region--second,
  .layout--threecol > div .layout__region--third {
    flex: 0 1 32%;
  }
  .layout--threecol > div .layout__region--first,
  .layout--threecol > div .layout__region--second {
    margin-right: 1%
  }
}

@media screen and (max-width: 480px) {
  .frontend .layout-hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
  .frontend .layout-hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width:768px) {
  .frontend .hide-bg-image-mobile{
    background-image: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .frontend .layout-hide-desktop {
    display: none !important;
  }
}