.wp-staff-box { text-align: center; margin: 10px; box-shadow: 0px ​0px 3px 1px  red; border-radius: 10px; }
.wpp-team-name { margin: 3px; }
.wpp-team-title { font-weight: bold; color: black; }
.wpp-teams { margin-bottom: 2em; }
.wpp-teams .content { overflow-y: hidden; height: auto; transition: height 0.3s ease; padding: 15px 15px 0px 15px; border: 1px solid #e8e8e8; border-top: 0; }
.wpp-teams .department { margin: 0; font-size: 1.125em; line-height: 1.2em; }
.wpp-teams label { display: block; }
.wpp-teams label:hover, .wpp-teams label:focus { background: #d8d8d8; }
.wpp-teams label { color: #333; cursor: default; font-weight: bold; font-size: 20px; background: #e8e8e8; text-align: center; height: 40px; padding: 10px; }
.wpp-teams > input[type="checkbox"] { position: absolute; left: -100vw; }
.wp-staff-img { margin-left: auto; margin-right: auto; background-size: cover !important; background-position: center center !important; width: 100%; padding-bottom: 100%; border-radius: 5% !important; margin-top: 0%; }
.tmm_sociallink { margin:2px; }

/* Media query for all devices */
@media only screen and (min-width : 200px) and (max-width : 575px) {
	.wp-staff-div { display: grid; grid-template-columns: 100%; width: 100%; }
}
@media only screen and (min-width : 575px) and (max-width : 770px) {
	.wp-staff-div { display: grid; grid-template-columns: 50% 50%; width: 100%; }
}
@media only screen and (min-width : 771px) and (max-width : 1199px) {
	.wp-staff-div { display: grid; grid-template-columns: 33% 33% 33%; width: 100%; }
}
@media only screen and (min-width : 1199px) {
	.wp-staff-div { display: grid; grid-template-columns: 25% 25% 25% 25%; width: 100%; }
}