/* Add custom CSS styles below */ 

/* section title end */
section.s-block.s-block--banners.container > div {
  /* border: 2px solid green; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

section.s-block.s-block--banners.container > div a {
  width: 47%;
  min-height: calc(170px + 12.5px);
  border-radius: 3px !important;
  transition: 0.3s all linear;
}

section.s-block.s-block--banners.container > div a:hover {
  transform: scale(0.95) !important;
}
@media screen and (min-width: 525px) {
  section.s-block.s-block--banners.container > div a {
    min-height: calc(245px + 12.5px);
  }
}
@media screen and (min-width: 768px) {
  section.s-block.s-block--banners.container > div a {
    min-height: calc(320px + 12.5px);
  }
}

@media screen and (min-width: 1024px) {
  section.s-block.s-block--banners.container > div a {
    /* width: 22.5%;
    min-height: calc(220px + 12.5px); */
    width: 37%;
    min-height: calc(400px + 12.5px);
  }
}
@media screen and (min-width: 1200px) {
  section.s-block.s-block--banners.container > div a {
    /* width: 22.5%;
    min-height: calc(270px + 12.5px); */
    width: 37%;
    min-height: calc(450px + 12.5px);
  }
}

/* ----- */

/* ----- */
@media screen and (max-width: 767px) {
  section.s-block.s-block--banners.container > div a div {
    background-size: 100% 100%;
  }
}

/* ----- */