@media (max-width: 2560px) {

  /***home***/
  #home-journal .journal-img img {
      height: 255px;
  }
}

@media (max-width: 2304px) {

  /***home***/
  #home-journal .journal-img img {
      height: 228px;
  }
}

@media (max-width: 1920px) {

  /***home***/
  #home-journal .journal-img img {
      height: 189px;
  }
}

@media (max-width: 1680px) {

  /***home***/
  #home-journal .journal-img img {
      height: 164px;
  }
}

@media (max-width: 1440px) {

  /***home***/
  #home .top-news-box {
      margin-bottom: 25px;
  }
  #home .top-news-img {
      width: 170px;
  }
  #home-journal .journal-img img {
      height: 139px;
  }
  #home-journal .read-more-link {
      padding: 10px 2px;
      line-height: 20px;
  }
  #home-journal .read-more-link i {
      margin-left: 0;
      display: flow-root;
  }
}

@media (max-width: 1366px) {

  /***header***/
  #nav .navbar-collapse {
      padding-top: 0;
      padding-bottom: 0;
  }
  .navbar-right {
      float: right !important;
  }
  #nav .navbar-nav li {
      margin: 0px 10px;
  }
  /***home***/
  .flex-caption {
      right: 5%;
  }
  #home-journal .journal-img img {
      height: 133px;
  }
  #home-journal .read-more-link {
      padding: 10px 5px;
  }
}

@media (max-width: 1280px) {

  /***header***/
  #nav .navbar-nav li {
      text-align: center;
      margin: 0px 8px;
  }
  /***home***/
  #home-journal .journal-img img {
      height: 123px;
  }
  #home-journal .read-more-link {
      padding: 8px 2px;
      line-height: 20px;
  }
  #home-journal .journal-article {
      padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  /***header***/
  .custom-link {
      margin-right: 7px;
  }
  .apply-link {
      margin-right: 7px;
  }
  .top-link-content ul>li {
      margin-right: 7px;
  }
  .nsysu-logo {
      margin-left: 10px;
  }
  /***nav***/
  #nav .navbar-nav li {
      margin: 0px 8px;
  }
  #nav .navbar-nav li a {
      padding: 3px 0;
      font-size: 15px;
  }
  /***home***/
  #banner {
      margin-top: 113px;
  }
  .top-link {
      padding: 0
  }
  .flex-caption {
      width: 48%;
      right: 2%;
      padding: 20px 25px 30px 25px;
  }
  .flex-caption h2 {
      font-size: 24px;
      line-height: 30px;
      margin: 0 0 5px;
  }
  .flex-caption .content {
      line-height: 22px;
  }
  .flex-caption .link {
      font-size: 16px;
      margin-top: 20px;
  }
  #box-one {
      padding-top: 40px;
      padding-bottom: 0;
  }
  #home-news {
      margin-bottom: 30px;
  }
  #home .top-video-img {
      height: auto;
      margin-bottom: 8px;
  }
  #home .video-box .image {
      padding-right: 15px;
      margin-bottom: 8px;
  }
  #home .video-box .image img {
      height: 188px;
  }
  #home .video-box {
      border-bottom: 0px dashed #ccc;
      padding-bottom: 0;
      margin-bottom: 22px;
  }
  #home-journal .journal-img img {
      height: 119px;
  }
  /***main***/
  .top-box {
      margin-top: 113px;
  }
  /***news***/
  #news-list .image {
      height: 179px;
  }
  /***study***/
  /*video*/
  #study-video-list .image {
      height: 179px;
  }
  /***course***/
  #iframe-pdf .rwd-wrapper-wxh {
      height: 200px;
  }
}

@media (max-width: 1023px) {
  /***course***/
  #iframe-pdf .rwd-wrapper-wxh {
      height: 200px;
  }
}

