/* =========================================================
   TEAM / FACULTY LIST ON iPAD
   - รูปอยู่กลาง
   - text ใต้รูปเริ่มจากซ้ายของการ์ดรูป
   - ใช้กับ row ที่มี class .team-ipad-layout
========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  .team-ipad-layout {
    justify-content: center;
  }

  .team-ipad-layout > div[class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .team-ipad-layout .single-team {
    display: block;
    width: 420px;
    max-width: 100%;
    margin: 0 auto 30px;
    text-align: left;
  }

  .team-ipad-layout .team-thumb {
    display: block;
    width: 100%;
  }

  .team-ipad-layout .brd img {
    display: block;
    margin: 0 auto;
  }

  .team-ipad-layout .team-info {
    text-align: left;
  }
}

/* =========================================================
   PROFILE DETAILS IMAGE ON iPAD
   - ลดขนาดรูปเฉพาะหน้า profile details
========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  #person-image.profile-ipad-image {
    width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}

/* =========================================================
   PROFILE DETAILS TEXT ALIGNMENT ON MOBILE + iPAD
   - ขอบซ้ายของชื่อ / ชื่อไทย / EDUCATION / RESEARCH ตรงกัน
========================================================= */
@media (max-width: 1024px) {
  .text-column .section-title2,
  .text-column .person-extra,
  .text-column .team-per-info {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .text-column .section-title2 h2,
  .text-column .section-title2 .thai-name,
  .text-column .person-extra h5,
  .text-column .person-extra #person-about,
  .text-column .person-extra #person-experience-intro,
  .text-column .person-extra p,
  .text-column .person-extra div,
  .text-column .team-per-info {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .text-column .person-extra ul {
    margin-left: 0 !important;
    padding-left: 28px !important;
  }

  .text-column .person-extra li {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}