ul.staff-list {list-style: none; margin: 0; padding: 0; display: flex;flex-wrap: wrap;width: calc(100% + 20px); margin-left: -10px;}
ul.staff-list li {padding: 0;width: calc(25% - 20px); margin: 10px; background: #f6f6f6;}
ul.staff-list li .image-src { padding-top:115%; }
ul.staff-list li > a {display: block; line-height: 0; border-bottom: 5px solid #fff;}
ul.staff-list img {width: 100%;}
ul.staff-list li .staff-short { width: 100%; float: left; padding: 15px 10px;}
ul.staff-list li .staff-short h5 {margin: 0; font-size: 16px; }
ul.staff-list li .staff-short span {color: #DA1F39; font-size: 14px; text-align: center; line-height: normal;text-transform: uppercase;}

/*---------------------Single Staff Page----------------*/
.staff-single{display: flex;flex-wrap: wrap;}
.staff-single .staff-left {min-width: 228px; max-width: 228px; }
.staff-single .staff-right{flex: 1 0 0%; margin-left: 30px;}
.staff-right h1 {border-bottom: 1px solid #252869; margin-bottom: 15px; padding-bottom: 15px; font-size: 22px; line-height: normal; }
.staff-right h1 span {font-size: 15px; font-weight: 400; line-height: 18px; color: #DA1F39; margin-left: 5px; letter-spacing: 0.06em;}
.staff-single .staff-right ul{padding-left: 50px;}

/** styles for filter / masonary list */
.masonary-list { margin: 0; margin-bottom: 20px; padding: 0; display: flex; flex-wrap: wrap; list-style: none; }
.masonary-list li { margin: 0 5px 5px; }
.masonary-list li .current { background:#143760; }


/*---------------Responsive Css------------*/
@media (max-width:992px) {
	ul.staff-list li{width: calc(33.33% - 20px);}
	.staff-single .staff-left{width: 180px;}
	.staff-single .staff-right ul{padding-left: 30px;}

}
@media (max-width:767px) {
	ul.staff-list li{width: calc(50% - 20px);}

}
@media (max-width:480px) {
	ul.staff-list li{width: 100%;}
	.staff-single .staff-left{margin-bottom: 20px;}
	.staff-single .staff-right{flex: 1 0 100%; margin-left: 0;}
	.staff-single .staff-right ul{padding-left: 15px;}
}