.mb-vehicle-groups {
  margin: 1.5rem 0;
}

.mb-vehicle-groups-headline {
  text-align: center;
  margin-bottom: 1rem;
}

.mb-vehicle-groups-headline span {
  display: inline-block;
  background: #c7f7a9;
  border-radius: 22px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  color: #1e1e1e;
}

.mb-vehicle-group-row {
  background: #dae8f13b;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}

.mb-vehicle-group-title-wrap {
  margin-bottom: 0.5rem;
}

.mb-vehicle-group-title {
  display: inline-block;
  background: #c7f7a9;
  border-radius: 18px;
  padding: 0.35rem 0.9rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #101010;
  text-decoration: none;
}

.mb-vehicle-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8rem 1rem;
}

.mb-vehicle-card {
  text-align: center;
}

.mb-vehicle-image-link,
.mb-vehicle-image-link img {
  display: block;
}

.mb-vehicle-image-link img {
  width: 100%;
  max-width: 180px;
  height: 90px;
  object-fit: contain;
  margin: 0 auto 0.25rem;
}

.mb-vehicle-name {
  display: inline-block;
  color: #101010;
  text-decoration: none;
  /* font-size: 1.5rem; */
  line-height: 1.15;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .mb-vehicle-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .mb-vehicle-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mb-vehicle-name {
    font-size: 1.8rem;
  }
}


@media (max-width: 480px) {
    .mb-vehicle-name {
        font-size: 0.8rem;
    }
    .mb-vehicle-group-title {
        font-size: 0.8rem;
    }
    .home-images .right-slider-image{
      padding-left: 0rem;
    }
    .mb-vehicle-groups h1.title {
        font-size:28px;
    }
    .mb-vehicle-groups h4{
        font-size:11px;
    }
}