@media screen and (max-width: 1450px) {
                  .main-menu>ul>li>a {
                      font-size: 1.8em;
                  }
                  .main-menu li.menu-item-has-children>a:after {
                      width: 12px;
                      height: 6px;
                      margin-left: 4px;
                  }
                  .main-menu>ul>li {
                      padding: 0 0 0 20px;
                  }
                  .search-btn {
                      width: 35px;
                      height: 35px;
                  }
                  .footer-left {
                      width: 37%;
                  }
                  .footer-right {
                      width: 60%;
                  }
                  .str-bottom {
                      margin-top: 3em;
                  }
                  .rc-block .people-card {
                      flex-basis: 49%;
                  }
              }
              
              @media screen and (max-width: 1200px) {
                  .header-logo img {
                      max-height: 42px;
                  }
                  .header-logo-1 {
                      margin-right: 12.6px;
                  }
                  .main-menu>ul>li>a {
                      font-size: 1.5em;
                  }
                  .education .people-card {
                      flex-basis: 100%;
                      margin-bottom: 4%;
                  }
                  #supervisors-and-potential-research-areas .pc-left {
                      width: 33%;
                  }
                  #supervisors-and-potential-research-areas .pc-right {
                      width: 62%;
                  }
                  .home-slider-container .bx-wrapper .bx-controls-direction a {
                      width: 30px;
                      height: 40px;
                      background-size: 30%;
                  }
                  .slide-wrapper {
                      left: calc(50% + 18px);
                  }
                  .event-btns {
                      display: flex;
                      justify-content: space-between;
                      flex-wrap: wrap;
                  }
                  .light-btn,
                  .light-btn.global {
                      font-size: 1.8em;
                      padding: 12px 0;
                      flex-basis: 49%;
                  }
                  .light-btn.global,
                  .light-btn.pdf,
                  .light-btn.gallery,
                  .light-btn.video {
                      margin-right: 0;
                  }
              }
              
              @media screen and (max-width: 1150px) {
                  body {
                      font-size: 45%;
                  }
                  .main-menu-mask,
                  .main-menu-button,
                  .main-menu-top {
                      display: block;
                  }
                  .language-switcher-desktop,
                  .header-right-top {
                      display: none;
                  }
                  .header {
                      position: sticky;
                      width: 100%;
                      padding: 10px 0;
                  }
                  .header-wrapper {
                      width: 100%;
                      padding: 0 25px;
                  }
                  .header-top {
                      padding: 0;
                  }
                  .header-bottom {
                      height: auto;
                      border-top: 0;
                  }
                  .main-menu-button {
                      position: relative;
                      margin-top: 3px;
                      z-index: 999;
                  }
                  .main-menu-button-inner {
                      width: 29px;
                      height: 22px;
                      position: relative;
                      -webkit-transform: rotate(0deg);
                      transform: rotate(0deg);
                      -webkit-transition: .5s ease-in-out;
                      transition: .5s ease-in-out;
                      cursor: pointer;
                  }
                  .main-menu-button-inner span {
                      display: block;
                      height: 2px;
                      width: 100%;
                      background-color: #529ad2;
                      border-radius: 9px;
                      opacity: 1;
                      left: 0;
                      -webkit-transform: rotate(0deg);
                      transform: rotate(0deg);
                      -webkit-transition: .25s ease-in-out;
                      transition: .25s ease-in-out;
                  }
                  .main-menu-corner {
                      width: 100%;
                      padding: 0 20px;
                  }
                  .main-menu-container {
                      display: block;
                      position: fixed;
                      top: 0;
                      right: -300px;
                      width: 100%;
                      max-width: 300px;
                      min-width: 300px;
                      height: 100vh;
                      margin-top: 0;
                      margin-right: 0;
                      padding-top: 65px;
                      background-color: #fff;
                      box-shadow: 0 0 5px #b0b0b0;
                      -webkit-transition: right 0.25s ease-in-out;
                      transition: right 0.25s ease-in-out;
                      overflow-y: auto;
                      z-index: 101;
                  }
                  .main-menu-button-inner span:nth-child(1) {
                      top: 0px;
                      -webkit-transform-origin: left center;
                      transform-origin: left center;
                  }
                  .main-menu-button-inner span:nth-child(2) {
                      top: 10px;
                      -webkit-transform-origin: left center;
                      transform-origin: left center;
                  }
                  .main-menu-button-inner span:nth-child(3) {
                      top: 20px;
                      -webkit-transform-origin: left center;
                      transform-origin: left center;
                  }
                  .menu-open .main-menu-container {
                      right: 0;
                      overflow-y: scroll;
                      -webkit-transition: right 0.25s ease-in-out;
                      transition: right 0.25s ease-in-out;
                      overflow: scroll;
                  }
                  .menu-open .main-menu-button-inner span:nth-child(1) {
                      -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
                      top: -3px;
                      left: 8px;
                  }
                  .menu-open .main-menu-button-inner span:nth-child(2) {
                      width: 0%;
                      opacity: 0;
                  }
                  .menu-open .main-menu-button-inner span:nth-child(3) {
                      -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg);
                      top: 17px;
                      left: 8px;
                  }
                  .main-menu-top {
                      margin-bottom: 2em;
                  }
                  .main-menu-container .wrapper {
                      width: 100%;
                  }
                  .main-menu>ul {
                      margin-left: 0;
                  }
                  .main-menu>ul>li {
                      display: block;
                      vertical-align: middle;
                      padding: 0;
                  }
                  .main-menu>ul>li>a {
                      display: block;
                      width: 100%;
                      text-align: left;
                      padding: 12px 20px;
                      margin-left: 0;
                  }
                  .main-menu>ul>li>a:hover {
                      background-color: #dff5ff;
                      color: #4482BB;
                  }
                  .search-btn {
                      display: none;
                  }
                  .main-menu li.menu-item-has-children>a:after {
                      position: absolute;
                      top: 20px;
                      right: 20px;
                  }
                  .main-menu li.menu-item-has-children:hover>ul {
                      position: relative;
                      box-shadow: 0 0 0;
                      width: 100%;
                      left: 0;
                      border: 0;
                      background-color: #f8fafd;
                  }
                  .main-menu>ul>li>ul>li>a {
                      padding: 9px 20px;
                  }
                  .main-menu li.menu-item-has-children ul>li:hover>a {
                      background-color: #dff5ff;
                      text-decoration: unset;
                  }
                  .search-form {
                      width: 90%;
                      margin: auto;
                  }
                  .footer-left {
                      width: 45%;
                  }
                  .footer-menu-container>ul>li {
                      background-size: 20px;
                  }
                  .footer-menu-container>ul>li>a {
                      padding: 13px 0;
                      padding-left: 30px;
                  }
                  .footer-menu-btn {
                      width: 30px;
                      height: 30px;
                  }
                  .footer-logo img {
                      height: 52px;
                  }
                  .staff-card {
                      min-height: unset;
                  }
                  .staff-card .sc-right {
                      padding-bottom: 45px;
                  }
                  p {
                      font-size: 2.1em;
                  }
                  .st-right {
                      padding: 15px 40px 25px 0;
                  }
                  .pc-email,
                  .pc-tel {
                      background-size: 14px;
                      padding-left: 22px;
                  }
                  .inpage-link {
                      font-size: 2.1em;
                      padding: 0 0 1.5em 2em;
                      background-size: 20px;
                  }
                  .next.page-numbers,
                  .perious.page-numbers {
                      margin-top: -3px;
                  }
                  .apply-link {
                      background-position: left top 21px;
                  }
                  .light-btn span {
                      background-size: 18px;
                  }
                  #introduction {
                      padding-top: 3em;
                  }
                  .slide-caption h2 {
                      font-size: 4em;
                  }
              }
              /* 1150 px */
              
              @media screen and (max-width: 960px) {
                  .slide-caption h2 {
                      font-size: 4em;
                  }
                  .slide-caption p {
                      font-size: 1.8em;
                  }
                  .slide-caption .primary-btn {
                      width: 220px;
                      padding: 12px 16px;
                      font-size: 1.8em;
                  }
                  .primary-btn {
                      width: 250px;
                      padding: 16px 20px;
                  }
                  .home-slider-container .bx-wrapper .bx-pager.bx-default-pager {
                      bottom: 10px;
                  }
                  .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
                      width: 13px;
                      height: 13px;
                      margin: 0 4px;
                  }
                  .footer .flex {
                      flex-direction: column;
                      flex-wrap: wrap;
                  }
                  .footer-left {
                      width: 100%;
                      margin-bottom: 3em;
                  }
                  .footer-left {
                      width: 100%;
                  }
                  .footer-right {
                      width: 100%;
                  }
                  .bottom-menu,
                  .copyright {
                      width: 100%;
                      text-align: center;
                  }
                  .tablinks {
                      flex-wrap: wrap;
                      padding: 8em 0 0 0;
                  }
                  .tablink {
                      width: 48%;
                      flex-basis: 48%;
                      padding-bottom: 54px;
                      margin-bottom: 2em;
                  }
                  .grid-1-3>.grid-col,
                  .grid-1-3>.grid-col:nth-child(3n+3) {
                      width: 48%;
                      margin-right: 4%;
                  }
                  .grid-1-3>.grid-col:nth-child(2n+2) {
                      margin-right: 0;
                  }
                  .grid-1-3>.grid-col:nth-child(3n+1) {
                      clear: unset;
                  }
                  .sc-left {
                      width: 22%;
                  }
                  .sc-right {
                      width: 75%;
                  }
                  .top-bar.wrapper {
                      width: 100%;
                      padding: 0 25px;
                  }
                  .pl-next {
                      right: 10px;
                      width: 7px;
                      height: 14px;
                  }
                  .pl-prev {
                      left: 10px;
                      width: 7px;
                      height: 14px;
                  }
                  .page-link {
                      font-size: 1.8em;
                  }
                  .news-row {
                      align-items: start;
                  }
                  .gallery .er-right {
                      width: 100%;
                  }
                  .gallery .er-left {
                      width: 100%;
                      margin-bottom: 3em;
                  }
                  .event-rows {
                      flex-wrap: wrap;
                  }
                  .slide-caption h2 {
                      font-size: 3.2em;
                  }
                  .box-icon {
                      width: 30px;
                      height: 30px;
                  }
              }
              /* 960 px */
              
              @media screen and (max-width: 768px) {
                  .slide-caption h2 {
                      font-size: 3.2em;
                  }
                  .primary-btn {
                      width: auto;
                      padding: 12px 32px 12px 12px;
                      font-size: 1.8em;
                      background-size: 20px;
                      background-position: right 8px center;
                  }
                  .slide-caption p {
                      font-size: 2em;
                  }
                  .hl-text {
                      font-size: 2em;
                  }
                  .hl-text span:after {
                      width: 17px;
                      height: 17px;
                  }
                  .ha-blocks {
                      flex-direction: column;
                  }
                  .hab-left,
                  .hab-right {
                      width: 100%;
                      margin-bottom: 4em;
                  }
                  .home-section-3 .text-block h3 {
                      font-size: 3.5em;
                  }
                  .people-card {
                      flex-basis: 100%;
                  }
                  .people-card.empty {
                      display: none;
                  }
                  .people-card:nth-last-child(2),
                  .people-card:last-child {
                      margin-bottom: 6%;
                  }
                  .sc-full {
                      padding: 19px 20px;
                  }
                  .id-btn {
                      margin-bottom: 1em;
                  }
                  .flex {
                      flex-wrap: wrap;
                  }
                  .sidebar,
                  .research-contents {
                      width: 100%;
                  }
                  .research-contents>.sec-padding {
                      padding-top: 3em;
                  }
                  .page-banner-inner p {
                      margin-bottom: 0.5em;
                  }
                  .page-banner-inner h1 {
                      font-size: 2.8em;
                  }
                  .people-cards {
                      padding: 4em 0 0 0;
                  }
                  .bx-wrapper .bx-controls-direction a {
                      width: 15px;
                      height: 30px;
                  }
                  .page-numbers,
                  .pagination-number {
                      width: 38px;
                      height: 38px;
                      padding: 9px 14px 8px 14px;
                      font-size: 1.8em;
                      margin: 0 3px;
                  }
                  .next.page-numbers,
                  .perious.page-numbers {
                      width: 38px;
                      height: 38px;
                      margin: 0 3px;
                      margin-top: -7px;
                  }
                  .page-numbers:nth-child(6),
                  .page-numbers:nth-child(7) {
                      display: none;
                  }
                  .apply-link {
                      padding: 20px 0 20px 32px;
                      background-size: 21px;
                  }
                  .custom-table th {
                      font-size: 2.1em;
                      padding: 14px 7px;
                  }
                  .custom-table td {
                      font-size: 1.8em;
                      padding: 14px 7px;
                  }
                  .itb-left,
                  .itb-right {
                      width: 100%;
                  }
                  .itb-left {
                      margin-bottom: 2em;
                  }
                  .nr-left,
                  .nr-right {
                      width: 100%;
                  }
                  .nr-left {
                      margin-bottom: 2em;
                  }
                  .nt-row {
                      height: 70px;
                  }
                  .light-btn {
                      width: 250px;
                      margin: 0.3em 0 0.3em 0;
                  }
                  .itb-right .light-btn {
                      width: 280px;
                  }
                  .event-date,
                  .event-time,
                  .event-location {
                      font-size: 2.4em;
                      padding-left: 30px;
                  }
                  .gallery-row {
                      width: 40%;
                      margin-left: 0;
                  }
                  .more-photos {
                      width: 15%;
                  }
                  .more-photos .gr-photo {
                      padding-bottom: 148%;
                  }
                  .gr-inner {
                      font-size: 3em;
                  }
                  .investigators-row {
                      width: 100%;
                      margin-bottom: 3em;
                  }
                  .home-slider-container,
                  .home-slider-container .bx-wrapper,
                  .home-slider-container .bx-viewport,
                  .home-slider {
                      padding-bottom: 80%;
                  }
                  .home-slide {
                      background-position: left 22% center;
                      background-size: 192%;
                  }
                  .slide-caption {
                      width: 72%;
                  }
                  .st-left {
                      margin: 2% auto;
                  }
                  .st-right {
                      width: 100%;
                      padding: 15px 40px 25px 40px;
                      font-size: 100%;
                  }
                  .page-banner-inner .crumbs,
                  .crumbs {
                      font-size: 1.8em;
                  }
                  .page-banner-inner .crumb:after,
                  .crumb:after {
                      width: 21px;
                      height: 8px;
                  }
                  .flex-1-2 .flex-col {
                      width: 100%;
                      flex-basis: 100%;
                      margin-bottom: 5%;
                  }
                  .sc-content.equalheight {
                      height: auto!important;
                  }
                  ul.check-list>li {
                      background-size: 16px;
                      padding-left: 25px;
                  }
                  .text-image-block {
                      padding-bottom: 6em;
                  }
                  .text-image-block .text-block,
                  .text-image-block .image-block {
                      width: 100%;
                  }
                  .text-image-block .image-block {
                      order: 2!important;
                  }
                  .col-1-2 {
                      width: 100%;
                      margin-bottom: 3%;
                  }
              }
              /* 768 px */
              
              @media screen and (max-width:600px) {
                  .slide-caption h2 {
                      font-size: 2.4em;
                      line-height: 1.2;
                  }
                  .slide-caption p {
                      font-size: 1.8em;
                      line-height: 1.2;
                  }
                  .main-menu-button-inner {
                      width: 25px;
                      height: 19px;
                  }
                  .main-menu-button-inner span:nth-child(3) {
                      top: 16px;
                  }
                  .main-menu-button-inner span:nth-child(2) {
                      top: 8px;
                  }
                  .menu-open .main-menu-button-inner span:nth-child(1) {
                      top: -0.6px;
                  }
                  .home-link {
                      flex-basis: 100%;
                      max-width: 300px;
                      margin: 0 auto 3%;
                  }
                  .home-section-3.flex {
                      flex-direction: column;
                  }
                  .home-section-3 {
                      padding: 9em 0;
                  }
                  .home-section-3 .text-block {
                      width: 100%;
                      margin-bottom: 3em;
                  }
                  .hs-image {
                      width: 100%;
                      padding-bottom: 56.8%;
                  }
                  .grid-1-3>.grid-col,
                  .grid-1-3>.grid-col:nth-child(3n+3) {
                      width: 100%;
                      margin-right: 0;
                      margin-bottom: 6%;
                  }
                  .flex {
                      flex-wrap: wrap;
                  }
                  .st-right {
                      padding: 15px 40px 25px 25px;
                  }
                  .sec-heading {
                      padding-bottom: 22px;
                      margin-bottom: 3em;
                  }
                  .sec-heading h2 {
                      font-size: 3em;
                  }
                  .pc-right {
                      width: 57%;
                      padding: 17px 25px 17px 0;
                  }
                  .people-card:after {
                      border-bottom-width: 25px;
                      border-left: 25px solid #D6E4F3;
                  }
                  .people-card:before {
                      width: 42px;
                      height: 42px;
                  }
                  .nt-rows {
                      display: block;
                  }
                  .nt-row {
                      height: auto;
                  }
                  .nt-rows .nt-row:first-child {
                      width: 100%;
                      border-bottom: 0;
                      padding-bottom: 0;
                  }
                  .nt-rows .nt-row:last-child {
                      width: 100%;
                  }
                  .desktop.str-bottom {
                      display: none;
                  }
                  .mobile.str-bottom {
                      display: block;
                      padding: 15px;
                      width: 100%;
                  }
                  .st-right {
                      padding: 15px;
                  }
                  .st-right h2 {
                      font-size: 2.4em;
                  }
                  .page-banner {
                      padding-bottom: 100px;
                  }
                  .page-banner-inner h1 {
                      font-size: 2.4em;
                  }
                  #supervisors-and-potential-research-areas .pc-photo {
                      height: auto;
                  }
              }
              /* 600 px */
              
              @media screen and (max-width:500px) {
                  .footer-menu-container>ul>li {
                      width: 100%;
                  }
                  .footer-menu-container>ul>li:nth-child(2n+1) {
                      margin-right: 0;
                  }
                  .page-numbers,
                  .pagination-number {
                      width: 32px;
                      height: 32px;
                      padding: 8px 10px 8px 10px;
                  }
                  .next.page-numbers,
                  .perious.page-numbers {
                      width: 32px;
                      height: 32px;
                      background-size: 5px;
                  }
                  .apply-link {
                      flex-basis: 100%;
                  }
                  .custom-table {
                      margin-top: 3em;
                  }
                  .custom-table th {
                      display: none;
                  }
                  .custom-table td {
                      display: block;
                      border: 0;
                  }
                  .custom-table thead tr {
                      border: 0;
                  }
                  .custom-table tr {
                      display: block;
                      padding-bottom: 4px;
                      border-bottom: 1px solid #CDCDCD;
                  }
                  .custom-table td:before {
                      display: block;
                      width: 100%;
                      content: attr(data-th);
                      font-weight: bold;
                      color: #448bc9;
                      font-size: 1.1em;
                      margin-bottom: 3px;
                  }
                  .er-left {
                      width: 100%;
                      margin-bottom: 3em;
                  }
                  .er-right {
                      Width: 100%;
                  }
                  #backtotop {
                      width: 45px;
                      height: 45px;
                  }
                  /*    .people-card {
              flex-basis: auto;
              width: 250px;
              margin: 0 auto 6%;
          }
       .staff-card .sc-left {
              width: 100%;
          }
          .staff-card .sc-right {
              width: 100%;
              margin-top: 0;
          }*/
                  .people .wrapper {
                      width: 90%;
                  }
                  .single-staff .people-card {
                      width: auto;
                  }
                  .light-btn span {
                      background-size: 15px;
                      padding-right: 25px;
                  }
                  .news-link:after {
                      width: 15px;
                      height: 15px;
                      margin-top: 3px;
                  }
                  .slide-caption .primary-btn {
                      width: 164px;
                      padding: 10px 30px;
                      font-size: 1.6em;
                  }
                  .carousel-slider-container {
                      padding: 0 20px;
                  }
                  .bx-wrapper .bx-controls-direction a {
                      width: 12px;
                      height: 25px;
                  }
                  .tablink {
                      height: 50px;
                  }
              }
              /* 500 px */
              
              @media screen and (max-width:450px) {
                  .header-heading {
                      font-size: 1.5em;
                      margin-left: 9px;
                  }
                  .header-logo-1 {
                      margin-right: 9px;
                  }
                  .header-logo img {
                      max-height: 30px;
                  }
                  .slide-caption h2 {
                      font-size: 2.4em;
                  }
                  .slide-caption p {
                      margin-bottom: 0;
                  }
                  .hn-content h3 {
                      font-size: 3.5em;
                  }
                  .hab-right h3 {
                      font-size: 2em;
                  }
                  .pc-name {
                      font-size: 2em;
                  }
                  .pc-title {
                      font-size: 1.6em;
                  }
                  .tablink {
                      font-size: 1.8em;
                  }
                  .accordion-details p,
                  .accordion-details li {
                      text-align: left;
                  }
                  .education .people-card {
                      max-width: 300px;
                      margin: 0 auto 6%;
                  }
                  /*  #supervisors-and-potential-research-areas .pc-left {
              width: 100%;
          }
          .pc-right {
              width: 100%;
              padding: 18px;
          }
          .sc-left {
              width: 100%;
          }*/
                  ul.publication-list li {
                      font-size: 1.8em;
                  }
                  .pl-next {
                      right: 7px;
                  }
                  .pl-prev {
                      left: 7px;
                  }
                  h3 {
                      font-size: 2.8em;
                  }
                  p {
                      font: 1.8em;
                  }
                  .news-popup-inner .sec-heading {
                      padding-bottom: 3px;
                  }
                  .news-popup {
                      width: 90%;
                  }
                  .news-link {
                      width: 100%;
                  }
                  .news-link span {
                      display: inline-block;
                      vertical-align: top;
                      width: calc(100% - 30px);
                      text-decoration: underline;
                  }
                  .news-link:after {
                      display: inline-block;
                      vertical-align: top;
                  }
                  .news-btns {
                      flex-wrap: wrap;
                  }
                  .news-btns .light-btn {
                      width: 100%;
                  }
                  .gr-inner {
                      font-size: 2em;
                  }
                  .event-rows {
                      padding: 15px;
                  }
                  .event-date,
                  .event-time,
                  .event-location {
                      font-size: 2.1em;
                      padding-left: 24px;
                      background-size: auto 16px;
                  }
                  .ac-text p {
                      font-size: 1em;
                  }
                  .event-btns .light-btn span {
                      padding-left: 20px!important;
                      margin-right: 0;
                  }
                  .sc-left {
                      width: 100%;
                      max-width: 250px;
                  }
                  #supervisors-and-potential-research-areas .pc-right {
                      width: 68%;
                  }
                  #supervisors-and-potential-research-areas .pc-email {
                      padding-left: 18px;
                      background-size: 14px;
                  }
                  #supervisors-and-potential-research-areas .pc-left {
                      width: 31%;
                  }
                  .sc-content .sc-photo {
                      margin: auto;
                  }
                  .sc-content .sc-right {
                      width: 100%;
                  }
                  .sc-content .sc-left {
                      margin: auto;
                      margin-bottom: 4%;
                  }
                  .carousel-slide .ac-text p {
                      font-size: 1.7em;
                  }
                  .box-icon {
                      width: 25px;
                      height: 25px;
                  }
              }
              /* 450 px */
              
              @media screen and (max-width: 350px) {
                  .footer-logo img {
                      height: 42px;
                  }
                  .header-heading {
                      margin-left: 9px;
                      font-size: 1.3em;
                  }
                  .header-wrapper {
                      padding: 0 15px;
                  }
                  .header-logo-1 {
                      margin-right: 5px;
                  }
                  .light-btn,
                  .light-btn.global {
                      font-size: 1.6em;
                  }
                  .staff-card .sc-left {
                      width: 30%;
                  }
                  .staff-card .sc-right {
                      width: 69%;
                  }
                  #supervisors-and-potential-research-areas .pc-right {
                      padding-left: 3px;
                  }
              }
              /* 350 px */