.basepack-cic-items {
  display: flex;
}

.basepack-cic-items.cic-items-fixed {
  flex-wrap: wrap;
}

.cic-items-1 .basepack-cic-item {
  width: 100%;
}

.cic-items-2 .basepack-cic-item {
  width: 50%;
  @media (max-width: 767px) {
    width: 100%;
  }
}

.cic-items-3 .basepack-cic-item {
  width: 33.333333333%;
  @media (max-width: 767px) {
    width: 100%;
  }
}

.cic-items-4 .basepack-cic-item {
  width: 25%;
  @media (max-width: 767px) {
    width: 50%;
  }
  @media (max-width: 575px) {
    width: 100%;
  }
}

.cic-items-5 .basepack-cic-item {
  width: 20%;
  @media (max-width: 991px) {
    width: 33.333333333%;
  }
  @media (max-width: 767px) {
    width: 50%;
  }
  @media (max-width: 575px) {
    width: 100%;
  }
}

.cic-items-6 .basepack-cic-item {
  width: 16.666666667%;
  @media (max-width: 991px) {
    width: 33.333333333%;
  }
  @media (max-width: 767px) {
    width: 50%;
  }
  @media (max-width: 575px) {
    width: 100%;
  }
}

.basepack-cic-items {
  margin: 0 -15px;
}
.basepack-cic-item {
  margin-bottom: 30px;
  padding: 0 15px;
  text-align: center;
}

.basepack-cic--item--image img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}

.basepack-cic-item--title {
  margin: 0;
  padding: 15px 0;
}

.basepack-cic--title {
  margin: 0;
  padding: 0 0 15px;
}

.basepack-cic--subtitle {
  margin: 0;
  padding: 0 0 5px;
}

.basepack-cic--description p {
  margin: 0 0 16px;
}

.cic-wrapper {
  margin-bottom: 15px;
}
