.directors_desktop, .directors_desktop li { margin:0; padding:0; list-style:none; }
.directors_desktop:after { content:""; clear:both; width:100%; height:0; display:block; }
.directors_desktop li { float:left; width:19%; margin-right:1%; border:solid 1px #EE8D22; margin-bottom:15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; }
.directors_desktop li:nth-child(5n+5) { margin-right:0; }
.directors_desktop img { display:block; width:100%; border-bottom-right-radius: 15px; border-top-left-radius: 15px; }
.directors_desktop .dot { position:absolute; display:block; width:25px; height:25px; background-color:rgba(238,141,34,0.2); text-align:center; margin-top:-22%; margin-left:8px; }
.directors_desktop .dot:before { content:""; width:13px; height:13px; display:inline-block; background-color:#EE8E27; margin-top:6px; }
.directors_desktop .dot, .directors_desktop .dot:before { -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
.directors_desktop { position:relative; }
.directors_desktop ul { position:absolute; width:100%; top:-1px; left:-1px; height:100%; background:#B9B9B9; z-index:10; -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4); -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4); -ms-box-shadow:5px 5px 5px rgba(0,0,0,0.4); -o-box-shadow:5px 5px 5px rgba(0,0,0,0.4); box-shadow:5px 5px 5px rgba(0,0,0,0.4); display:none; border-bottom:solid 1px #B9B9B9; border-right:solid 1px #B9B9B9; }
.directors_desktop .profile_image { float:left; margin-top:10px; margin-left:10px; width:42%; }
.directors_desktop .profile_text { float:right; color:#393939; width:46.7%; margin-right:7%; line-height:18px; font-size:12px; }
.directors_desktop .profile_text h1 { color:#393939; font-size:14px; margin:20px 0; line-height:22px; padding:0 0 8px 0; border-bottom:solid 1px #AD9E89; }
.directors_desktop .profile_text p { margin:0 0 15px 0; line-height:18px; font-size:12px; }
.directors_desktop .close_box { position:absolute; right:10px; top:10px; color:#393939; text-decoration:none; font-size:25px; display:block; padding:8px 15px 10px 15px; background-color:#AD9E89; }
.directors_desktop .close_box:hover { background-color:#ED1D24; }
.directors_desktop .thumb:hover { cursor:pointer; }

.directors_mobile { text-align:center; display:none!important; }
.directors_mobile .close_box, .directors_mobile .dot { display:none; }
.directors_mobile .profile_image img { max-width:75%; display:inline; border:solid 1px #ee8c32; }
.directors_mobile .profile_image { text-align:center; }
.directors_mobile h1 { margin:10px 0; font-size:16px; line-height:22px; }
.directors_mobile, .directors_mobile p { font-size:12px; line-height:18px; }
.directors_mobile p { margin:0 0 10px 0; }

@media screen and (max-width: 800px) {
	.directors_desktop li { width:24%; margin-right:1%; }
	.directors_desktop li:nth-child(5n+5) { margin-right:1%; }
	.directors_desktop li:nth-child(4n+4) { margin-right:0; }
	.directors_desktop .dot { margin-top:-28.5%; }
}
@media screen and (max-width: 700px) {
	.directors_desktop li { width:32.33%; margin-right:1.5%; }
	.directors_desktop li:nth-child(4n+4) { margin-right:1.5%; }
	.directors_desktop li:nth-child(5n+5) { margin-right:1.5%; }
	.directors_desktop li:nth-child(3n+3) { margin-right:0%; }
	.directors_desktop .dot { margin-top:-38.5%; }
}
@media screen and (max-width: 600px) {
	.directors_desktop li { width:49%; margin-right:2%; }
	.directors_desktop li:nth-child(4n+4) { margin-right:2%; }
	.directors_desktop li:nth-child(5n+5) { margin-right:2%; }
	.directors_desktop li:nth-child(3n+3) { margin-right:2%; }
	.directors_desktop li:nth-child(2n+2) { margin-right:0%; }
	.directors_desktop .dot { margin-top:-58.5%; }
	.directors_desktop { display:none; }
	.directors_mobile { display:block!important; }
}
@media screen and (max-width: 400px) {
	.directors_desktop li { width:100%; margin-right:0!important; }
	.directors_desktop .dot { margin-top:-38.5%; }
	.directors_mobile p strong { display:block; max-width:75%; margin-left:auto; margin-right:auto; }
}