/* Grid START */

.container {
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}
.wrapper {
  flex: 0 0 75%;
  margin: 0 auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.nopadding {
  margin-right: -15px;
  margin-left: -15px;
}

.jc-center {
  justify-content: center;
}
.jc-right {
  justify-content: right;
}
.jc-space {
  justify-content: space-between;
}
.align-center {
  align-items: center;
}
.content-center {
  align-content: center;
}
.tl-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%,-50%);
}
.relative {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 526px) {
  .container {
    padding: 0 15px;
  }
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,
.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
  width: 100%;
  padding: 0 15px;
}
.col-1 {
  max-width: 8.333333%;
}
.col-2 {
  max-width: 16.666667%;
}
.col-3 {
  max-width: 25%;
}
.col-4 {
  max-width: 33.333333%;
}
.col-5 {
  max-width: 41.666667%;
}
.col-6 {
  max-width: 50%;
}
.col-7 {
  max-width: 58.333333%;
}
.col-8 {
  max-width: 66.666667%;
}
.col-9 {
  max-width: 75%;
}
.col-10 {
  max-width: 83.333333%;
}
.col-11 {
  max-width: 91.666667%;
}
.col-12 {
  max-width: 100%;
}

.column-2,
.column-3,
.column-4 {
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
}
.column-4 .itembox {
  max-width: 23%;
}
.column-3 .itembox {
  max-width: 31.6%;
}
.column-2 .itembox {
  max-width: 48.7%;
}
.itembox {
  width: 100%;
}

@media screen and (max-width: 1199px) {

.column-2 .itembox {
  max-width: 47.3%;
}
.column-3 .itembox {
  max-width: 31.2%;
}
.column-4 .itembox {
  max-width: 22.5%;
}


} /* End 1199 */

@media screen and (max-width: 992px) {

.column-4 .itembox {
  max-width: 30.5%;
}
.column-3 .itembox {
  max-width: 30.6%;
}

} /* End 992 */

@media screen and (max-width: 767px) {

.column-4 .itembox {
  max-width: 46.7%;
}
.column-2 .itembox {
  max-width: 46.7%;
}
.column-3 .itembox {
  max-width: 46.7%;
}

} /* End 767 */


@media screen and (max-width: 526px) {

.column-2 .itembox,
.column-3 .itembox,
.column-4 .itembox {
  max-width: 100%;
}

} /* End 526 */

/* Grid END */