.html-part .feature-more-wrap {
    margin: 0 auto 30px
}

.feature-more-wrap {
    margin: 10px auto;
    text-align: center
}

.feature-more-wrap .more-detail {
    width: 33.333%;
    display: table-cell;
    border-right: 1px dotted #e4e4e4;
    padding: 0 20px 20px;
    box-sizing: border-box;
    text-align: left;
    color: #000;
    transition: 1s ease;
    font-size: 15px;
    line-height: 1.5
}

.feature-more-wrap .more-detail:last-child {
    border-right: 0
}

.feature-more-wrap.four-box .more-detail {
    width: 50%;
    display: table-cell;
    border-right: unset;
    padding: 20px;
    box-sizing: border-box;
    text-align: left
}



@media only screen and (min-width: 768px) and (max-width:991px) {
    .feature-more-wrap .more-feature-list>p {
        margin: 20px 0
    }

    .feature-more-wrap .more-feature-list {
        text-align: left;
        margin: 30px 0
    }

    .feature-more-wrap .more-detail {
        padding: 20px 0
    }

    .feature-more-wrap .more-detail,
    .feature-more-wrap.four-box .more-detail {
        display: block;
        width: 100%;
        margin: 10px auto;
        border-right: 0;
        border-bottom: 1px dotted #e4e4e4;
        max-width: 600px
    }

    .feature-more-wrap.two-box {
        max-width: 100%;
        margin: 0 auto
    }

    .feature-more-wrap .more-detail:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .feature-more-wrap .more-detail {
        padding: 20px 0
    }

    .feature-more-wrap .more-detail,
    .feature-more-wrap.four-box .more-detail {
        display: block;
        width: 100%;
        margin: 10px 0;
        border-right: 0;
        border-bottom: 1px dotted #e4e4e4
    }

    .feature-more-wrap.two-box {
        max-width: 100%;
        margin: 0 auto
    }

    .feature-more-wrap .more-detail:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}