@media only screen and (max-width: 768px) {
  .menu-li {
    float: none;
    width: 100%;
  }
  .new_nav>li{
    padding: 0px 10px;
  }
  .img-list .img-container{
    height: 15rem;
  }

  .copyright-wrap>span {
    display: block;
    margin: 8px auto;
  }
  .vertical-array {
    float: none;
    padding: 10px 0;
    height: 108px;
  }
  .vertical-array li {
    margin-bottom:5px;
  }
  .footer-wrap-right {
    float: none;
    padding: 0 0 10px 0;
  }
  .friend-link {
    margin-right:30px;
  }
  .card .caption {
    font-size: 14px;
    margin-top: 10px;
  }
  .card .date {
    margin-top:5px;
  }
  .card-inner-wrap .card {
    width: 46.5%;
    margin: 0 8px 0 8px;
    padding: 10px 10px 15px;
    margin-bottom: 15px;
  }
  .notice-card {
    padding:10px 10px;
  }
  .notice-main h3 {
    font-size:16px;
  }
  .news_detail_header>h2 {
    margin-top:15px;
  }
  .news_detail_header section {
    margin-top:5px;
  }
  .news_send {
    float:none;
    width:85%;
    margin:0 auto 20px;
    position:relative;
    left:0px;
  }
  .news_send_inner {
    padding:0px;
    border:none;
  }
  .inform_notice {
    float:none;
    width:85%;
    padding:0px;
    margin:0 auto;
    position:relative;
    left:0px;
  }
  .img-list {
    margin:0 10px 10px;
    width:45.525%;
  }
  .school-face-wrap .left .name {
    margin-bottom:15px;
    font-size:20px;
  }
  .double_img {
    margin-top:15px;
  }
  .school-face-wrap .right {
    float:none;
    width:90%;
    margin:10px auto 0;
  }
  .school-face-wrap .left {
    float:none;
    width:90%;
    margin:0 auto;
  }
  .top .nav{
    position: absolute;
    right: 0;
    top: 0px
  }
  .vertical-array{
    width: 100%;
  }
  .footer-wrap-right .qr-code {
    float: none;
  }

  .qr-code .txt {
    text-align: left
  }
  .header .new_navbar {
    display: block;
    margin-bottom: 0;
  }
  .header .new_navbar .navbar-brand {
    color: #53b996;
    font-size: 24px;
  }
  .header .new_navbar .icon-bar {
    background-color: #53b996;
  }
  .header .menu {
    display: none;
  }
  .header .new_navbar.active + .menu {
    display: block;
  }
  .footer{
    line-height: 2;
  }
  .footer br{
    display: none;
  }
  .qr-code{
    float: none;
  }
  .menu-li{
    height: auto;
  }
  .nav_hover{
    position: relative;
  }
  #carousel-example-generic .news-info-container {
    height: 184px;
  }
}
@media screen and (min-width: 769px) {
  .header .new_navbar{
    display: none;
  }
  .header .menu{
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .clip-card{
    width: 208px;
    margin: 0 16px 120px;
  }
  .logo {
    max-width: 200px;
  }

  .menu {
    font-size: 14px;
  }
  .nav_hover{
    padding: 0px;
  }
  .menu-li {
    padding: 0 6px;
  }

  .move {
    width:60px;
  }
  .menu-li:nth-child(1):hover~ .move {
    left:0px;
    width:60px !important;
  }
  .menu-li:nth-child(2):hover~ .move {
    left:60px;
    width:88px !important;
  }
  .menu-li:nth-child(3):hover~ .move {
    left:148px;
    width:88px !important;
  }
  .menu-li:nth-child(4):hover~ .move {
    left:236px;
    width:88px !important;
  }
  .menu-li:nth-child(5):hover~ .move {
    left:324px;
    width:88px !important;
  }
  .menu-li:nth-child(6):hover~ .move {
    left:412px;
    width:88px !important;
  }

  .menu-li>a {
    padding: 0
  }

  .copyright-wrap>span {
    margin: 8px 12px;
    line-height: 1.8;
  }

  .friend-link {
    margin-right: 5px;
  }

  .vertical-array li {
    width: 188px;
  }
  .card .caption {
    font-size: 16px;
    margin-top: 10px;
  }
  .card-inner-wrap .card {
    width: 30%;
    margin: 0 8px 0 8px;
    padding: 15px 15px 20px;
    margin-bottom: 20px;
  }
  .news_send_inner {
    padding-right:5px;
  }
  .inform_notice {
    padding-left:5px;
    position:relative;
    left:0px;
  }
  .inform_notice_list {
    margin-top:0px;
  }
  .news_content {
    width:60%;
  }
  .inform_notice_list li a {
    margin:0 30px 0 10px;
  }
  .img-list {
    margin:0 6px 10px;
    width:23.1252%;
  }
  .school-face-wrap .left .name {
    margin-bottom: 23px;
    font-size: 23px;
  }
  .double_img {
    margin-top:20px;
  }
  .school-face-wrap .right img:nth-child(odd) {
    margin-right:25px;
  }
  .school-face-wrap .right img {
    margin-bottom:25px;
  }
  .vertical-array{
    min-width: 25%;
  }
  .vertical-array .friend-link{
    width: 100px;
  }
  .news-and-notice-title {
    font-size: 18px;
  }

  .info-header::before {
    font-size: 49px;
  }
  .hide-more{
    display: none;
  }
  #inner-school-notice {
    height: 175px;
    margin-bottom: 7px;
    overflow: hidden;
  }
  .school-intro-img{
    height: 60px;
  }
  .school-intro{
    height: 176px;
    line-height: 1.4;
  }
  #carousel-example-generic .news-info-container{
    height: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-and-notice-title{
    font-size: 18px;
  }
  .info-header::before{
    font-size: 49px;
  }
  .menu {
    font-size: 14px;
  }

  .menu-li {
    padding: 0 15px;
  }

  .move {
    width:94px;
  }
  .menu-li:nth-child(1):hover~ .move {
    left:0px;
    width:94px !important;
  }
  .menu-li:nth-child(2):hover~ .move {
    left:94px;
    width:122px !important;
  }
  .menu-li:nth-child(3):hover~ .move {
    left:216px;
    width:122px !important;
  }
  .menu-li:nth-child(4):hover~ .move {
    left:338px;
    width:122px !important;
  }
  .menu-li:nth-child(5):hover~ .move {
    left:460px;
    width:122px !important;
  }
  .menu-li:nth-child(6):hover~ .move {
    left:582px;
    width:122px !important;
  }

  .copyright-wrap>span {
    font-size: 12px;
    margin: 0 10px;
  }
  .card .caption {
    font-size: 16px;
    margin-top: 15px;
  }
  .card-inner-wrap .card {
    width: 30%;
    margin: 0 8px 0 8px;
    padding: 15px 15px 20px;
    margin-bottom: 20px;
  }
  .clip-card {
    margin:0 16px 120px;
  }
  .news_send_inner {
    padding-right:5px;
  }
  .inform_notice {
    padding-left:5px;
    position:relative;
    left:0px;
  }
  .inform_notice_list li a {
    margin:0 50px 0 20px;
  }
  .img-list {
    margin:0 10px 10px;
    width:22.525%;
  }
  .school-face-wrap .left .name {
    margin-bottom: 37px;
    font-size: 31px;
  }
  .double_img {
    margin-top:25px;
  }
  .clip-card{
    width: 202px;
  }
  .vertical-array{
    min-width: 28%;
  }
  .school-intro{
    height: 251px;
  }
  .school-intro-img{
    height: 120px;
  }
  #inner-school-notice{
    height: 260px;
    overflow: hidden;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .copyright-wrap>span {
    margin: 0 18px;
  }
  .clip-card {
    margin:0 16px 120px;
  }
  .school-face-wrap .left .name {
    margin-bottom: 48px;
    font-size: 34px;
  }
  .double_img {
    margin-top:30px;
  }
  .culture-teacher-inner-wrap{
    width: 990px;
    margin:  0 auto;
  }
  #carousel-example-generic .news-info-container {
    height: 318px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1600px) {
  
}
@media screen and (max-width:767px){
  #fast-news-pc {
    display: none;
  }
  #fast-news-mobile {
    display: block
  }
  #school-face-mobil {
    display: block
  }
  #school-face-pc {
    display: none
  }
  .arrow-container{
    display: none
  }
  .teacher-inner-style .img-outer{
    height: 15rem;
  }
}
@media screen and (min-width:768px){
  #fast-news-pc {
    display: block;
  }

  #fast-news-mobile {
    display: none
  }

  #school-face-mobil {
    display: none
  }
  #school-face-pc {
    display: block
  }
  .arrow-container{
    display: block
  }
}