.nc-col {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}

@media(min-width: 575px) {
  .nc-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }

  .nc-col {
    width: 50%;
  }
}

@media(min-width: 768px) {
  .nc-col {
    width: 33.33%;
  }

  .nc-row.nc-cols-2 .nc-col {
    width: 50%;
  }
}

@media(min-width: 992px) {
  .nc-col {
    width: 25%;
  }

  .nc-row.nc-cols-3 .nc-col {
    width: 33.33%;
  }
}

@media(min-width: 1200px) {
  .nc-col {
    width: 20%;
  }

  .nc-row.nc-cols-4 .nc-col {
    width: 25%;
  }

  .nc-row.nc-cols-5 .nc-col {
    width: 20%;
  }

  .nc-row.nc-cols-6 .nc-col {
    width: 16.66%;
  }

  .nc-row.nc-cols-8 .nc-col {
    width: 12.5%;
  }
}