.doctor_name {
  font-size: 1.6rem;
}
.doctor_name span {
  font-size: 1.1rem;
}
.doctor_profile {
  position: relative;
}
.doctor_pht {
  width: 100%;
  max-width: 190px;
  margin: 0.5rem auto;
}
.doctor_pht img {
  width: 100%;
}

.doctor_historyYear {
  width: 100%;
  font-weight: bold;
  padding: 0.5rem 0;
}
.doctor_historyYear:first-of-type {
  border-bottom: #777 1px dotted;
}
.doctor_historyDesc {
  width: 100%;
  padding: 0 0 0.5rem;
  border-bottom: #777 1px dotted;
  margin: 0;
}

@media (min-width: 576px) {
  .doctor_name {
    font-size: 1.8rem;
  }
  .doctor_name span {
    font-size: 1.2rem;
  }
  .doctor_pht {
    max-width: 150px;
    position: absolute;
    top: 12%;
    right: 0;
    z-index: 1;
  }
  .doctor_historyYear {
    width: calc(11rem);
    padding: 0.5rem;
    border-bottom: #777 1px dotted;
  }
  .doctor_historyYear:first-of-type {
    width: 100%;
  }
  .doctor_historyDesc {
    width: calc(100% - 11rem);
    padding: 0.5rem;
  }
}
@media (min-width: 768px) {
  .doctor_pht {
    max-width: 220px;
  }
}
@media (min-width: 1200px) {
  .doctor_pht {
    right: 5rem;
  }
}