/* pc style */
.weda-grid-navigation {
  /* max-width: 1200px;
  margin: 0 auto; */
  width: 100%;
}

.weda-grid-navigation .weda-grid-navigation__wrapper {
  width: 100%;
  padding: 0 24px;
}

.weda-grid-navigation .weda-grid-navigation__row {
  margin: 0;
}

.weda-grid-navigation .weda-grid-navigation__col {
  padding: 0;
}

.weda-grid-navigation .weda-grid-navigation__col .wedatea2td-grid__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-items: center; */
  padding: 16px 0;
  text-align: center;
}

.weda-grid-navigation
  .weda-grid-navigation__col.weda-grid-navigation__col--big
  .wedatea2td-grid__box {
  padding: 20px 0;
}

.weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__icon {
  width: 4em;
  height: 4em;
}
.weda-grid-navigation
  .weda-grid-navigation__col
  .weda-grid-navigation__fonticon {
  font-size: 4em;
}
.weda-grid-navigation
  .weda-grid-navigation__col--small
  .weda-grid-navigation__icon {
  width: 3.428571em;
  height: 3.428571em;
}
.weda-grid-navigation
  .weda-grid-navigation__col--small
  .weda-grid-navigation__fonticon {
  font-size: 3.428571em;
}

.weda-grid-navigation
  .weda-grid-navigation__col--big
  .weda-grid-navigation__icon {
  width: 5.14285em;
  height: 5.14285em;
}
.weda-grid-navigation
  .weda-grid-navigation__col--big
  .weda-grid-navigation__fonticon {
  font-size: 5.14285em;
}

.weda-grid-navigation .weda-grid-navigation__img {
  width: 100%;
  /* height: 100%; */
}

.weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
  font-size: 1.142857em;
  /* line-height: 24px; */
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 12px;
}

.weda-grid-navigation
  .weda-grid-navigation__col--big
  .weda-grid-navigation__text {
  margin-top: 16px;
}

.weda-grid-navigation
  .weda-grid-navigation__col--small
  .weda-grid-navigation__text {
  font-size: 1em;
  line-height: 1.5714em;
}

.weda-grid-navigation
  .weda-grid-navigation__col--big
  .weda-grid-navigation__text {
  font-size: 1.42857em;
  line-height: 2em;
}

/* h5 style */
.weda-grid-navigation.weda-grid-navigation-mobile {
  margin: 0;
  max-width: 100%;
}

.weda-grid-navigation-mobile .weda-grid-navigation__wrapper {
  padding: 0 16px;
}

.weda-grid-navigation-mobile .weda-grid-navigation__col .wedatea2td-grid__box {
  padding: 8px 0;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__row:first-child
  .weda-grid-navigation__col
  .wedatea2td-grid__box {
  text-align: center;
  padding-top: 16px;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__row:last-child
  .weda-grid-navigation__col
  .wedatea2td-grid__box {
  text-align: center;
  padding-bottom: 16px;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__col.weda-grid-navigation__col--big
  .wedatea2td-grid__box {
  padding: 10px 0;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__row:first-child
  .weda-grid-navigation__col.weda-grid-navigation__col--big
  .wedatea2td-grid__box {
  text-align: center;
  padding-top: 20px;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__row:last-child
  .weda-grid-navigation__col.weda-grid-navigation__col--big
  .wedatea2td-grid__box {
  padding-bottom: 20px;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__col
  .weda-grid-navigation__icon {
  width: 2.57142em;
  height: 2.57142em;
}
.weda-grid-navigation-mobile
  .weda-grid-navigation__col
  .weda-grid-navigation__fonticon {
  font-size: 2.57142em;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__col--small
  .weda-grid-navigation__icon {
  width: 2.285714em;
  height: 2.285714em;
}
.weda-grid-navigation-mobile
  .weda-grid-navigation__col--small
  .weda-grid-navigation__fonticon {
  font-size: 2.285714em;
}
.weda-grid-navigation-mobile
  .weda-grid-navigation__col--big
  .weda-grid-navigation__fonticon {
  font-size: 2.857142em;
}
.weda-grid-navigation-mobile
  .weda-grid-navigation__col--big
  .weda-grid-navigation__icon {
  width: 2.85714em;
  height: 2.85714em;
}
.weda-grid-navigation-mobile
  .weda-grid-navigation__col
  .weda-grid-navigation__text,
.weda-grid-navigation-mobile
  .weda-grid-navigation__col--big
  .weda-grid-navigation__text,
.weda-grid-navigation-mobile
  .weda-grid-navigation__col--small
  .weda-grid-navigation__text {
  font-size: 0.85714em;
  line-height: 1.42857em;
  margin-top: 4px;
}

.weda-grid-navigation-mobile
  .weda-grid-navigation__col--big
  .weda-grid-navigation__text {
  margin-top: 8px;
}