@media (min-width: 500px) {
    .carousel-inner {
      display: flex;
    }
    .car1 {
      margin-right: 0;
      flex:0 0 calc(100%/2) !important;
      display: block;
    }
    .card {
        margin: 0.5em;
  }}
  @media (min-width: 900px) {
    .carousel-inner {
      display: flex;
    }
    .car1 {
      margin-right: 0;
      flex:0 0 calc(100%/4) !important;
      display: block;
    }
    .card {
        margin: 0.5em;
  }}
  /* @media (min-width: 600px) {
    .carousel-inner {
      display: flex;
    }
    .car1 {
      margin-right: 0;
      flex:0 0 calc(100%/3) !important;
      display: block;
    }
    .card {
        margin: 0.5em;
  }} */