.grid-1col {
  grid-column: span 1;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-1col {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-1col {
    grid-column: span 1;
  }
}
.grid-2col {
  grid-column: span 2;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-2col {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-2col {
    grid-column: span 2;
  }
}
.grid-3col {
  grid-column: span 3;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-3col {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-3col {
    grid-column: span 3;
  }
}
.grid-4col {
  grid-column: span 4;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-4col {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-4col {
    grid-column: span 4;
  }
}
.grid-5col {
  grid-column: span 5;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-5col {
    grid-column: span 5;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-5col {
    grid-column: span 5;
  }
}
.grid-6col {
  grid-column: span 6;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-6col {
    grid-column: span 6;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-6col {
    grid-column: span 6;
  }
}
.grid-7col {
  grid-column: span 7;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-7col {
    grid-column: span 7;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-7col {
    grid-column: span 7;
  }
}
.grid-8col {
  grid-column: span 8;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-8col {
    grid-column: span 8;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-8col {
    grid-column: span 8;
  }
}
.grid-9col {
  grid-column: span 9;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-9col {
    grid-column: span 9;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-9col {
    grid-column: span 9;
  }
}
.grid-10col {
  grid-column: span 10;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-10col {
    grid-column: span 10;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-10col {
    grid-column: span 10;
  }
}
.grid-11col {
  grid-column: span 11;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-11col {
    grid-column: span 11;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-11col {
    grid-column: span 11;
  }
}
.grid-12col {
  grid-column: span 12;
}
@media only screen and (max-width: 1400px) {
  .grid-xxl-12col {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-xl-12col {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-1col {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-1col {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-1col {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-2col {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-2col {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-2col {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-3col {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-3col {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-3col {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-4col {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-4col {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-4col {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-5col {
    grid-column: span 5;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-5col {
    grid-column: span 5;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-5col {
    grid-column: span 5;
  }
}
@media only screen and (max-width: 992px) {
  .grid-lg-6col {
    grid-column: span 6;
  }
}
@media only screen and (max-width: 768px) {
  .grid-md-6col {
    grid-column: span 6;
  }
}
@media only screen and (max-width: 576px) {
  .grid-sm-6col {
    grid-column: span 6;
  }
}