.main-sub-banners {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin: 0 0 40px;
}

.main-sub-banner {
  width: 25%;
  padding: 0;
}

.main-sub-banner img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 768px) {
  .main-sub-banners {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
  }
  .main-sub-banner {
    flex: 1 1 calc(50% - 6px);
  }
}