/*==========================================
Small Screen
==========================================*/
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  .wrap-inner.wrap-more {
    width: 1200px; } }
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .accreditation-list .course-left {
    height: 300px; }

  #open-program-detail-left {
    width: calc(100% - 350px); }

  .training-list:not(.item-4) > li img {
    height: 100%;
    max-width: none;
    margin-left: -40%; }

  #what-we-do .personal-list, .personal-list {
    width: 100%;
    margin: 0; }
    #what-we-do .personal-list li, .personal-list li {
      width: calc(100% / 7 - 20px);
      margin: 0 10px 10px 10px; }

  .training-list.item-4 > li {
    width: calc(100% / 3 - 8px);
    margin: 4px !important; }

  .home-section {
    padding: 40px 0; }

  #about-team {
    background: #f2f2f2 !important; }

  header nav > div {
    margin: 0 15px; }

  #home-personal-list li {
    width: 18%;
    margin: 0 3% 30px 3%; }

  .wrap-inner, .wrap-inner.wrap-more {
    width: 1000px; }

  .col-lg-1 {
    width: 8.3333%; }

  .col-lg-2 {
    width: 16.6666%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.3333%; }

  .col-lg-5 {
    width: 41.6666%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.3333%; }

  .col-lg-8 {
    width: 66.6666%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.3333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .list-lg-i2 > li {
    width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-lg-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-lg-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-lg-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-lg-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
      margin-right: 0; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wrap-inner, .wrap-inner.wrap-more {
    width: 748px; }

  .col-md-1 {
    width: 8.3333%; }

  .col-md-2 {
    width: 16.6666%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.3333%; }

  .col-md-5 {
    width: 41.6666%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333%; }

  .col-md-8 {
    width: 66.6666%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.3333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .list-md-i2 > li {
    width: 48%; }
    .list-md-i2 > li:nth-child(even) {
      float: right; }

  .list-md-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-md-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-md-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-md-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
      margin-right: 0; }

  .accreditation-list .course-left {
    height: 200px; }

  .personal-list {
    width: 100%; }

  .personal-content .content-left {
    width: calc(100% - 270px); }

  .service-list li, .personal-list li, #what-we-do .personal-list li {
    width: calc(25% - 20px);
    margin: 0 10px 10px 10px; }
    .service-list li .img-thumb, .personal-list li .img-thumb, #what-we-do .personal-list li .img-thumb {
      width: 100%;
      height: auto; }
      .service-list li .img-thumb img, .personal-list li .img-thumb img, #what-we-do .personal-list li .img-thumb img {
        height: auto;
        max-width: 100%; }

  #open-program-detail-right {
    width: 300px; }

  #open-program-detail-left {
    width: calc(100% - 300px); }

  .program-list {
    margin-top: 20px; }
    .program-list .program-block {
      width: calc(50% - 20px);
      margin: 0 10px; }

  .home-section .font-title {
    font-size: 24px;
    line-height: 36px; }

  #home-personal-list li {
    width: calc(100% / 4 - 30px);
    margin: 0 10px 30px 10px; } }
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
  .tablet-show, .tablet-block {
    display: block; }

  .tablet-hide {
    display: none; }

  #contact h1 {
    text-align: center; }

  header {
    height: 60px; }
    header .wrap-inner {
      width: 100%;
      padding: 0 10px; }
    header #head-right {
      display: none;
      position: fixed;
      top: 60px;
      right: 0;
      height: calc(100% - 60px);
      width: 100%;
      background-color: #fff; }
    header .main-logo {
      margin-top: 7px;
      width: 220px; }
    header #head-mid {
      padding: 0; }
    header nav {
      display: block !important;
      width: 100%;
      background-color: #fff;
      padding: 10px 0; }
      header nav > div {
        position: relative;
        margin: 0;
        padding: 0 20px;
        text-align: right;
        border-bottom: 1px solid #f1f1f1; }
        header nav > div a {
          font-size: 18px;
          line-height: 30px;
          text-align: center; }
          header nav > div a:after {
            display: none !important; }
        header nav > div .nav-toggle {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          height: 40px;
          width: 40px;
          z-index: 2;
          background: url("../images/icons/btn_arrow02.svg") no-repeat center;
          background-size: 18px;
          transform: rotate(270deg); }
        header nav > div:hover ul {
          display: none !important; }
        header nav > div.active ul {
          display: block !important; }
        header nav > div.active .nav-toggle {
          transform: rotate(90deg); }
        header nav > div ul {
          display: none;
          position: static;
          margin: 0 0 10px 0;
          width: 100%;
          border: 0;
          padding: 0; }
          header nav > div ul:before, header nav > div ul:after {
            display: none !important; }
          header nav > div ul li a {
            text-align: center;
            font-size: 16px;
            line-height: 24px; }

  .page-container {
    margin-top: 60px; }

  #home-about img {
    text-align: center;
    margin: 0 auto !important;
    max-width: 150px !important; }

  #about-team {
    background: #f2f2f2 !important; }

  #what-we-do #home-banner.inner-banner .swiper-slide p {
    font-size: 18px;
    line-height: 30px; }
  #what-we-do #home-banner.inner-banner .swiper-slide h1 {
    font-size: 24px;
    line-height: 32px; }

  #contact #home-banner .swiper-slide .slide-caption {
    font-size: 24px;
    line-height: 32px; }

  #contact-info-inner li {
    width: 50%;
    clear: both;
    margin-bottom: 20px; }
    #contact-info-inner li:nth-child(even) {
      clear: right; }

  .program-contents > div {
    width: 100%;
    margin: 0 0 10px 0; }

  .personal-bottom-list li {
    width: 50%; }

  .training-list > li, .training-list.item-4 > li {
    width: calc(50% - 10px) !important;
    margin: 5px !important;
    height: auto;
    clear: both; }
    .training-list > li:nth-child(even), .training-list.item-4 > li:nth-child(even) {
      clear: right; }
    .training-list > li .title, .training-list > li .caption, .training-list.item-4 > li .title, .training-list.item-4 > li .caption {
      position: static;
      height: auto; }
    .training-list > li .title, .training-list.item-4 > li .title {
      display: none; }

  .program-right .training-list > li .caption {
    padding: 10px; }

  #about-vmv {
    display: block;
    max-width: 300px;
    margin: 0 auto 10px auto; }

  .col-md-12.col-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #footer-toggle {
    display: inline-block; }

  footer #footer-nav {
    display: none; }
    footer #footer-nav.show {
      display: block; }

  #home-about p {
    text-align: left; } }
