@charset "UTF-8";

@media (min-width:601px) {
  .mi {
    grid-template-columns: 1fr;
  }

  .mi2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .mi3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .mi4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .mi5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .mi6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width:901px) {
  .li {
    grid-template-columns: 1fr;
  }

  .li2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .li3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .li4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .li5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .li6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .banner div h5, .banner div p {
    line-height: 1;
  }
}

@media (min-width:1201px) {
  .wi {
    grid-template-columns: 1fr;
  }

  .wi2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .wi3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .wi4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .wi5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .wi6 {
    grid-template-columns: repeat(6, 1fr);
  }
}