.section_feature .icon {
  margin-top: 60px;
  text-transform: uppercase;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(100% / 2))[2];
  grid-template-columns: repeat(2, calc(100% / 2));
}
.section_feature .icon>div {
  padding: 10px;
  border-bottom: 1px solid #313131;
  border-right: 1px solid #313131;
}
.section_feature .icon>div:nth-of-type(2n) {
  border-right: none;
}
.section_feature .icon>div:nth-last-of-type(-n+2) {
  border-bottom: none;
}
.section_feature .icon>div>div {
  height: 80px;
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: center;
}
.section_feature .icon p {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center !important;
  color: #999;
  line-height: 1.2;
  font-size: 16px;
}
.storepage_9 .section_feature .icon p {
  font-size: 14px;
}

/**media query section**/
@media screen and (min-width:425px) {
  .section_feature .icon {
    -ms-grid-columns: (calc(100% / 3))[3];
    grid-template-columns: repeat(3, calc(100% / 3));
  }
  .section_feature .icon>div {
    padding: 20px;
  }
  .section_feature .icon>div:nth-of-type(n) {
    border-bottom: 1px solid #313131;
    border-right: 1px solid #313131;
  }
  .section_feature .icon>div:nth-of-type(3n) {
    border-right: none;
  }
  .section_feature .icon>div:nth-last-of-type(-n+2) {
    border-bottom: none;
  }
}

@media screen and (min-width:992px) {
  .section_feature .icon {
    -ms-grid-columns: (calc(100% / 4))[4];
    grid-template-columns: repeat(4, calc(100% / 4));
    margin-top: 60px;
  }
  .section_feature .icon>div:nth-of-type(n) {
    border-bottom: 1px solid #313131;
    border-right: 1px solid #313131;
  }
  .section_feature .icon>div:nth-of-type(4n) {
    border-right: none;
  }
  .section_feature .icon>div:nth-last-of-type(-n+4) {
    border-bottom: none;
  }
}

/*for grid*/
.section_feature .icon > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.section_feature .icon > div:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.section_feature .icon > div:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.section_feature .icon > div:nth-of-type(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.section_feature .icon > div:nth-of-type(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.section_feature .icon > div:nth-of-type(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.section_feature .icon > div:nth-of-type(7) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.section_feature .icon > div:nth-of-type(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}

@media screen and (min-width:425px) {
  .section_feature .icon > div:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section_feature .icon > div:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section_feature .icon > div:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section_feature .icon > div:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .section_feature .icon > div:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .section_feature .icon > div:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .section_feature .icon > div:nth-of-type(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section_feature .icon > div:nth-of-type(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

@media screen and (min-width:992px) {
  .section_feature .icon > div:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section_feature .icon > div:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section_feature .icon > div:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section_feature .icon > div:nth-of-type(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .section_feature .icon > div:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .section_feature .icon > div:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .section_feature .icon > div:nth-of-type(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .section_feature .icon > div:nth-of-type(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}

/*for ie only*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section_feature .icon > div > div,
  .section_pdt .icon {
    display:-ms-flexbox;
  }
  .section_pdt .icon {
    width:100%;
  }
  /*this both can fix image overflow issue*/
  .section_feature .icon img,
  .section_pdt .icon img {
    flex-shrink:0;
  }
  .section_pdt .icon img {
    width:100%;
  }
}