.vbs-person-contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 30px;

  @media only screen and (max-width: 767px) {
    gap: 20px;
  }
}

.vbs-person-contact .image {
  width: 34%;
}

.vbs-person-contact .details {
  width: 66%;
  gap: 25px;
  display: flex;
  flex-direction: column;
  
  @media only screen and (max-width: 767px) {
    gap: 15px;
  }
}

.vbs-person-contact .details .name {
  display: flex;
  flex-direction: column;
  gap: 7px;

  @media only screen and (max-width: 767px) {
    gap: 5px;
  }
}

.vbs-person-contact .details table tr:nth-child(1) > td {
  padding-right: 15px;
}
