/*
XET CSS v2.0.2 2024-02-20 for supported in all modern browsers
By xetemplate(https://xetemplate.com)
*/
/* responsive Container */
[class*=xet-container] {
  width: 100%;
}

.xet-container {
  max-width: 1380px;
}

[class*=xet-container],
.xet-row {
  *zoom: 1;
}

[class*=xet-container]:before,
[class*=xet-container]:after,
.xet-row:before,
.xet-row:after {
  display: table;
  content: "";
  line-height: 0;
}

[class*=xet-container]:after,
.xet-row:after {
  clear: both;
}

[class*=xet-container] {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.xet-row {
  margin-left: -10px;
  margin-right: -10px;
}

.col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xs-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.sm-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.md-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.lg-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xl-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-1 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-2 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-5 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-6 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-7 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-8 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-10 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-11 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.xxl-col-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-2h,
.xs-col-2h,
.sm-col-2h,
.md-col-2h,
.lg-col-2h,
.xl-col-2h,
.xxl-col-2h {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

/* XS */
@media (max-width: 575px) {
  [class*=xet-container] {
    padding-left: 16px;
    padding-right: 16px;
  }

  .xet-row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .col-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-2 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-3 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-4 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-5 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-6 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-7 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-8 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-9 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-10 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-11 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-12 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-2 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-3 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-4 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-5 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-6 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-7 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-8 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-9 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-10 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-11 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .xs-col-12 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .col-2h,
.xs-col-2h {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/* XL */
@media (min-width: 1200px) {
  [class*=xet-container] {
    padding-left: 24px;
    padding-right: 24px;
  }

  .xet-row {
    margin-left: -12px;
    margin-right: -12px;
  }

  .col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xs-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sm-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xl-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-7 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-9 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-10 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-11 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .xxl-col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-2h,
.xs-col-2h,
.sm-col-2h,
.md-col-2h,
.lg-col-2h,
.xl-col-2h,
.xxl-col-2h {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* XXL */
@media (min-width: 1440px) {
  [class*=xet-container] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .xet-row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxl-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-2h,
.xs-col-2h,
.sm-col-2h,
.md-col-2h,
.lg-col-2h,
.xl-col-2h,
.xxl-col-2h {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* clearfix */
.clearfix[class*=xxl-col-], .clearfix[class*=xl-col-], .clearfix[class*=lg-col-], .clearfix[class*=md-col-], .clearfix[class*=sm-col-], .clearfix[class*=xs-col-], .clearfix[class*=col-],
.xet-clearfix[class*=xxl-col-],
.xet-clearfix[class*=xl-col-],
.xet-clearfix[class*=lg-col-],
.xet-clearfix[class*=md-col-],
.xet-clearfix[class*=sm-col-],
.xet-clearfix[class*=xs-col-],
.xet-clearfix[class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Default Column Size */
/* size */
.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.col-2h {
  width: 20%;
}

/* pull */
.col-pull-1 {
  right: 8.3333333333%;
}

.col-pull-2 {
  right: 16.6666666667%;
}

.col-pull-3 {
  right: 25%;
}

.col-pull-4 {
  right: 33.3333333333%;
}

.col-pull-5 {
  right: 41.6666666667%;
}

.col-pull-6 {
  right: 50%;
}

.col-pull-7 {
  right: 58.3333333333%;
}

.col-pull-8 {
  right: 66.6666666667%;
}

.col-pull-9 {
  right: 75%;
}

.col-pull-10 {
  right: 83.3333333333%;
}

.col-pull-11 {
  right: 91.6666666667%;
}

.col-pull-12 {
  right: 100%;
}

.col-pull-2h {
  right: 20%;
}

.col-pull-0 {
  right: auto;
}

/* push */
.col-push-1 {
  left: 8.3333333333%;
}

.col-push-2 {
  left: 16.6666666667%;
}

.col-push-3 {
  left: 25%;
}

.col-push-4 {
  left: 33.3333333333%;
}

.col-push-5 {
  left: 41.6666666667%;
}

.col-push-6 {
  left: 50%;
}

.col-push-7 {
  left: 58.3333333333%;
}

.col-push-8 {
  left: 66.6666666667%;
}

.col-push-9 {
  left: 75%;
}

.col-push-10 {
  left: 83.3333333333%;
}

.col-push-11 {
  left: 91.6666666667%;
}

.col-push-12 {
  left: 100%;
}

.col-push-2h {
  left: 20%;
}

.col-push-0 {
  left: auto;
}

/* offset */
.col-offset-0 {
  margin-left: 0%;
}

.col-offset-1 {
  margin-left: 8.3333333333%;
}

.col-offset-2 {
  margin-left: 16.6666666667%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-4 {
  margin-left: 33.3333333333%;
}

.col-offset-5 {
  margin-left: 41.6666666667%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-7 {
  margin-left: 58.3333333333%;
}

.col-offset-8 {
  margin-left: 66.6666666667%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-10 {
  margin-left: 83.3333333333%;
}

.col-offset-11 {
  margin-left: 91.6666666667%;
}

.col-offset-12 {
  margin-left: 100%;
}

.col-offset-2h {
  margin-left: 20%;
}

/* XS Column Size */
@media (max-width: 575px) {
  /* size */
  .xs-col-1 {
    width: 8.3333333333%;
  }

  .xs-col-2 {
    width: 16.6666666667%;
  }

  .xs-col-3 {
    width: 25%;
  }

  .xs-col-4 {
    width: 33.3333333333%;
  }

  .xs-col-5 {
    width: 41.6666666667%;
  }

  .xs-col-6 {
    width: 50%;
  }

  .xs-col-7 {
    width: 58.3333333333%;
  }

  .xs-col-8 {
    width: 66.6666666667%;
  }

  .xs-col-9 {
    width: 75%;
  }

  .xs-col-10 {
    width: 83.3333333333%;
  }

  .xs-col-11 {
    width: 91.6666666667%;
  }

  .xs-col-12 {
    width: 100%;
  }

  .xs-col-2h {
    width: 20%;
  }

  /* pull */
  .xs-col-pull-1 {
    right: 8.3333333333%;
  }

  .xs-col-pull-2 {
    right: 16.6666666667%;
  }

  .xs-col-pull-3 {
    right: 25%;
  }

  .xs-col-pull-4 {
    right: 33.3333333333%;
  }

  .xs-col-pull-5 {
    right: 41.6666666667%;
  }

  .xs-col-pull-6 {
    right: 50%;
  }

  .xs-col-pull-7 {
    right: 58.3333333333%;
  }

  .xs-col-pull-8 {
    right: 66.6666666667%;
  }

  .xs-col-pull-9 {
    right: 75%;
  }

  .xs-col-pull-10 {
    right: 83.3333333333%;
  }

  .xs-col-pull-11 {
    right: 91.6666666667%;
  }

  .xs-col-pull-12 {
    right: 100%;
  }

  .xs-col-pull-2h {
    right: 20%;
  }

  .xs-col-pull-0 {
    right: auto;
  }

  /* push */
  .xs-col-push-1 {
    left: 8.3333333333%;
  }

  .xs-col-push-2 {
    left: 16.6666666667%;
  }

  .xs-col-push-3 {
    left: 25%;
  }

  .xs-col-push-4 {
    left: 33.3333333333%;
  }

  .xs-col-push-5 {
    left: 41.6666666667%;
  }

  .xs-col-push-6 {
    left: 50%;
  }

  .xs-col-push-7 {
    left: 58.3333333333%;
  }

  .xs-col-push-8 {
    left: 66.6666666667%;
  }

  .xs-col-push-9 {
    left: 75%;
  }

  .xs-col-push-10 {
    left: 83.3333333333%;
  }

  .xs-col-push-11 {
    left: 91.6666666667%;
  }

  .xs-col-push-12 {
    left: 100%;
  }

  .xs-col-push-2h {
    left: 20%;
  }

  .xs-col-push-0 {
    left: auto;
  }

  /* offset */
  .xs-col-offset-0 {
    margin-left: 0%;
  }

  .xs-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .xs-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .xs-col-offset-3 {
    margin-left: 25%;
  }

  .xs-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .xs-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .xs-col-offset-6 {
    margin-left: 50%;
  }

  .xs-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .xs-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .xs-col-offset-9 {
    margin-left: 75%;
  }

  .xs-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .xs-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .xs-col-offset-12 {
    margin-left: 100%;
  }

  .xs-col-offset-2h {
    margin-left: 20%;
  }
}
/* SM Column Size */
@media (min-width: 576px) {
  /* size */
  .sm-col-1 {
    width: 8.3333333333%;
  }

  .sm-col-2 {
    width: 16.6666666667%;
  }

  .sm-col-3 {
    width: 25%;
  }

  .sm-col-4 {
    width: 33.3333333333%;
  }

  .sm-col-5 {
    width: 41.6666666667%;
  }

  .sm-col-6 {
    width: 50%;
  }

  .sm-col-7 {
    width: 58.3333333333%;
  }

  .sm-col-8 {
    width: 66.6666666667%;
  }

  .sm-col-9 {
    width: 75%;
  }

  .sm-col-10 {
    width: 83.3333333333%;
  }

  .sm-col-11 {
    width: 91.6666666667%;
  }

  .sm-col-12 {
    width: 100%;
  }

  .sm-col-2h {
    width: 20%;
  }

  /* pull */
  .sm-col-pull-1 {
    right: 8.3333333333%;
  }

  .sm-col-pull-2 {
    right: 16.6666666667%;
  }

  .sm-col-pull-3 {
    right: 25%;
  }

  .sm-col-pull-4 {
    right: 33.3333333333%;
  }

  .sm-col-pull-5 {
    right: 41.6666666667%;
  }

  .sm-col-pull-6 {
    right: 50%;
  }

  .sm-col-pull-7 {
    right: 58.3333333333%;
  }

  .sm-col-pull-8 {
    right: 66.6666666667%;
  }

  .sm-col-pull-9 {
    right: 75%;
  }

  .sm-col-pull-10 {
    right: 83.3333333333%;
  }

  .sm-col-pull-11 {
    right: 91.6666666667%;
  }

  .sm-col-pull-12 {
    right: 100%;
  }

  .sm-col-pull-2h {
    right: 20%;
  }

  .sm-col-pull-0 {
    right: auto;
  }

  /* push */
  .sm-col-push-1 {
    left: 8.3333333333%;
  }

  .sm-col-push-2 {
    left: 16.6666666667%;
  }

  .sm-col-push-3 {
    left: 25%;
  }

  .sm-col-push-4 {
    left: 33.3333333333%;
  }

  .sm-col-push-5 {
    left: 41.6666666667%;
  }

  .sm-col-push-6 {
    left: 50%;
  }

  .sm-col-push-7 {
    left: 58.3333333333%;
  }

  .sm-col-push-8 {
    left: 66.6666666667%;
  }

  .sm-col-push-9 {
    left: 75%;
  }

  .sm-col-push-10 {
    left: 83.3333333333%;
  }

  .sm-col-push-11 {
    left: 91.6666666667%;
  }

  .sm-col-push-12 {
    left: 100%;
  }

  .sm-col-push-2h {
    left: 20%;
  }

  .sm-col-push-0 {
    left: auto;
  }

  /* offset */
  .sm-col-offset-0 {
    margin-left: 0%;
  }

  .sm-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .sm-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .sm-col-offset-3 {
    margin-left: 25%;
  }

  .sm-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .sm-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .sm-col-offset-6 {
    margin-left: 50%;
  }

  .sm-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .sm-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .sm-col-offset-9 {
    margin-left: 75%;
  }

  .sm-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .sm-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .sm-col-offset-12 {
    margin-left: 100%;
  }

  .sm-col-offset-2h {
    margin-left: 20%;
  }
}
/* MD Column Size */
@media (min-width: 768px) {
  /* size */
  .md-col-1 {
    width: 8.3333333333%;
  }

  .md-col-2 {
    width: 16.6666666667%;
  }

  .md-col-3 {
    width: 25%;
  }

  .md-col-4 {
    width: 33.3333333333%;
  }

  .md-col-5 {
    width: 41.6666666667%;
  }

  .md-col-6 {
    width: 50%;
  }

  .md-col-7 {
    width: 58.3333333333%;
  }

  .md-col-8 {
    width: 66.6666666667%;
  }

  .md-col-9 {
    width: 75%;
  }

  .md-col-10 {
    width: 83.3333333333%;
  }

  .md-col-11 {
    width: 91.6666666667%;
  }

  .md-col-12 {
    width: 100%;
  }

  .md-col-2h {
    width: 20%;
  }

  /* pull */
  .md-col-pull-1 {
    right: 8.3333333333%;
  }

  .md-col-pull-2 {
    right: 16.6666666667%;
  }

  .md-col-pull-3 {
    right: 25%;
  }

  .md-col-pull-4 {
    right: 33.3333333333%;
  }

  .md-col-pull-5 {
    right: 41.6666666667%;
  }

  .md-col-pull-6 {
    right: 50%;
  }

  .md-col-pull-7 {
    right: 58.3333333333%;
  }

  .md-col-pull-8 {
    right: 66.6666666667%;
  }

  .md-col-pull-9 {
    right: 75%;
  }

  .md-col-pull-10 {
    right: 83.3333333333%;
  }

  .md-col-pull-11 {
    right: 91.6666666667%;
  }

  .md-col-pull-12 {
    right: 100%;
  }

  .md-col-pull-2h {
    right: 20%;
  }

  .md-col-pull-0 {
    right: auto;
  }

  /* push */
  .md-col-push-1 {
    left: 8.3333333333%;
  }

  .md-col-push-2 {
    left: 16.6666666667%;
  }

  .md-col-push-3 {
    left: 25%;
  }

  .md-col-push-4 {
    left: 33.3333333333%;
  }

  .md-col-push-5 {
    left: 41.6666666667%;
  }

  .md-col-push-6 {
    left: 50%;
  }

  .md-col-push-7 {
    left: 58.3333333333%;
  }

  .md-col-push-8 {
    left: 66.6666666667%;
  }

  .md-col-push-9 {
    left: 75%;
  }

  .md-col-push-10 {
    left: 83.3333333333%;
  }

  .md-col-push-11 {
    left: 91.6666666667%;
  }

  .md-col-push-12 {
    left: 100%;
  }

  .md-col-push-2h {
    left: 20%;
  }

  .md-col-push-0 {
    left: auto;
  }

  /* offset */
  .md-col-offset-0 {
    margin-left: 0%;
  }

  .md-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .md-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .md-col-offset-3 {
    margin-left: 25%;
  }

  .md-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .md-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .md-col-offset-6 {
    margin-left: 50%;
  }

  .md-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .md-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .md-col-offset-9 {
    margin-left: 75%;
  }

  .md-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .md-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .md-col-offset-12 {
    margin-left: 100%;
  }

  .md-col-offset-2h {
    margin-left: 20%;
  }
}
/* LG Column Size */
@media (min-width: 1024px) {
  /* size */
  .lg-col-1 {
    width: 8.3333333333%;
  }

  .lg-col-2 {
    width: 16.6666666667%;
  }

  .lg-col-3 {
    width: 25%;
  }

  .lg-col-4 {
    width: 33.3333333333%;
  }

  .lg-col-5 {
    width: 41.6666666667%;
  }

  .lg-col-6 {
    width: 50%;
  }

  .lg-col-7 {
    width: 58.3333333333%;
  }

  .lg-col-8 {
    width: 66.6666666667%;
  }

  .lg-col-9 {
    width: 75%;
  }

  .lg-col-10 {
    width: 83.3333333333%;
  }

  .lg-col-11 {
    width: 91.6666666667%;
  }

  .lg-col-12 {
    width: 100%;
  }

  .lg-col-2h {
    width: 20%;
  }

  /* pull */
  .lg-col-pull-1 {
    right: 8.3333333333%;
  }

  .lg-col-pull-2 {
    right: 16.6666666667%;
  }

  .lg-col-pull-3 {
    right: 25%;
  }

  .lg-col-pull-4 {
    right: 33.3333333333%;
  }

  .lg-col-pull-5 {
    right: 41.6666666667%;
  }

  .lg-col-pull-6 {
    right: 50%;
  }

  .lg-col-pull-7 {
    right: 58.3333333333%;
  }

  .lg-col-pull-8 {
    right: 66.6666666667%;
  }

  .lg-col-pull-9 {
    right: 75%;
  }

  .lg-col-pull-10 {
    right: 83.3333333333%;
  }

  .lg-col-pull-11 {
    right: 91.6666666667%;
  }

  .lg-col-pull-12 {
    right: 100%;
  }

  .lg-col-pull-2h {
    right: 20%;
  }

  .lg-col-pull-0 {
    right: auto;
  }

  /* push */
  .lg-col-push-1 {
    left: 8.3333333333%;
  }

  .lg-col-push-2 {
    left: 16.6666666667%;
  }

  .lg-col-push-3 {
    left: 25%;
  }

  .lg-col-push-4 {
    left: 33.3333333333%;
  }

  .lg-col-push-5 {
    left: 41.6666666667%;
  }

  .lg-col-push-6 {
    left: 50%;
  }

  .lg-col-push-7 {
    left: 58.3333333333%;
  }

  .lg-col-push-8 {
    left: 66.6666666667%;
  }

  .lg-col-push-9 {
    left: 75%;
  }

  .lg-col-push-10 {
    left: 83.3333333333%;
  }

  .lg-col-push-11 {
    left: 91.6666666667%;
  }

  .lg-col-push-12 {
    left: 100%;
  }

  .lg-col-push-2h {
    left: 20%;
  }

  .lg-col-push-0 {
    left: auto;
  }

  /* offset */
  .lg-col-offset-0 {
    margin-left: 0%;
  }

  .lg-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .lg-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .lg-col-offset-3 {
    margin-left: 25%;
  }

  .lg-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .lg-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .lg-col-offset-6 {
    margin-left: 50%;
  }

  .lg-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .lg-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .lg-col-offset-9 {
    margin-left: 75%;
  }

  .lg-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .lg-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .lg-col-offset-12 {
    margin-left: 100%;
  }

  .lg-col-offset-2h {
    margin-left: 20%;
  }
}
/* XL Column Size */
@media (min-width: 1200px) {
  /* size */
  .xl-col-1 {
    width: 8.3333333333%;
  }

  .xl-col-2 {
    width: 16.6666666667%;
  }

  .xl-col-3 {
    width: 25%;
  }

  .xl-col-4 {
    width: 33.3333333333%;
  }

  .xl-col-5 {
    width: 41.6666666667%;
  }

  .xl-col-6 {
    width: 50%;
  }

  .xl-col-7 {
    width: 58.3333333333%;
  }

  .xl-col-8 {
    width: 66.6666666667%;
  }

  .xl-col-9 {
    width: 75%;
  }

  .xl-col-10 {
    width: 83.3333333333%;
  }

  .xl-col-11 {
    width: 91.6666666667%;
  }

  .xl-col-12 {
    width: 100%;
  }

  .xl-col-2h {
    width: 20%;
  }

  /* pull */
  .xl-col-pull-1 {
    right: 8.3333333333%;
  }

  .xl-col-pull-2 {
    right: 16.6666666667%;
  }

  .xl-col-pull-3 {
    right: 25%;
  }

  .xl-col-pull-4 {
    right: 33.3333333333%;
  }

  .xl-col-pull-5 {
    right: 41.6666666667%;
  }

  .xl-col-pull-6 {
    right: 50%;
  }

  .xl-col-pull-7 {
    right: 58.3333333333%;
  }

  .xl-col-pull-8 {
    right: 66.6666666667%;
  }

  .xl-col-pull-9 {
    right: 75%;
  }

  .xl-col-pull-10 {
    right: 83.3333333333%;
  }

  .xl-col-pull-11 {
    right: 91.6666666667%;
  }

  .xl-col-pull-12 {
    right: 100%;
  }

  .xl-col-pull-2h {
    right: 20%;
  }

  .xl-col-pull-0 {
    right: auto;
  }

  /* push */
  .xl-col-push-1 {
    left: 8.3333333333%;
  }

  .xl-col-push-2 {
    left: 16.6666666667%;
  }

  .xl-col-push-3 {
    left: 25%;
  }

  .xl-col-push-4 {
    left: 33.3333333333%;
  }

  .xl-col-push-5 {
    left: 41.6666666667%;
  }

  .xl-col-push-6 {
    left: 50%;
  }

  .xl-col-push-7 {
    left: 58.3333333333%;
  }

  .xl-col-push-8 {
    left: 66.6666666667%;
  }

  .xl-col-push-9 {
    left: 75%;
  }

  .xl-col-push-10 {
    left: 83.3333333333%;
  }

  .xl-col-push-11 {
    left: 91.6666666667%;
  }

  .xl-col-push-12 {
    left: 100%;
  }

  .xl-col-push-2h {
    left: 20%;
  }

  .xl-col-push-0 {
    left: auto;
  }

  /* offset */
  .xl-col-offset-0 {
    margin-left: 0%;
  }

  .xl-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .xl-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .xl-col-offset-3 {
    margin-left: 25%;
  }

  .xl-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .xl-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .xl-col-offset-6 {
    margin-left: 50%;
  }

  .xl-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .xl-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .xl-col-offset-9 {
    margin-left: 75%;
  }

  .xl-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .xl-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .xl-col-offset-12 {
    margin-left: 100%;
  }

  .xl-col-offset-2h {
    margin-left: 20%;
  }
}
/* XXL Column Size */
@media (min-width: 1440px) {
  /* size */
  .xxl-col-1 {
    width: 8.3333333333%;
  }

  .xxl-col-2 {
    width: 16.6666666667%;
  }

  .xxl-col-3 {
    width: 25%;
  }

  .xxl-col-4 {
    width: 33.3333333333%;
  }

  .xxl-col-5 {
    width: 41.6666666667%;
  }

  .xxl-col-6 {
    width: 50%;
  }

  .xxl-col-7 {
    width: 58.3333333333%;
  }

  .xxl-col-8 {
    width: 66.6666666667%;
  }

  .xxl-col-9 {
    width: 75%;
  }

  .xxl-col-10 {
    width: 83.3333333333%;
  }

  .xxl-col-11 {
    width: 91.6666666667%;
  }

  .xxl-col-12 {
    width: 100%;
  }

  .xxl-col-2h {
    width: 20%;
  }

  /* pull */
  .xxl-col-pull-1 {
    right: 8.3333333333%;
  }

  .xxl-col-pull-2 {
    right: 16.6666666667%;
  }

  .xxl-col-pull-3 {
    right: 25%;
  }

  .xxl-col-pull-4 {
    right: 33.3333333333%;
  }

  .xxl-col-pull-5 {
    right: 41.6666666667%;
  }

  .xxl-col-pull-6 {
    right: 50%;
  }

  .xxl-col-pull-7 {
    right: 58.3333333333%;
  }

  .xxl-col-pull-8 {
    right: 66.6666666667%;
  }

  .xxl-col-pull-9 {
    right: 75%;
  }

  .xxl-col-pull-10 {
    right: 83.3333333333%;
  }

  .xxl-col-pull-11 {
    right: 91.6666666667%;
  }

  .xxl-col-pull-12 {
    right: 100%;
  }

  .xxl-col-pull-2h {
    right: 20%;
  }

  .xxl-col-pull-0 {
    right: auto;
  }

  /* push */
  .xxl-col-push-1 {
    left: 8.3333333333%;
  }

  .xxl-col-push-2 {
    left: 16.6666666667%;
  }

  .xxl-col-push-3 {
    left: 25%;
  }

  .xxl-col-push-4 {
    left: 33.3333333333%;
  }

  .xxl-col-push-5 {
    left: 41.6666666667%;
  }

  .xxl-col-push-6 {
    left: 50%;
  }

  .xxl-col-push-7 {
    left: 58.3333333333%;
  }

  .xxl-col-push-8 {
    left: 66.6666666667%;
  }

  .xxl-col-push-9 {
    left: 75%;
  }

  .xxl-col-push-10 {
    left: 83.3333333333%;
  }

  .xxl-col-push-11 {
    left: 91.6666666667%;
  }

  .xxl-col-push-12 {
    left: 100%;
  }

  .xxl-col-push-2h {
    left: 20%;
  }

  .xxl-col-push-0 {
    left: auto;
  }

  /* offset */
  .xxl-col-offset-0 {
    margin-left: 0%;
  }

  .xxl-col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .xxl-col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .xxl-col-offset-3 {
    margin-left: 25%;
  }

  .xxl-col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .xxl-col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .xxl-col-offset-6 {
    margin-left: 50%;
  }

  .xxl-col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .xxl-col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .xxl-col-offset-9 {
    margin-left: 75%;
  }

  .xxl-col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .xxl-col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .xxl-col-offset-12 {
    margin-left: 100%;
  }

  .xxl-col-offset-2h {
    margin-left: 20%;
  }
}