/*======================= Staff Category Page ==================================*/
.staffcat .inner .staffwrapper {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
.staffcat .inner .staffwrapper .itembox {background-color: #42a2d6; width: 18.4%; margin-right: 2%; margin-bottom: 20px; line-height: 0; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap:wrap; transition: all .5s; }
.staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 0; }
.staffcat .inner .staffwrapper .itembox .imagewrapper {width: 100%; display: block; }
.staffcat .inner .staffwrapper .itembox .imagewrapper img {width: 100%; }
.staffcat .inner .staffwrapper .itembox .centerbox { padding: 10px 10px; box-sizing: border-box; display: flex; justify-content: space-around; flex-wrap: wrap;}
.staffcat .inner .staffwrapper .itembox .centerbox .title  {position: relative; color: #ffffff; margin: 0 0 10px 0; font-size: calc(14pt + .2vw); font-weight: 700; transition: all .5s; line-height: 1.2em; text-align: center; text-transform: uppercase;  width: 100%;}
.staffcat .inner .staffwrapper .itembox .centerbox .position {line-height: 1em; color: #c3dafc; transition: all 0.3s; width: 100%; text-align: center;}
.staffcat .inner .staffwrapper .itembox .centerbox .email { width: 100%; text-align: center;margin-top: 7px;}
.staffcat .inner .staffwrapper .itembox .centerbox .email a {color: #c3dafc; line-height: 1em;  transition: all 0.3s;}
.staffcat .inner .staffwrapper .itembox .centerbox .email a:hover {color: #ffffff; }



@media only screen and (max-width: 1650px) {
}
  
@media only screen and (max-width: 1500px) {
}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1200px) {
  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 2.66%; }
  .staffcat .inner .staffwrapper .itembox {width: 23%; margin-right: 2.66%; }
  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 0; }
}

@media only screen and (max-width:1100px) {
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 900px) {
  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 3.5%; }
  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 3.5%; }
  .staffcat .inner .staffwrapper .itembox {width: 31%; margin-right: 3.5%; }
  .staffcat .inner .staffwrapper .itembox:nth-child(3n+3) {margin-right: 0; }
}


@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 700px) {
  .staffcat .inner .staffwrapper {justify-content: space-between;}

  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 0; }
  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 0; }
  .staffcat .inner .staffwrapper .itembox:nth-child(3n+3) {margin-right: 0; }
  .staffcat .inner .staffwrapper .itembox {width: 48%; margin: 0 0 20px; }

}

@media only screen and (max-width: 680px) {
}


@media only screen and (max-width: 600px) {
}


@media only screen and (max-width: 500px) {
  .staffcat .inner .staffwrapper .itembox {width: 100%; }
}