@media (max-width: 992px) {
  /***header***/
  #home header {
      position: relative;
  }
  #banner {
      margin-top: 0;
  }
  #main header {
      position: relative;
  }
  #web-content {
      display: none !important;
  }
  #rwd-content {
      display: block !important;
  }
  .top-box {
      margin-top: 0;
  }
  .top-link-content .link-one {
      margin-right: 10px;
  }
  .top-link-content ul>li {
      margin-right: 0;
      display: contents;
  }
  /*nav*/
  .top-menu {
      margin: 0 auto;
  }
  #menu .navbar-nav>li.active {
      background: #00a7bd;
  }
  nav.navbar.bootsnav ul.nav>li.active>a {
      color: #ffc107;
  }
  #menu .navbar-nav>li>a:hover {
      background: #00a7bd !important;
  }
  #menu .navbar-nav>li>:hover {
      color: #ffc107 !important;
  }
  nav.navbar.bootsnav.no-full .navbar-collapse {
      margin: 5px -40px 0 -40px;
      min-height: auto;
  }
  .nav-justified>li {
      display: inline-table;
      width: 100%;
  }
  .nav-justified>li>a {
      margin-bottom: 0;
  }
  .top-link {
      margin: 10px 0 5px 0;
  }
  .top-link-content {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu:after {
      left: 47%;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #81cfe2;
      border-left: 8px solid transparent;
      content: '';
  }
  nav.navbar.bootsnav ul.nav>li.apply-link>a {
      width: 120px;
      margin: 10px auto;
  }
  /***home***/
  .flex-caption {
      width: 50%;
      right: 0;
      padding: 10px 15px 10px;
  }
  .flex-caption h2 {
      font-size: 16px;
      line-height: 20px;
  }
  .flex-caption .article {
      display: none;
  }
  .flex-caption .link {
      font-size: 13px;
      line-height: 28px;
      width: 80px;
      height: 28px;
      margin-top: 10px;
  }
  .flex-caption .link i {
      margin-left: 3px;
      margin-top: 4px;
  }
  .flex-control-nav {
      display: none;
  }
  .flex-direction-nav a:before {
      font-size: 16px;
  }
  #box-one {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  #home-news {
      margin-bottom: 50px;
  }
  #home-video .top-video-img {
      height: auto;
      padding: 0 10px 0 0;
  }
  #home-video .top-video-img .row {
      margin: 0;
  }
  #home-video .top-video-article {
      padding: 0 0 0 5px;
  }
  #home-video .video-content {
      padding-left: 15px;
      padding-right: 15px;
  }
  #home .news-title h3, #home .video-box .video-title h3 {
      font-size: 1rem;
      line-height: 1.4;
  }
  #home .news-article, #home .video-box .video-article {
      font-size: 1rem;
      line-height: 1.4;
  }
  #box-two {
      padding-top: 0px;
  }
  #box-two:before {
      height: 0;
  }
  #box-two:after {
      height: 0;
  }
  #home-share {
      padding-top: 60px;
      padding-bottom: 0px;
  }
  #home-journal {
      padding-bottom: 60px;
  }
  #home-journal .journal-img {
      padding-right: 15px;
  }
  #home-journal .journal-img img {
      height: auto;
  }
  #home-journal .journal-content {
      margin-bottom: 50px;
  }
  #home-journal .journal-content:last-child {
      margin-bottom: 0px;
  }
  #home-journal .read-more-link {
      padding: 10px 2px;
      margin-top: 30px;
  }
  #home-journal .read-more-link i {
      margin-left: 8px;
      display: initial;
  }
  /***main***/
  .main {
      order: 2;
  }
  .rightmenu {
      order: 1;
      margin-bottom: 30px;
  }
  .accordion li {
      margin: 5px 0;
      width: 24%;
      display: inline-flex;
  }
  .accordion li:first-child {
      margin: 5px 0;
  }
  .photo-s .list-box .photo-img img {
      height: 117px;
  }
  .photo-s-h .list-box .photo-img img {
      height: 249px;
  }
  #photo-m .list-box .photo-img img {
      height: 117px;
  }
  /***---about---***/
  /*logo side*/
  .prev {
      height: 73px;
      font-size: 24px;
  }
  .next {
      height: 73px;
      font-size: 24px;
  }
  #logo-slider .image {
      width: 25%;
  }
  #logo-slider .image img {
      height: 73px;
  }
  #logo-slider a.lightbox img {
      width: auto;
      height: 85px;
  }
  /***news***/
  #news-list .article {
      height: 46px;
  }
  #news-list .image {
      height: 258px;
  }
  /***study***/
  /*plan*/
  #study-plan .title h3,
  #study-field .title h3 {
      margin: 10px 0 10px 0;
  }
  /*video*/
  #study-video-list .image {
      height: 258px;
  }
  /***share***/
  #share-list .image {
      height: auto;
  }
  /***team***/
  #journal-table table thead td {
      min-width: auto;
  }
  #journal-table .date-article {
      word-break: break-all;
  }
  /*team teach*/
  #teach-table-page {
      height: auto;
      margin-bottom: 20px;
  }
  #team-teach-page .info-list-box .image {
      padding-left: 15px;
      margin-bottom: 20px;
      text-align: center;
  }
  #team-teach-page .info-list-box .name h3 {
      margin: 0 10px 5px 0;
      float: none;
  }
  #team-teach-page .link-list {
      display: inline-block;
  }
  #team-teach-page .teach-teacher {
      margin-top: 20px;
  }
  #team-teach-page .link-list li {
      margin-right: 10px;
  }
  #team-teach-page .link-list li img {
      width: 30px;
  }
  .download {
      margin-top: 10px;
  }
  .nav-tabs>li {
      float: left;
      margin-bottom: 5px;
      min-width: 14.2%;
  }
  .nav-tabs li a:before {
      border-radius: 0;
      transform-origin: left center 0;
      transform: none;
  }
  .nav-tabs li a {
      padding: 10px 5px 10px 5px;
  }
  /*team student*/
  #team-student-page .info-list-box .image {
      padding-left: 15px;
      margin-bottom: 20px;
      text-align: center;
  }
  #team-student-page .list-box .name h3 {
      margin: 0 10px 5px 0;
      float: none;
  }
  #team-student-page .link-list {
      margin-top: 20px;
      display: inline-block;
  }
  #student-table-page {
      height: auto;
  }
  #team-student-page .introduction img {
      height: auto !important;
  }
  /***gallery***/
  #gallery-page .photo-content .list-box .photo-img {
      height: 117px;
  }
  #gallery-page .photo-content .list-box .photo-img img {
      height: 117px;
  }
  /***contact***/
  #contact .contact-information {
      margin-top: 50px;
  }
  /***footer***/
  #home footer {
      padding-top: 0;
  }
  footer {
      padding-top: 10px;
  }
  .footer-menu {
      display: inline-block;
      padding: 50px 20px;
  }
  .footer-menu h3 {
      margin: 0 0 5px 0;
  }
  .footer-menu ul {
      display: block;
  }
  .footer-menu ul>li {
      width: 100%;
      margin-bottom: 25px;
  }
  .footer-menu ul>li:last-child {
      margin-bottom: 0;
  }
  .footer-menu ol {
      padding-left: 20px;
  }
  .footer-menu ol>li {
      width: 20%;
      float: left;
      list-style-type: square;
  }
  /***editor***/
  .editor img {
      max-width: 100%;
      height: auto !important;
  }
}

