body#top .listicon-em2 {
  & .title {
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    background: var(--enfold-main-color-primary);
    display: inline-block;
    margin-left: 72px;
    margin-bottom: 48px;
    padding: 8px 16px;
  }

  &.list {
    & .listicon-em2-item {
      display: grid;
      grid-template-columns: 72px 1fr;
      margin-bottom: 24px;

      & .listicon-em2-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
    }

    & .listicon-em2-icon {
      font-size: 48px;
      line-height: normal;
      color: var(--enfold-main-color-primary);
      transition: all 300ms;
    }

    & .listicon-em2-title {
      font-size: 18px;
      line-height: 32px;
      font-weight: 600;
      color: var(--enfold-main-color-heading);
      font-family: "Montserrat", sans-serif;
    }

    & .listicon-em2-item:hover .listicon-em2-icon {
      /* color: var(--enfold-main-color-heading); */
    }
  }

  &.box .listicon-em2-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;

    &>div {
      flex: 0 0 auto;
      width: 33.3333%;
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 30px;

      & .listicon-em2-item {
        background: #fff;
        padding: 40px;
        text-align: center;
        height: 100%;
        box-sizing: border-box;
      }

      & .listicon-em2-icon {
        font-size: 48px;
        line-height: normal;
        color: var(--enfold-main-color-primary);
        transition: all 300ms;
        margin-bottom: 15px;
        display: block;
      }
    }
  }

  &.box.av-columns-2 .listicon-em2-inner > div { width: 50%; }
  &.box.av-columns-3 .listicon-em2-inner > div { width: 33.3333%; }
  &.box.av-columns-4 .listicon-em2-inner > div { width: 25%; }
  &.box.av-columns-6 .listicon-em2-inner > div { width: 16.6667%; }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  body#top .listicon-em2 {
    &.box .listicon-em2-inner > div { width: 50% !important; }
  }
}

@media (max-width: 767px) {
  body#top .listicon-em2 {
    &.box .listicon-em2-inner > div { width: 100% !important; }
  }
}