/*** Common modules ***/
ul {
  list-style: none;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}


/** Breadcrumb **/
.breadcrumb {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 74px;
  padding: 0;
  margin: 0 auto;
}

.breadcrumbText {
  width: 100%;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  color: #969696;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media (max-width: 1239px) {

}

@media (max-width: 959px) {

}

@media (max-width: 779px) {
  .breadcrumb {
    height: auto;
  }

  .breadcrumb .container {
    border-bottom: 1px dashed #969696;
  }
  
  .breadcrumbText {
    display: flex;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 32px;
    color: #969696;
    margin: 30px 0 28px 0;
  }
}

@media (max-width: 600px) {
  .breadcrumbText {
    font-size: 16px;
    line-height: 24px;
    margin: 22px 0 20px 0;
  }
}

@media (max-width: 432px) {
  .breadcrumbText {
    font-size: 12px;
    line-height: 18px;
    margin: 16px 0 14px 0;
  }
}

/** Main content **/
.mainContent {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 0 36px 0;
  margin: 0;
}

.mainContent .container {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  padding: 0;
}

@media (max-width: 1239px) {

}

@media (max-width: 959px) {

}

@media (max-width: 779px) {
  .mainContent {
    padding: 46px 30px 56px 30px;
  }

  .mainContent .container {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .mainContent {
    padding: 36px 24px 42px 24px;
  }
}

@media (max-width: 432px) {
  .mainContent {
    padding: 24px 16px 28px 16px;
  }
}

/** Left module **/

/* Column list */
.leftColumn {
  display: block;
  width: 266px;
  padding: 0;
  margin: 0 54px 0 0;
}

.columnList {
  display: block;
  width: 100%;
}

.columnItem {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  color: #3c3c3c;
  background-color: #f6f6f6;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #fff;
  width: 100%;
  height: 48px;
  padding: 0 30px;
}

.columnItem:last-child {
  border-bottom: 1px solid #fff;
}

.columnItem.active {
  color: #fff;
  background-color: #0062ac;
}

a.columnItem.active:active, a.columnItem.active:hover, a.columnItem.active:visited,
a.columnItem.active:focus, a.columnItem.active:focus-within {
  color: #fff;
}

@media (max-width: 1239px) {
  .leftColumn {
    width: 200px;
    margin: 0 40px 0 0;
  }

  .columnItem {
    padding: 0 20px;
  }
}

@media (max-width: 959px) {
  .leftColumn {
    display: none;
  }
}


/* Share QR code */
.leftQR {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 266px;
  padding: 0 23px;
  margin: 0 54px 0 0;
}

.leftQR .qrCode {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  max-width: 220px;
}

.leftQR .qrCode:last-child {
  margin-right: 0;
}

.leftQR .qrCode img {
  display: block;
  width: 100%;
}

.leftQR .qrCode .qrText {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}

@media (max-width: 1239px) {
  .leftQR {
    width: 200px;
    padding: 0 20px;
    margin: 0 40px 0 0;
  }

  .leftQR .qrCode {
    max-width: 160px;
  }
}

@media (max-width: 959px) {
  .leftQR {
    display: none;
  }
}

/* Talent */
.rcdiv .row h3{
  font-size:18px;
  font-weight:bold;
  color:#199cff;
  margin-top:0 !important;
}

@media (min-width: 992px) {
.rcdiv .row{
   display:flex;
  flex-wrap:wrap;
}
.rcdiv .row .col-md-6:nth-child(4n+1),.rcdiv .row .col-md-6:nth-child(4n){
  background:#F8f8f8;
}
}
@media (max-width: 991px) {
.rcdiv .row .col-md-6:nth-child(2n+1){
  background:#F8f8f8;
}
}
.rcdiv .row .rccol{
  padding:40px 40px;
  line-height:180% !important;
}
.rcdiv .row .rccol ul li{
  list-style:none;
  margin-bottom:15px;
  line-height: 150% !important;
}
/* Teacher's left column */
.leftTeacher {
  display: block;
  width: 266px;
  padding: 0;
  margin: 0 54px 0 0;
}

.teacherPic {
  width: 100%;
}

.teacherPic img {
  display: block;
  width: 100%;
}

.basicInfo {
  width: 100%;
}

.basicInfo .name {
  display: block;
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  font-weight: 700;
  color: #3c3c3c;
  width: 100%;
  margin: 22px 0 8px 0;
}

.basicInfo .field {
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #646464;
  width: 100%;
  min-height: 28px;
}

@media (max-width: 1239px) {
  .leftTeacher {
    width: 200px;
    margin: 0 40px 0 0;
  }
}

@media (max-width: 959px) {
  .leftTeacher {
    width: 300px;
    margin: 0 auto 40px auto;
  }
}

@media (max-width: 779px) {
  .leftTeacher {
    width: 280px;
    margin: 0 auto 56px auto;
  }

  .basicInfo .name {
    font-size: 32px;
    line-height: 44px;
    margin: 32px 0 12px 0;
  }
  
  .basicInfo .field {
    font-size: 18px;
    line-height: 36px;
    min-height: 36px;
  }
}

@media (max-width: 600px) {
  .leftTeacher {
    width: 240px;
    margin: 0 auto 40px auto;
  }

  .basicInfo .name {
    font-size: 26px;
    line-height: 36px;
    margin: 26px 0 10px 0;
  }
  
  .basicInfo .field {
    font-size: 16px;
    line-height: 32px;
    min-height: 32px;
  }
}

@media (max-width: 432px) {
  .leftTeacher {
    width: 200px;
    margin: 0 auto 28px auto;
  }

  .basicInfo .name {
    font-size: 22px;
    line-height: 32px;
    margin: 22px 0 8px 0;
  }
  
  .basicInfo .field {
    font-size: 14px;
    line-height: 28px;
    min-height: 28px;
  }
}


/** Right module **/

/* Article content */
.articleContent {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  width: 880px;
}

.articleTitle, .articleInfo, .columnTitle {
  width: 100%;
  text-align: center;
}

.articleTitle, .columnTitle {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  font-weight: 700;
  text-align: center;
  color: #3c3c3c;
  margin-bottom: 6px;
}

.articleInfo {
  font-size: 14px;
  line-height: 36px;
  color: #969696;
  margin-bottom: 14px;
}

.articleContent img {
  display: block;
  margin: 16px 0;
}

.articleContent p,
.articleContent h1, .articleContent h2, .articleContent h3,
.articleContent h4, .articleContent h5, .articleContent h6 {
  width: 100%;
}

.articleContent p {
  font-size: 16px;
  line-height: 36px;
  color: #3c3c3c;
}

.articleContent h1 {
  font-size: 32px;
  line-height: 48px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.articleContent h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 0.75rem;
  margin-block-end: 0.75rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.articleContent h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 0.75rem;
  margin-block-end: 0.75rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.articleContent h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 0.667rem;
  margin-block-end: 0.667rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.articleContent h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.articleContent h6 {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  font-weight: 700;
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

@media (max-width: 1239px) {
  .articleContent {
    width: 660px;
  }
}

@media (max-width: 959px) {
  .articleContent {
    width: 100%;
  }
}

@media (max-width: 779px) {
  .articleTitle, .columnTitle {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 16px;
  }

  .articleTitle {
    text-align: left;
  }
  
  .articleInfo {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 22px;
  }

  .articleContent p {
    font-size: 26px;
    line-height: 52px;
  }

  .articleContent h1 {
    font-size: 48px;
    line-height: 72px;
  }
  
  .articleContent h2 {
    font-size: 36px;
    line-height: 54px;
  }
  
  .articleContent h3 {
    font-size: 30px;
    line-height: 46px;
  }
  
  .articleContent h4 {
    font-size: 26px;
    line-height: 40px;
  }
  
  .articleContent h5 {
    font-size: 24px;
    line-height: 36px;
  }
  
  .articleContent h6 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 600px) {
  .articleTitle, .columnTitle {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 14px;
  }
  
  .articleInfo {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .articleContent p {
    font-size: 20px;
    line-height: 40px;
  }

  .articleContent h1 {
    font-size: 48px;
    line-height: 72px;
  }
  
  .articleContent h2 {
    font-size: 36px;
    line-height: 54px;
  }
  
  .articleContent h3 {
    font-size: 30px;
    line-height: 46px;
  }
  
  .articleContent h4 {
    font-size: 26px;
    line-height: 40px;
  }
  
  .articleContent h5 {
    font-size: 24px;
    line-height: 36px;
  }
  
  .articleContent h6 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 432px) {
  .articleTitle, .columnTitle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  
  .articleInfo {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .articleContent p {
    font-size: 14px;
    line-height: 22px;
  }

  .articleContent h1 {
    font-size: 24px;
    line-height: 36px;
  }
  
  .articleContent h2 {
    font-size: 18px;
    line-height: 28px;
  }
  
  .articleContent h3 {
    font-size: 16px;
    line-height: 24px;
  }
  
  .articleContent h4 {
    font-size: 14px;
    line-height: 22px;
  }
  
  .articleContent h5 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .articleContent h6 {
    font-size: 10px;
    line-height: 16px;
  }
}

/* Article list */
.articleList {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  width: 880px;
}

.listTitle {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
  border-bottom: 1px solid #969696;
  margin: 0 0 16px 0;
}

.contentList {
  display: block;
  width: 100%;
}

.listItem {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  border-bottom: 1px dashed #dadada;
  margin: 0;
}

.eventDate {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  justify-content: flex-start;
  justify-self: flex-start;
  align-items: center;
  font-size: 16px;
  width: 138px;
}

.itemTitle {
  display: flex;
  flex: 1 0 auto;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  font-size: 16px;
  line-height: 1;
  width: calc(100% - 114px);
  padding: 0 32px 0 0;
}

.itemTitle a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 100%;
  height: 16px;
  max-height: 16px;
  color: #3c3c3c;
}

.itemDate {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-end;
  justify-self: flex-end;
  align-items: center;
  font-size: 16px;
  color: #969696;
  /* width: 114px; */
}

.pagination {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 36px 0 0 0;
}

.pagination .first, .pagination .last {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  padding: 13px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background-color: #0062ac;
  border: 1px solid #0062ac;
}

.pagination .number {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  padding: 13px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background-color: #0062ac;
  border: 1px solid #0062ac;
}

.pagination .first:active, .pagination .first:hover, .pagination .first:visited, .pagination .first:focus, .pagination .first:focus-within,
.pagination .last:active, .pagination .last:hover, .pagination .last:visited, .pagination .last:focus, .pagination .last:focus-within,
.pagination .number:active, .pagination .number:hover, .pagination .number:visited, .pagination .number:focus, .pagination .number:focus-within {
  color: #fff;
}

.pagination .number.active {
  color: #0062ac;
  background-color: #fff;
}

.pagination div:first-of-type {
  border-radius: 3px 0 0 3px;
}

.pagination div:last-of-type {
  border-radius: 0 3px 3px 0;
}


@media (max-width: 1239px) {
  .articleList {
    width: 660px;
  }
}

@media (max-width: 959px) {
  .articleList {
    width: 100%;
  }
}

@media (max-width: 779px) {
  .listTitle {
    height: 84px;
    font-size: 36px;
    line-height: 56px;
    color: #0062ac;
    margin: 0 0 16px 0;
  }

  .listItem {
    height: 80px;
  }

  .eventDate {
    display: none;
  }

  .itemTitle {
    font-size: 24px;
    width: calc(100% - 128px);
    padding: 0 52px 0 0;
  }

  .itemTitle a {
    height: 24px;
    max-height: 24px;
  }
  
  .itemDate {
    font-size: 22px;
  }

  .pagination {
    margin: 56px 0 0 0;
  }

  .pagination .first, .pagination .last {
    flex: 0 1 auto;
    min-width: 72px;
    height: 72px;
    padding: 24px;
    font-size: 24px;
  }
  
  .pagination .number {
    flex: 0 1 auto;
    min-width: 72px;
    height: 72px;
    padding: 24px;
    font-size: 24px;
  }
}

@media (max-width: 719px) {
  .pagination .first, .pagination .last {
    min-width: 60px;
    height: 60px;
    padding: 20px;
    font-size: 20px;
  }
  
  .pagination .number {
    min-width: 60px;
    height: 60px;
    padding: 20px;
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  .listTitle {
    height: 64px;
    font-size: 28px;
    line-height: 42px;
    margin: 0 0 16px 0;
  }

  .listItem {
    height: 64px;
  }

  .itemTitle {
    font-size: 18px;
    width: calc(100% - 100px);
    padding: 0 36px 0 0;
  }
  
  .itemTitle a {
    height: 18px;
    max-height: 18px;
  }

  .itemDate {
    font-size: 16px;
  }

  .pagination {
    margin: 42px 0 0 0;
  }

  .pagination .first, .pagination .last {
    min-width: 54px;
    height: 54px;
    padding: 18px;
    font-size: 18px;
  }
  
  .pagination .number {
    min-width: 54px;
    height: 54px;
    padding: 18px;
    font-size: 18px;
  }
}

@media (max-width: 540px) {
  .pagination .first, .pagination .last {
    min-width: 42px;
    height: 42px;
    padding: 14px;
    font-size: 14px;
  }
  
  .pagination .number {
    min-width: 42px;
    height: 42px;
    padding: 14px;
    font-size: 14px;
  }
}

@media (max-width: 432px) {
  .listTitle {
    height: 42px;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 16px 0;
  }

  .listItem {
    height: 42px;
  }

  .itemTitle {
    font-size: 14px;
    width: calc(100% - 72px);
    padding: 0 28px 0 0;
  }

  .itemTitle a {
    height: 14px;
    max-height: 14px;
  }
  
  .itemDate {
    font-size: 12px;
  }

  .pagination {
    margin: 28px 0 0 0;
  }

  .pagination .first, .pagination .last {
    min-width: 30px;
    height: 30px;
    padding: 9px;
    font-size: 12px;
  }
  
  .pagination .number {
    min-width: 30px;
    height: 30px;
    padding: 9px;
    font-size: 12px;
  }
}

/* Faculty list */
.facultyList {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  width: 880px;
}

.facultyItem {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 0 28px 0;
}

.facultyTitle {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  font-weight: 700;
  color: #0062ac;
  width: 100%;
  height: 26px;
  padding: 0 0 0 10px;
  margin: 20px 0 20px 0;
  border-left: 3px solid #0062ac;
}

.nameList {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  width: 100%;
}

.nameItem {
  display: block;
  font-size: 16px;
  line-height: 48px;
  width: 16.66%;
  height: 48px;
  padding: 0;
  margin: 0;
}

@media (max-width: 1239px) {
  .facultyList {
    width: 660px;
  }
}

@media (max-width: 959px) {
  .facultyList {
    width: 100%;
  }
}

@media (max-width: 779px) {
  .facultyItem {
    margin: 0 0 34px 0;
  }

  .facultyTitle {
    font-size: 32px;
    line-height: 40px;
    height: 40px;
    padding: 0 0 0 15px;
    margin: 42px 0 42px 0;
    border-left: 5px solid #0062ac;
  }
  
  .nameItem {
    font-size: 28px;
    line-height: 72px;
    width: 25%;
    height: 72px;
  }
}

@media (max-width: 600px) {
  .facultyItem {
    margin: 0 0 26px 0;
  }

  .facultyTitle {
    font-size: 24px;
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 12px;
    margin: 32px 0 32px 0;
    border-left: 4px solid #0062ac;
  }
  
  .nameItem {
    font-size: 20px;
    line-height: 54px;
    height: 54px;
  }
}

@media (max-width: 432px) {
  .facultyItem {
    margin: 0 0 18px 0;
  }

  .facultyTitle {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    padding: 0 0 0 15px;
    margin: 22px 0 22px 0;
    border-left: 3px solid #0062ac;
  }
  
  .nameItem {
    font-size: 14px;
    line-height: 36px;
    height: 36px;
  }
}

/* Teachers' list */
.teacherList {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  width: 880px;
}

.teacherItem {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  min-height: 240px;
  padding: 30px 0;
  margin: 0;
  border-bottom: 1px dashed #969696;
}

.teacherPhoto {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 135px;
  height: 180px;
  padding: 0;
  margin: 0 30px 0 0;
}

.teacherPhoto img {
  display: block;
  width: 100%;
}

.teacherInfo {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 165px);
  min-height: 180px;
  padding: 0;
  margin: 0;
}

.teacherInfo .name {
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  font-weight: 700;
  color: #3c3c3c;
  width: 100%;
  height: 32px;
}

.teacherInfo .profession {
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  font-weight: 500;
  color: #646464;
  height: 32px;
}

.teacherInfo .textBold {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  font-weight: 700;
  color: #646464;
}

.teacherInfo .position,
.teacherInfo .eMail,
.teacherInfo .research {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #646464;
  width: 100%;
  min-height: 24px;
}

.teacherInfo .position,
.teacherInfo .eMail {
  margin: 10px 0 6px 0;
}

.teacherInfo .research {
  margin: 0;
}

.teacherInfo .more {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #0062ac;
  width: 100%;
  height: 24px;
  margin: 22px 0 0 0;
}


@media (max-width: 1239px) {
  .teacherList {
    width: 660px;
  }
}

@media (max-width: 959px) {
  .teacherList {
    width: 100%;
  }
}

@media (max-width: 779px) {  
  .teacherItem {
    min-height: 344px;
    padding: 40px 0;
    margin: 0;
    border-bottom: 1px dashed #969696;
  }
  
  .teacherPhoto {
    width: 26.4vw;
    height: 35.2vw;
    padding: 0;
    margin: 0 4.4vw 0 0;
  }
  
  .teacherInfo {
    width: calc(100% - 30.8vw);
    min-height: 264px;
    padding: 0;
    margin: 0;
  }
  
  .teacherInfo .name {
    font-size: 32px;
    line-height: 42px;
    height: 42px;
  }
  
  .teacherInfo .profession {
    font-size: 24px;
    line-height: 42px;
    height: 42px;
  }
    
  .teacherInfo .eMail {
    font-size: 24px;
    line-height: 36px;
    height: auto;
    min-height: 36px;
    margin: 12px 0 10px 0;
  }
  
  .teacherInfo .research {
    font-size: 24px;
    line-height: 36px;
  }

  .teacherInfo .textBold {
    font-size: 24px;
    line-height: 36px;
  }
  
  .teacherInfo .more {
    font-size: 24px;
    line-height: 36px;
    height: 36px;
    margin: 22px 0 0 0;
  }
}

@media (max-width: 600px) {
  .teacherItem {
    min-height: 344px;
    padding: 30px 0;
  }
  
  .teacherInfo {
    min-height: 284px;
  }
  
  .teacherInfo .name {
    font-size: 24px;
    line-height: 32px;
    height: 32px;
  }
  
  .teacherInfo .profession {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
    
  .teacherInfo .eMail {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    min-height: 28px;
    margin: 15px 0 9px 0;
  }
  
  .teacherInfo .research {
    font-size: 18px;
    line-height: 28px;
  }

  .teacherInfo .textBold {
    font-size: 18px;
    line-height: 28px;
  }
  
  .teacherInfo .more {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
    margin: 22px 0 0 0;
  }
}

@media (max-width: 432px) {
  .teacherItem {
    min-height: 224px;
    padding: 20px 0;
  }
  
  .teacherPhoto {
    width: 27vw;
    height: 36vw;
    margin: 0 5vw 0 0;
  }
  
  .teacherInfo {
    width: calc(100% - 32vw);
    min-height: 184px;
    padding: 0;
    margin: 0;
  }
  
  .teacherInfo .name {
    font-size: 16px;
    line-height: 22px;
    height: 22px;
  }
  
  .teacherInfo .profession {
    font-size: 12px;
    line-height: 22px;
    height: 22px;
  }
    
  .teacherInfo .eMail {
    font-size: 12px;
    line-height: 18px;
    height: auto;
    min-height: 18px;
    margin: 10px 0 6px 0;
  }
  
  .teacherInfo .research {
    font-size: 12px;
    line-height: 18px;
  }

  .teacherInfo .textBold {
    font-size: 12px;
    line-height: 18px;
  }
  
  .teacherInfo .more {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin: 12px 0 0 0;
  }
}

/* Teacher's CV */
.teacherCV {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  width: 880px;
}

.teacherDetail {
  display: block;
  width: 100%;
  padding: 14px 0 30px 0;
  margin: 0;
}

/* .teacherDetail:last-child {
  margin: 0;
} */

.fieldTitle {
  display: block;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  font-weight: 700;
  color: #0062ac;
  min-height: 18px;
  padding: 0;
  margin: 0 0 14px 0;
}

.fieldSubtitle {
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  font-weight: 700;
  color: #0062ac;
  height: 26px;
  padding: 10px 0 0 0;
  margin: 0;
}

.fieldContent {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.fieldContent p {
  display: block;
  width: 100%;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 16px;
  line-height: 36px;
  color: #3c3c3c;
}

.fieldContent img {
  display: block;
  max-width: 100%;
}

.fieldInfo {
  display: block;
  width: 100%;
}

.fieldDetail {
  display: block;
  font-size: 16px;
  line-height: 36px;
  color: #3c3c3c;
  width: 100%;
  min-height: 36px;
}

.fieldList {
  display: block;
  list-style-type: disc;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 1rem;
}

.fieldItem {
  display: list-item;
  font-size: 16px;
  line-height: 36px;
  min-height: 36px;
}

@media (max-width: 1239px) {
  .teacherCV {
    width: 660px;
  }
}

@media (max-width: 959px) {
  .teacherCV {
    width: 100%;
  }
}

@media (max-width: 779px) {
  .fieldTitle {
    font-size: 32px;
    line-height: 40px;
    height: 40px;
  }

  .fieldSubtitle {
    font-size: 28px;
    line-height: 36px;
    height: 46px;
  }

  .fieldContent p {
    font-size: 26px;
    line-height: 52px;
  }

  .fieldDetail, .fieldItem {
    font-size: 26px;
    line-height: 52px;
    min-height: 52px;
  }

  .fieldList {
    margin-inline-start: 1rem;
  }
}

@media (max-width: 600px) {
  .fieldTitle {
    font-size: 26px;
    line-height: 32px;
    height: 32px;
  }

  .fieldSubtitle {
    font-size: 22px;
    line-height: 28px;
    height: 38px;
  }

  .fieldContent p {
    font-size: 20px;
    line-height: 40px;
  }

  .fieldDetail, .fieldItem {
    font-size: 20px;
    line-height: 40px;
    min-height: 40px;
  }
}

@media (max-width: 432px) {
  .fieldTitle {
    font-size: 18px;
    line-height: 24px;
  }

  .fieldSubtitle {
    font-size: 16px;
    line-height: 30px;
  }

  .fieldContent p {
    font-size: 14px;
    line-height: 28px;
  }

  .fieldDetail, .fieldItem {
    font-size: 14px;
    line-height: 28px;
    min-height: 28px;
  }
}