@media (max-width: 768px) {

  /***header***/
  /*nav*/
  .navbar-toggle {
      margin-bottom: 0;
  }
  nav.navbar.bootsnav.no-full .navbar-collapse {
      margin: 5px 0 0 0;
  }
  /***share***/
  #share-page .share-page-img {
      text-align: center;
      margin-bottom: 25px;
  }
  /***footer***/
  .footer-menu ol>li {
      width: 20%;
  }
  .copyright li {
      float: none;
      margin-right: 0;
  }
  #root {
      height: 300px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-responsive {
      width: 100%;
      margin-bottom: 0;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 0px solid #ddd;
      padding-bottom: 5px;
  }
  .table-responsive::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 3px;
      height: 3px;
  }
  .table-responsive::-webkit-scrollbar-thumb {
      border-radius: 4px;
      border: 0px solid #fff;
      background-color: #bbb;
  }
  /***experience***/
  #experience-list .row {
      display: block;
  }
  #experience-list .list-box {
      margin-bottom: 30px;
  }
  #experience-list .list-box .jobtitle {
      margin: 5px 0;
  }
  #team-teach-list .list-box {
      margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  /***header***/
  .navbar-nav {
      margin: 15px 0;
      width: 100%;
      float: none !important;
  }
  #nav .navbar-nav li a {
      padding: 8px 0;
      font-size: 15px;
  }
  .top-link-content .link-one {
      margin-right: 0;
      margin-bottom: 10px;
  }
  .top-link-content .link-one li>ul>li {
      float: left;
  }
  .top-link-content ul.link-two {
      display: inline-block;
      text-align: center;
      float: none;
      clear: both;
      padding: 0;
  }
  .top-menu {
      margin-top: 0;
      text-align: center;
  }
  .google-search {
      width: 170px;
  }
  .nsysu-logo {
      width: 40px;
      height: 40px;
      margin-top: -15px;
      margin-left: 5px;
  }
  /***home***/
  #home-video .top-video-img {
      padding: 0;
  }
  #home .video-box .image img {
      width: 100vw;
      height: 240px;
  }
  #home-share .image {
      margin-bottom: 10px;
  }
  #home-journal .read-more-link {
      margin-bottom: 15px;
  }
  /***main***/
  .page-title h2 {
      margin: 0 0 20px 0;
  }
  .accordion li {
      width: 49%;
  }
  .photo .list-box .photo-img {
      height: auto;
      background: none;
  }
  .photo .list-box .photo-img img {
      height: auto;
  }
  .photo-s .list-box .photo-img {
      height: auto;
      background: none;
  }
  .photo-s .list-box .photo-img img {
      height: auto;
  }
  .photo-s-h .list-box .photo-img img {
      height: auto;
  }
  #photo-m .list-box .photo-img img {
      height: auto;
  }
  .nav-tabs>li {
      min-width: 33.33%;
  }
  .nav-tabs-2>li {
      float: left;
      width: 33.33%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2px;
  }
  .nav-tabs-2>li a {
      width: 100%;
      height: 45px;
      padding: 0 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      text-align: center;
  }
  .nav-tabs-2 li.active a {
      border-bottom-color: #ccc;
  }
  .nav-tabs-2 li:first-child a {
      margin: 0 2px;
  }
  /***about***/
  #logo-slider a.lightbox img {
      height: 140px;
  }
  /***news***/
  #news-list .list-box {
      height: auto;
      margin-bottom: 30px;
  }
  #news-list .image {
      height: auto;
  }
  #news-list .image img {
      height: auto;
      max-width: 100%;
      max-height: initial;
  }
  #news-list .article {
      height: auto;
  }
  #news-page .image img {
      width: 100%;
      margin: 0 0 20px 0;
      float: none;
  }
  /***study***/
  /*video*/
  #study-video-list .image {
      height: auto;
  }
  #study-video-list .image img {
      height: auto;
      max-width: 100%;
      max-height: initial;
  }
  /***class***/
  /*course*/
  #class-course thead th:nth-child(1) {
      width: 55px !important;
  }
  #class-course thead th:nth-child(2) {
      width: 55px !important;
      text-align: left;
  }
  #class-course table tbody tr td:nth-child(2) {
      text-align: left;
  }
  #class-course table tbody tr td:nth-child(3) {
      width: auto !important;
  }
  #class-course table tbody tr td:nth-child(4) {
      width: auto !important;
  }
  /*share*/
  #share-list .image {
      background: transparent;
  }
  #share-list .image img {
      height: 360px;
  }
  /*scholarship*/
  #scholarship thead th {
      min-width: auto !important;
  }
  /***experience***/
  #experience-list .list-box .image img {
      width: 100%
  }
  /***team***/
  /*team teach*/
  #team-teach-list .list-box .image {
      padding: 0;
      text-align: center;
      margin-bottom: 20px;
  }
  #team-teach-list .list-box .image img {
      width: 100%
  }
  #team-teach-list .list-box .name h3 {
      margin: 0 10px 5px 0;
      float: none;
      line-height: 25px;
  }
  #team-teach-list .list-box .jobtitle {
      margin: 0 0 10px 0;
  }
  #team-teach-list .email-icon {
      width: 65px;
      margin: 0 10px 0 0;
  }
  #team-teach-list .link-icon,
  #team-student-list .link-icon {
      margin-top: 15px;
  }
  #team-teach-list .link-icon ul,
  #team-student-list .link-icon ul {
      display: inline-flex;
  }
  #team-teach-list .more-icon,
  #team-student-list .more-icon {
      width: 65px;
  }
  #team-teach-page .list-box .image img {
      width: 100%
  }
  #team-teach-page .link-list .download {
      margin-top: 15px;
      clear: both;
  }
  #teach-table table th {
      white-space: normal;
  }
  #team-teach-page .introduction img {
      height: auto !important;
  }
  #teach-table-page table th {
      white-space: normal;
  }
  #teach-table-page table td {
      padding-left: 10px;
  }
  /*team student*/
  #team-student-list .list-box .image {
      padding: 0;
      text-align: center;
      margin-bottom: 20px;
  }
  #team-student-list .list-box .image img {
      width: 100%
  }
  #team-student-list .list-box .jobtitle {
      margin: 0 0 15px 0;
  }
  #team-student-list .email-icon {
      margin: -20px -15px 10px 0;
  }
  #team-student-page .list-box .image img {
      width: 100%
  }
  #team-student-list .list-box .name h3 {
      margin: 0 10px 5px 0;
      float: none;
  }
  #student-table table th {
      white-space: normal;
  }
  /***about***/
  #about-success .nav-tabs>li {
      width: 100%;
      margin-bottom: 5px;
  }
  #about-success .nav-tabs li.active:after {
      display: none;
  }
  /***scrolltop***/
  .material-scrolltop {
      bottom: 257px;
      right: 0;
  }
  .material-scrolltop.reveal {
      width: 40px;
      height: 40px;
      border-radius: 0 !important;
  }
  .material-scrolltop::before {
      border-radius: 0;
  }
  .material-scrolltop,
  .material-scrolltop::before {
      border-radius: 0;
  }
  /***teach data***/
  .member-login-content {
      padding: 20px;
      margin-bottom: 30px;
  }
  #member-login .submit-content {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  #member-login .note-content {
      margin-top: -15px;
      margin-bottom: 10px;
  }
  #member-login #c_code input {
      width: 100px;
  }
  .rpassword-content {
      padding: 20px;
      margin-bottom: 30px;
  }
  .rpassword-form #captcha {
      width: 100px;
  }
  .fpassword-content {
      padding: 20px;
      margin-bottom: 30px;
  }
  .fpassword-form #captcha {
      width: 100px;
  }
  /***contact***/
  #contact #c_code {
      margin-bottom: 15px;
  }
  #contact .contact-information {
      margin-top: 30px;
  }
  /***#newsletter***/
  #newsletter .thanks-content {
      width: auto;
      height: auto;
      margin: 30px 0;
      padding: 50px 30px;
  }
  /***footer***/
  .footer-menu {
      padding: 25px 20px;
  }
  .footer-menu ol>li {
      width: 50%;
  }
  .copyright {
      padding: 20px 0;
  }
  .copyright li {
      float: none;
      margin-right: 0;
  }
  .copyright>.container>.row {
      align-items: center;
      display: block;
  }
  .qrcode {
      margin-top: 20px;
  }
  /***editor***/
  .youtube-video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
  }
  .youtube-video iframe {
      margin: 0 !important;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .editor img {
      margin: 20px 0 !important;
      float: none !important;
  }
  .editor img:first-child {
      margin: 0 0 20px 0 !important;
  }
}

