@media (min-width:62rem) {

  /*  layotu file*/
  .solo-col-1 {
    grid-auto-flow: row;
    grid-template-rows: 1fr;
  }

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

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

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

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

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

  .solo-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .solo-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .solo-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .solo-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .solo-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .solo-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  /* Custom CSS */
  .solo-col-1-1-1-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .solo-col-1-2-2-1 {
    grid-template-columns: 1fr 2fr 2fr 1fr;
  }

  .solo-col-2-1-1-2 {
    grid-template-columns: 2fr 1fr 1fr 2fr;
  }

  .solo-col-1-2-1-2 {
    grid-template-columns: 1fr 2fr 1fr 2fr;
  }

  .solo-col-1-1-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .solo-col-1-2-1 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .solo-col-1-3-1 {
    grid-template-columns: 1fr 3fr 1fr;
  }

  .solo-col-1-1 {
    grid-template-columns: 1fr 1fr;
  }

  .solo-col-2-1 {
    grid-template-columns: 2fr 1fr;
  }

  .solo-col-3-1 {
    grid-template-columns: 3fr 1fr;
  }

  .solo-col-4-1 {
    grid-template-columns: 4fr 1fr;
  }

  .solo-col-1-2 {
    grid-template-columns: 1fr 2fr;
  }

  .solo-col-1-3 {
    grid-template-columns: 1fr 3fr;
  }

  .solo-col-1-4 {
    grid-template-columns: 1fr 4fr;
  }

}