.three-content-and-btn-item{margin:20px 0}
.three-content-and-btn-item:hover {box-shadow:0 5px 15px 0 #ccc;}
.three-content-and-btn-text{padding:15px;border-bottom:1px solid rgba(238, 238, 238, 0.1);}
.three-content-and-btn-text h4{line-height:27px;padding-top:10px;margin-top:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.three-content-and-btn-text p{font-size:14px;color:#a2a2a2;line-height:25px;margin-top:7px;overflow:hidden;height:50px}

@media screen and (min-width: 0) and (max-width: 486px) {
    .three-content-and-btn-item {margin:20px 15px;}
}

.three-content-and-btn-item .three-content-and-btn-text a span.d {
    float: right;
    margin: 0 10px;
    display: inline-block;
    height: 5px;
    width: 5px;
    position: relative;
    margin-top: 12px;
}

.three-content-and-btn-item .three-content-and-btn-text a span.d:before {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -8px;
}

.three-content-and-btn-item .three-content-and-btn-text a span.d:after {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    right: -8px;
}