.grid-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-row .grid-12-12{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-row .grid-11-12{
  -ms-flex: 0 0 calc((100% / 12) * 11);
  flex: 0 0 calc((100% / 12) * 11);
  max-width: calc((100% / 12) * 11);
}
.grid-row .grid-10-12{
  -ms-flex: 0 0 calc((100% / 12) * 10);
  flex: 0 0 calc((100% / 12) * 10);
  max-width: calc((100% / 12) * 10);
}
.grid-row .grid-9-12{
  -ms-flex: 0 0 calc((100% / 12) * 9);
  flex: 0 0 calc((100% / 12) * 9);
  max-width: calc((100% / 12) * 9);
}
.grid-row .grid-8-12{
  -ms-flex: 0 0 calc((100% / 12) * 8);
  flex: 0 0 calc((100% / 12) * 8);
  max-width: calc((100% / 12) * 8);
}
.grid-row .grid-7-12{
  -ms-flex: 0 0 calc((100% / 12) * 7);
  flex: 0 0 calc((100% / 12) * 7);
  max-width: calc((100% / 12) * 7);
}
.grid-row .grid-6-12{
  -ms-flex: 0 0 calc((100% / 12) * 6);
  flex: 0 0 calc((100% / 12) * 6);
  max-width: calc((100% / 12) * 6);
}
.grid-row .grid-5-12{
  -ms-flex: 0 0 calc((100% / 12) * 5);
  flex: 0 0 calc((100% / 12) * 5);
  max-width: calc((100% / 12) * 5);
}
.grid-row .grid-4-12{
  -ms-flex: 0 0 calc((100% / 12) * 4);
  flex: 0 0 calc((100% / 12) * 4);
  max-width: calc((100% / 12) * 4);
}
.grid-row .grid-3-12{
  -ms-flex: 0 0 calc((100% / 12) * 3);
  flex: 0 0 calc((100% / 12) * 3);
  max-width: calc((100% / 12) * 3);
}
.grid-row .grid-2-12{
  -ms-flex: 0 0 calc((100% / 12) * 2);
  flex: 0 0 calc((100% / 12) * 2);
  max-width: calc((100% / 12) * 2);
}
.grid-row .grid-1-12{
  -ms-flex: 0 0 calc(100% / 12);
  flex: 0 0 calc(100% / 12);
  max-width: calc(100% / 12);
}

.grid-row .grid-7-7{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-row .grid-6-7{
  -ms-flex: 0 0 calc((100% / 7) * 6);
  flex: 0 0 calc((100% / 7) * 6);
  max-width: calc((100% / 7) * 6);
}
.grid-row .grid-5-7{
  -ms-flex: 0 0 calc((100% / 7) * 5);
  flex: 0 0 calc((100% / 7) * 5);
  max-width: calc((100% / 7) * 5);
}
.grid-row .grid-4-7{
  -ms-flex: 0 0 calc((100% / 7) * 4);
  flex: 0 0 calc((100% / 7) * 4);
  max-width: calc((100% / 7) * 4);
}
.grid-row .grid-3-7{
  -ms-flex: 0 0 calc((100% / 7) * 3);
  flex: 0 0 calc((100% / 7) * 3);
  max-width: calc((100% / 7) * 3);
}
.grid-row .grid-2-7{
  -ms-flex: 0 0 calc((100% / 7) * 2);
  flex: 0 0 calc((100% / 7) * 2);
  max-width: calc((100% / 7) * 2);
}
.grid-row .grid-1-7{
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
}

.grid-row .grid-10-10{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-row .grid-9-10{
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
.grid-row .grid-8-10{
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.grid-row .grid-7-10{
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.grid-row .grid-6-10{
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.grid-row .grid-5-10{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.grid-row .grid-4-10{
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.grid-row .grid-3-10{
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: calc((100% / 12) * 3);
}
.grid-row .grid-2-10{
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.grid-row .grid-1-10{
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

@media only screen and (max-width:990px){
  .grid-row .grid-s-12-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .grid-s-11-12{
    -ms-flex: 0 0 calc((100% / 12) * 11);
    flex: 0 0 calc((100% / 12) * 11);
    max-width: calc((100% / 12) * 11);
  }
  .grid-row .grid-s-10-12{
    -ms-flex: 0 0 calc((100% / 12) * 10);
    flex: 0 0 calc((100% / 12) * 10);
    max-width: calc((100% / 12) * 10);
  }
  .grid-row .grid-s-9-12{
    -ms-flex: 0 0 calc((100% / 12) * 9);
    flex: 0 0 calc((100% / 12) * 9);
    max-width: calc((100% / 12) * 9);
  }
  .grid-row .grid-s-8-12{
    -ms-flex: 0 0 calc((100% / 12) * 8);
    flex: 0 0 calc((100% / 12) * 8);
    max-width: calc((100% / 12) * 8);
  }
  .grid-row .grid-s-7-12{
    -ms-flex: 0 0 calc((100% / 12) * 7);
    flex: 0 0 calc((100% / 12) * 7);
    max-width: calc((100% / 12) * 7);
  }
  .grid-row .grid-s-6-12{
    -ms-flex: 0 0 calc((100% / 12) * 6);
    flex: 0 0 calc((100% / 12) * 6);
    max-width: calc((100% / 12) * 6);
  }
  .grid-row .grid-s-5-12{
    -ms-flex: 0 0 calc((100% / 12) * 5);
    flex: 0 0 calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5);
  }
  .grid-row .grid-s-4-12{
    -ms-flex: 0 0 calc((100% / 12) * 4);
    flex: 0 0 calc((100% / 12) * 4);
    max-width: calc((100% / 12) * 4);
  }
  .grid-row .grid-s-3-12{
    -ms-flex: 0 0 calc((100% / 12) * 3);
    flex: 0 0 calc((100% / 12) * 3);
    max-width: calc((100% / 12) * 3);
  }
  .grid-row .grid-s-2-12{
    -ms-flex: 0 0 calc((100% / 12) * 2);
    flex: 0 0 calc((100% / 12) * 2);
    max-width: calc((100% / 12) * 2);
  }
  .grid-row .grid-s-1-12{
    -ms-flex: 0 0 calc(100% / 12);
    flex: 0 0 calc(100% / 12);
    max-width: calc(100% / 12);
  }

  .grid-row .grid-s-7-7{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .grid-s-6-7{
    -ms-flex: 0 0 calc((100% / 7) * 6);
    flex: 0 0 calc((100% / 7) * 6);
    max-width: calc((100% / 7) * 6);
  }
  .grid-row .grid-s-5-7{
    -ms-flex: 0 0 calc((100% / 7) * 5);
    flex: 0 0 calc((100% / 7) * 5);
    max-width: calc((100% / 7) * 5);
  }
  .grid-row .grid-s-4-7{
    -ms-flex: 0 0 calc((100% / 7) * 4);
    flex: 0 0 calc((100% / 7) * 4);
    max-width: calc((100% / 7) * 4);
  }
  .grid-row .grid-s-3-7{
    -ms-flex: 0 0 calc((100% / 7) * 3);
    flex: 0 0 calc((100% / 7) * 3);
    max-width: calc((100% / 7) * 3);
  }
  .grid-row .grid-s-2-7{
    -ms-flex: 0 0 calc((100% / 7) * 2);
    flex: 0 0 calc((100% / 7) * 2);
    max-width: calc((100% / 7) * 2);
  }
  .grid-row .grid-s-1-7{
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
  }

  .grid-row .grid-s-10-10{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .grid-s-9-10{
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .grid-row .grid-s-8-10{
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .grid-row .grid-s-7-10{
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .grid-row .grid-s-6-10{
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .grid-row .grid-s-5-10{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-row .grid-s-4-10{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .grid-row .grid-s-3-10{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: calc((100% / 12) * 3);
  }
  .grid-row .grid-s-2-10{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .grid-row .grid-s-1-10{
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
}