/*==========================================
NOT Tablet
==========================================*/
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
  .wrap-inner, .wrap, .wrap-inner.wrap-more {
    width: 100%;
    padding: 0 10px; }

  .tablet-show, .tablet-block, .mobile-show, .mobile-block {
    display: block; }

  .tablet-hide, .mobile-hide {
    display: none; }

  h1, .undoreset h1 {
    font-size: 28px;
    line-height: 36px;
    margin: 0; }

  h2, .undoreset h2 {
    font-size: 24px;
    line-height: 36px;
    margin: 0; }

  h3, .undoreset h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0; }

  p, .undoreset p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px 0; }

  .col-sm-1 {
    width: 8.3333%; }

  .col-sm-2 {
    width: 16.6666%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.3333%; }

  .col-sm-5 {
    width: 41.6666%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333%; }

  .col-sm-8 {
    width: 66.6666%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.3333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .list-sm-i1 > li {
    width: 100%;
    margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%;
    margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
      float: right; }
  .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
    margin-right: 4%; }
  .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
    margin-right: 0%; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; }

  #home #home-banner .swiper-slide {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
    #home #home-banner .swiper-slide .slide-caption {
      padding: 0 10px;
      padding-top: calc(100% - 750vw / 19.2); }
      #home #home-banner .swiper-slide .slide-caption .slide-title {
        font-size: 24px;
        line-height: 32px; }
        #home #home-banner .swiper-slide .slide-caption .slide-title span {
          display: block;
          font-size: 16px;
          line-height: 24px; }
      #home #home-banner .swiper-slide .slide-caption .slide-box {
        margin-top: 20px; }
  #home #home-banner .swiper-button-prev, #home #home-banner .swiper-button-next {
    display: none; }

  .home-section {
    padding: 40px 0; }
    .home-section .font-title {
      font-size: 18px;
      line-height: 24px;
      text-align: center; }

  .slogan-list li {
    width: 50%;
    margin-bottom: 20px; }

  #home-personal-list {
    width: 100%; }
    #home-personal-list li {
      width: 50%;
      padding: 0 15px;
      margin: 0 0 20px 0; }

  .col-sm-12.col-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #contact-us {
    background-position: left top; }
    #contact-us .contact-list li span {
      width: 100%; }

  .service-list li, .personal-list li, #what-we-do .personal-list li {
    width: calc(50% - 20px);
    margin: 0 10px 10px 10px; }
    .service-list li .img-thumb, .personal-list li .img-thumb, #what-we-do .personal-list li .img-thumb {
      width: 100%;
      height: auto; }
      .service-list li .img-thumb img, .personal-list li .img-thumb img, #what-we-do .personal-list li .img-thumb img {
        height: auto;
        max-width: 100%; }

  #what-we-do .personal-list {
    width: 100%;
    margin: 0; }

  #about #home-banner, #what-we-do #home-banner, #open-program #home-banner {
    height: 150px !important; }

  footer #footer-nav li {
    width: 100%;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #b5b5b5; }
    footer #footer-nav li:nth-last-child(1) {
      border-bottom: 0; }

  .btn-chi {
    padding: 20px; }
    .btn-chi span {
      opacity: 1 !important; }

  .personal-content .content-left {
    width: 100%; }
  .personal-content .side-img {
    display: none; }

  #open-program-detail-left, #open-program-detail-right {
    width: 100%;
    padding: 0; }

  .program-list {
    margin-top: 20px; }
    .program-list .program-block {
      width: 100%;
      margin: 0 0 20px 0; }

  .accreditation-list > li {
    width: 100%;
    height: auto;
    padding: 0 10px; }
    .accreditation-list > li .course-background {
      position: static;
      height: 200px; }
    .accreditation-list > li .course-left {
      width: 100%;
      padding: 10px 0;
      margin: 0 0 20px 0;
      position: static;
      height: auto;
      box-shadow: 0 2px 6px #70707033; }
    .accreditation-list > li .course-box {
      width: 100%; }
      .accreditation-list > li .course-box h3 {
        font-size: 16px;
        line-height: 24px;
        color: #000 !important; }
        .accreditation-list > li .course-box h3 span {
          font-size: 14px;
          color: #000 !important; }
      .accreditation-list > li .course-box .view-more {
        color: #000 !important;
        font-size: 16px; } }
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
  .list-xs-i1 > li {
    width: 100%;
    margin-right: 0%; }

  .training-list > li, .training-list.item-4 > li {
    width: 100% !important;
    margin: 0 0 10px 0 !important; }

  #contact-info-inner .contact-info-inner-list {
    width: 100%;
    margin-left: 0; }

  #contact-info-inner li {
    position: relative;
    width: 100%;
    padding-left: 80px;
    margin-bottom: 20px; }
    #contact-info-inner li .circle {
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      height: 60px; } }

/*# sourceMappingURL=responsive.css.map */