.local-grid {
  margin: 40px 0;
}

.local-grid_inner {
  display: -webkit-flex;
  display: flex;
  margin-top: -40px;
  margin-bottom: -60px;
  margin-left: -20px;
}

.local-grid-2 .local-grid_item {
  width: calc((100% - 20px * 2) / 2);
  margin-left: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .local-grid {
    margin: 40px 0;
  }
  .local-grid_inner {
    display: block;
    margin: 0;
  }
  .local-grid-2 .local-grid_item {
    width: 100%;
    margin: 0;
  }
}

.local-grid .mod-bannerList-grid6 li {
  width: calc((100% - 20px * 3) / 3);
  margin-left: 20px;
  margin-bottom: 20px;
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .local-grid .mod-bannerList-grid6 li {
    width: calc((100% - 20.1px * 3) /3);
  }
}

/* hack for Microsoft edge */
@supports (-ms-ime-align: auto) {
  .local-grid .mod-bannerList-grid6 li {
    width: calc((100% - 20.2px * 3) /3);
  }
}

@media screen and (max-width: 640px) {
  .local-grid .mod-bannerList-grid6 li {
    width: calc((100% - 20px * 2) / 2);
    margin-left: 20px;
    margin-bottom: 20px;
  }
}