.breadcrumbs-director {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.directors-container {
  flex-direction: column;
  display: flex;
  width: 100%;
  padding: 20px 0 40px;
}
.directors-container .each-section {
  width: 100%;
}
.directors-container .each-section .each-header {
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.directors-container .each-section .each-header .each-heading {
  font-size: 18px;
  font-weight: bold;
}
.directors-container .each-section .each-content {
  flex-direction: row;
  display: flex;
  width: 100%;
}
.directors-container .each-section .each-content .section-left {
  width: 50%;
  flex-direction: column;
  display: flex;
}
.directors-container .each-section .each-content .section-right {
  width: 50%;
  flex-direction: column;
  display: flex;
}
.directors-container .margin-top {
  margin-top: 30px;
}
.directorsContainer {
  flex-direction: column;
  display: flex;
  padding-top: 20px;
  padding-right: 20px;
}
.directorsContainer .personName {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.directorsContainer .personTitle {
  color: #666;
  font-weight: bold;
  font-size: 14px;
}
.personsContainer {
  flex-direction: row;
  display: flex;
  padding-top: 20px;
  padding-right: 20px;
}
.personsContainer .personName {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.personsContainer .personTitle {
  margin-left: 5px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 420px) {
  .directors-container .each-section .each-content {
    flex-direction: column;
  }
  .directors-container .each-section .each-content .section-left, .directors-container .each-section .each-content .section-right {
    width: 100%;
  }
}