@media (max-width: 639px) {
  /***header***/
  .top-link {
      float: none;
      padding: 0;
      text-align: center;
      margin: 10px auto 0 auto;
  }
  .top-link-content {
      flex-direction: column;
  }
  .custom-link {
      font-size: 0.875rem;
      padding: 0 3px;
  }
  .custom-link i {
    font-size: 1.125rem;
    vertical-align: -1px;
  }
  .apply-link {
    font-size: 0.875rem;
    padding: 0 10px;
  }
  .apply-link i {
    font-size: 1rem;
  }
  /***main***/
  .page-title h2 {
      margin: 0 0 20px 0;
  }
}

@media (max-width: 480px) {
  /***home***/
  .news-img-home {
      height: 340px;
  }
  .news-img-home img {
      height: 340px;
      max-height: 340px;
  }
  /***page***/
  .top-box {
      padding: 20px 0;
  }
  .gw-breadcrumb {
      text-align: left;
      margin-top: 10px;
  }
  /***doctor***/
  #download-table .link {
      width: 25%;
  }
  /***gallery***/
  #gallery-page .photo-content .list-box .photo-img {
      height: 187px;
  }
  #gallery-page .photo-content .list-box .photo-img img {
      height: 187px;
  }
}

@media (max-width: 375px) {
  /***home***/
  .news-img-home {
      height: 270px;
  }
  .news-img-home img {
      height: 270px;
      max-height: 270px;
  }
  #home .video-box .image img {
      height: 230px;
  }
}

@media (max-width: 360px) {
  /***header***/
  .language-link {
      width: 30px;
      height: 30px;
      margin-left: 1px;
      margin-top: 1px;
  }
  /***home***/
  .news-img-home {
      height: 248px;
  }
  .news-img-home img {
      height: 248px;
      max-height: 248px;
  }
}

@media (max-width: 320px) {
  /***heade**r*/
  nav.navbar.bootsnav .navbar-toggle {
      width: 35px;
      height: 35px;
      margin-top: -45px;
  }
  .google-search {
      width: 154px;
  }
  .top-link-content .link-one li>ul>li {
      font-size: 0.75rem;
  }
  .custom-link i {
    display: none;
  }
  .apply-link i {
    display: none;
  }
  /***home***/
  #box-one .title h2 {
      font-size: 22px;
  }
  .news-img-home {
      height: 220px;
  }
  .news-img-home img {
      height: 220px;
      max-height: 220px;
  }
  #box-one .title h2 {
      font-size: 22px;
  }
  /***page***/
  .top-title {
      font-size: 27.7px;
  }
  /***experience***/
  #experience-list .name-box {
      padding-right: 15px;
  }
  /***team***/
  #team-teach-list .name-box {
      padding-right: 15px;
  }
}