.article.user-list {	
}

.article.user-list > .margin {	
}

.article.user-list > .margin > .padding {	
}

.article.user-list > .margin > .padding > .no-users-found {
	text-align: center;
	border: solid 1px #E5E5E5;
	padding: 10px;
}
.article.user-list > .margin > .padding .member{
    padding:15px; 
}
.article.user-list > .margin > .padding .member > div {
    box-shadow: 0px 2px 0px #00000010;
    background-color:#fff;
    width:100%;
    float:left;
    padding:0px 30px 30px 30px;
	transition: box-shadow 0.2s ease-in-out;
}
.article.user-list > .margin > .padding .member > div:hover{
    box-shadow: 0px 2px 0px #2D66A7!important;
}
.article.user-list > .margin > .padding .member > div > .image{
    height:150px;
    margin-bottom:20px;
    padding-top:20px;
	display: flex;
    align-items: center;
}
.article.user-list > .margin > .padding .member > div > .image a {
	max-height:100%;
    margin:0 auto;
}
.article.user-list > .margin > .padding .member > div > .image a img {
	max-height: 130px;
}
.article.user-list > .margin > .padding .member > div > .image > img {
    max-height:100%;
    margin:0 auto;
}

.article.user-list > .margin > .padding .member > div .info > div.name{
    font-size:18px;
    line-height:28px;
    font-weight:600;
}
.article.user-list > .margin > .padding .member > div .info > div.sub-name{
    font-size:14px;
    line-height:24px;
    color:#9A9A9A;
    font-weight:300;
}
.article.user-list > .margin > .padding .member > div .info > .extra-info{
    padding-top:15px;
	min-height: 160px;
}
.article.user-list > .margin > .padding .member > div :hover .read-more {
    color: #347225!important
}
.article.user-list > .margin > .padding .member > div .info > .extra-info .padding-top {
	padding-top: 10px;
}
/*A*/
@media (max-width: 1024px)
{
}

/*B*/
@media (max-width: 991px)
{
    .article.user-list > .margin > .padding .member{
        width:50%;
    }
}

/*C*/
@media (max-width: 767px)
{
	.article.user-list > .margin > .padding .member > div .info > div.name {
		font-size: 16px;
		line-height: 22px;
	}
	.article.user-list > .margin > .padding .member > div .info > .extra-info {
    	padding-top: 5px;
	}
}

/*D*/
@media (max-width: 479px)
{
    .article.user-list > .margin > .padding .member{
        width:100%;
    }
}