/* Staff List  (loan officer thumbs) */
.staffList img {margin:0;padding:0;}
.staffList {}
.staffBlock {height:378px;width:31%;display:inline-block;vertical-align:top;overflow:hidden;text-align:center;padding:10px;border: 1px solid #ddd;border-radius: 5px;
background: #fafafa;margin: 5px 1% 5px 0;}
.staffBlock:hover{border-color:#aaa;background: #eee;}
.staffBlock .image {height:290px;width:100%;}
.staffBlock .image a {display:inline-block;height: 280px;width:100%;line-height:280px;}
.staffBlock .image a:hover {}
.staffBlock .image a img {border:1px solid #ccc;padding:15px 5px;border-radius:5px;box-shadow:0px 0px 8px 0px rgba(165, 165, 165, 0.5);max-width:100%;width:auto;min-width:50%;
max-height: 270px;height:auto;vertical-align:bottom;background:#fff;}
.staffBlock .name {overflow: hidden;max-height:40px;margin-top:5px;}
.staffBlock.noTitle .name {/*margin-top:10px;*/}
.staffBlock .name a {}
.staffBlock .name a:hover {}
.staffBlock .name a span {font-size:15px;line-height:1.2em;}
.staffBlock .title {max-height:21px;overflow:hidden;}
.staffBlock .title span {font-size:14px;color:#333;line-height:1.3em;}

@media(max-width:960px) and (min-width:767px) {

}
@media(max-width:767px) {
.staffBlock {width:48%;}
}
@media(max-width:599px) {

}

@media(max-width:468px) {
.staffBlock {width:99%;height:auto;max-height:400px;}
.staffBlock .name {max-height:55px;}
.staffBlock .name a span {font-size:24px;}
.staffBlock .title {max-height:35px;}
.staffBlock .title span {font-size:16px;}
}
@media(max-width:360px) {

}
@media(max-width:320px) {

}