.flex-row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.flex-row > .flex-col {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.flex-col-d-2 {
  width: 20%;
}
.flex-col-d-3 {
  width: 25%;
}
.flex-col-d-4 {
  width: 33.3333%;
}
.flex-col-d-5 {
  width: 40%;
}
.flex-col-d-6 {
  width: 50%;
}
.flex-col-d-7 {
  width: 60%;
}
.flex-col-d-8 {
  width: 66.6666%;
}
.flex-col-d-10 {
  width: 80%;
}
.flex-col-d-12 {
  width: 100%;
}
@media (max-width: 1024px) {
  .flex-col-tl-2 {
    width: 20%;
  }
  .flex-col-tl-3 {
    width: 25%;
  }
  .flex-col-tl-4 {
    width: 33.3333%;
  }
  .flex-col-tl-5 {
    width: 40%;
  }
  .flex-col-tl-6 {
    width: 50%;
  }
  .flex-col-tl-7 {
    width: 60%;
  }
  .flex-col-tl-8 {
    width: 66.6666%;
  }
  .flex-col-tl-10 {
    width: 80%;
  }
  .flex-col-tl-12 {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .flex-col-tp-2 {
    width: 20%;
  }
  .flex-col-tp-3 {
    width: 25%;
  }
  .flex-col-tp-4 {
    width: 33.3333%;
  }
  .flex-col-tp-5 {
    width: 40%;
  }
  .flex-col-tp-6 {
    width: 50%;
  }
  .flex-col-tp-7 {
    width: 60%;
  }
  .flex-col-tp-8 {
    width: 66.6666%;
  }
  .flex-col-tp-10 {
    width: 80%;
  }
  .flex-col-tp-12 {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .flex-col-sl-2 {
    width: 20%;
  }
  .flex-col-sl-3 {
    width: 25%;
  }
  .flex-col-sl-4 {
    width: 33.3333%;
  }
  .flex-col-sl-5 {
    width: 40%;
  }
  .flex-col-sl-6 {
    width: 50%;
  }
  .flex-col-sl-7 {
    width: 60%;
  }
  .flex-col-sl-8 {
    width: 66.6666%;
  }
  .flex-col-sl-10 {
    width: 80%;
  }
  .flex-col-sl-12 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .flex-col {
    width: 100%;
  }
  .flex-col-sp-2 {
    width: 20%;
  }
  .flex-col-sp-3 {
    width: 25%;
  }
  .flex-col-sp-4 {
    width: 33.3333%;
  }
  .flex-col-sp-5 {
    width: 40%;
  }
  .flex-col-sp-6 {
    width: 50%;
  }
  .flex-col-sp-7 {
    width: 60%;
  }
  .flex-col-sp-8 {
    width: 66.6666%;
  }
  .flex-col-sp-10 {
    width: 80%;
  }
}