@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {
  .newsDetails-con {
    font-size: 14px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {

  .header,
  .brandItem,
  .plate1 .rt,
  .footer ul li,
  .contactUs .top img,
  .introduction-con img,
.introduction-con .img,
.course-button-next,
.course-button-prev {
    display: none;
  }

  .mobile-inner-header {
    display: block;
  }

  .mobile-inner-header .logo {
    padding: 2px 0;
  }

  .common-card {
    width: 100%;
    padding: 0 4%;
  }

  .header-pagination .swiper-pagination-bullet {
    font-size: 12px;
    margin: 0 10px !important;
  }

  .header-pagination {
    justify-content: center;
    padding-right: 0;

  }

  .common-tl h2,
  .indexTxt h6,
  .indexTxt h4,
  .argument li h6,
  .news .lt h2,
  .news li h6,
  .footer li p,
  .footer li .bto h6,
  .plate3 .tl h2,
  .plate3Swiper1 h6,
  .plate3Swiper2 .title h6,
  .plate5 li h6,
  .contactUs h5,
  .information li .text h6,
  .courseSwiper .time,
  .corporate li h6 {
    font-size: 16px;
  }

  .common-tl p,
  .news .lt p,
  .plate3 .tl p,
  .plate3Swiper2 .title p {
    font-size: 14px;
    margin-top: 8px;
  }

  .brand .top .text,
  .argument li .text,
  .news .lt .ls,
  .news li .ls,
  .footer li a,
  .footer li div,
  .productDetails .rt .text,
  .plate3Swiper2 .text,
  .plate5 li .ls,
  .contactUs .top .text,
  .information li .text .ls,
  .textList .ls,
  .courseSwiper .ls,
.textList .ls.l1 {
    font-size: 14px;
    line-height: 30px;
  }

  .corporate li .ls {
    font-size: 14px;
    line-height: 25px;
  }

  .brand .top,
  .plate1,
  .argument-con ul,
  .news .common-card,
  .plate3 .common-card,
  .plate5 .bto,
  .form,
  .introduction-con .nav,
  .corporate ul {
    flex-wrap: wrap;
  }

  .brand .lt,
  .plate1 .rt {
    flex: none;
    width: 100%;
  }

  .brand .top .rt {
    margin: 10px 0;
  }

  .more {
    width: 30px;
    height: 30px;
  }

  .premiumItem li {
    width: 250px;
    margin: 0 10px 10px 0;
    padding: 10px;
  }

  .premiumItem li img,
  .plate1,
  .plate3Swiper1 {
    width: 100%;
    height: auto;
  }

  .premiumItem .ls,
  .plate1 .lt li h6 {
    font-size: 15px;
  }

  .premiumItem .name::after {
    width: 20px;
    height: 20px;
  }

  .premiumItem .name {
    margin-top: 10px;
  }

  .premium,
  .workshop {
    padding: 15px 0;
  }

  .honorSwiper img {
    height: auto;
    object-fit: contain;
  }

  .honor-button-next {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  .honor-button-prev {
    width: 30px;
    height: 30px;
  }

  .indexTxt .ls {
    padding: 0 15px;
    font-size: 14px;
    height: auto;
    border-radius: 20px;
    line-height: 30px;
    margin: 15px 0;
  }

  .plate1 .lt {
    width: 100%;
    height: auto;
    padding: 30px;
  }

  .plate1 .lt .ls {
    text-align: center;
  }

  .plate1 .lt li span,
  .plate3Swiper2 .title span {
    font-size: 26px;

  }

  .plate1 .lt li i,
  .plate1 .lt li h6 {
    font-size: 14px;

  }

  .plate1 .lt li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .argument li img {
    width: 35px;
    height: 35px;
  }

  .argument li {
    height: auto;
    width: auto;
    padding: 10px;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    flex-basis: 315px;
  }

  .news .lt {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }

  .news .lt .more {
    width: fit-content;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
  }


  .news li .more {
    width: fit-content;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 20px;
  }

  .news li img,
  .productsSwiper2,
  .productDetails .top,
  .plate4Swiper img,
  .plate5 .bto .lt .l1,
  .plate5 .rt,
  .plate5 .rt .rl2,
  .plate5 .bto .lt .l2,
  .plate5 .rt .rl1,
  .news li,
  .news ul,
  .plate2 .l3,
  .plate5 .rt ul,
  .form,
  .contactUs .top,
  .information li img,
  .equipmentItem li .img,
  .charitySwiper img,
  .qualificationSwiper1 img,
  .qualificationSwiper2 img {
    height: auto;
  }

  .plate5 .rt,
  .plate5 li {
    width: auto;
    flex-wrap: wrap;
  }

  .footer ul li:nth-child(3),
  .footer ul li:nth-child(4) {
    display: flex;
    flex-direction: column;
  }

  .footer .con {
    height: auto;
    line-height: 25px;
    padding: 4px 0;
  }

  .footer li .bto h2 {
    font-size: 20px;
  }

  .footer li img {
    width: 100px;
    height: 100px;
  }

  .premium.inner li {
    flex-grow: 1;
    flex-basis: 250px;
  }

  .plate2 li .name {
    height: 35px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 15px;
    padding: 0 10px;
    line-height: 35px;
  }

  .plate2 li .text {
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
  }

  .plate2 li {
    flex-basis: 295px;
    margin: 0 10px 10px 0;
  }

  .plate2 li:nth-child(3n) {
    margin: 0 10px 10px 0;
  }



  .workshopItem li {
    width: 260px;
    height: auto;
  }

  .comnav a {
    width: fit-content;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    padding: 0 15px;
    margin-right: 10px;
  }

  .plate3Swiper1 .swiper-slide {
    height: auto !important;
    padding: 10px 0;

  }

  .plate3Swiper1 .nu {
    font-size: 20px;
    line-height: 30px;
  }

  .plate3Swiper1 img {
    height: 40px;
    margin: 10px 0;
  }

  .plate3Swiper1 {
    margin: 15px 0;
  }

  .plate3Swiper2 {
    flex: none;
    width: 100%;
    margin-left: 0;
    padding: 2% 0;
  }

  .plate4Swiper .name {
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }

  .plate5 .bto li {
    flex-grow: 1;
    flex-basis: 295px;
  }

  .plate5 .rt ul {
    width: 100%;
  }

  .plate5,
  .charity {
    padding: 15px 0;
  }

  .plate5 .rt .r1 li {
    margin: 0 0 25px 0;

  }

  .plate5 li {
    padding: 30px 10px 10px;
  }

  .plate5 li .nu {
    top: -17px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;

  }

  .plate5 .bto {
    margin-top: 30px;
  }

  .form,
  .form form {
    flex: none;
    width: 100%;
  }

  #map {
    width: 100%;
    height: 250px;
    margin: 10px 0;
  }

  .form input[type=text] {
    height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
  }

  .form textarea {
    height: 50px;
    font-size: 14px;
    padding: 10px 0 0 10px;

  }

  .form input[type=submit] {
    font-size: 16px;
    line-height: 35px;
    height: 35px;
  }

  .information li .text {
    height: auto;
    padding: 10px;
  }

  .information li .time {
    font-size: 12px;
  }

  .information li {
    width: auto;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    flex-basis: 300px;
  }

  .information li:nth-child(3n) {
    margin-right: 10px;
  }


  .introduction .common-tl {
    text-align: center;
  }

  .introduction-con .nav .item {
    width: 100%;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    flex-grow: 1;
    flex-basis: 300px;
    margin: 0 10px 10px 0;
  }

  .plate2 li:nth-child(2n),
  .information li:nth-child(2n),
  .introduction-con .nav .item:nth-child(2n) {
    margin-right: 0;
  }

  .corporate li img {
    height: 30px;
  }

  .courseSwiper .dot {
    width: 20px !important;
    height: 20px !important;
     border: 4px solid #0056a7; 

  }
.courseSwiper .text.active {
    text-align: left;
}
  .courseSwiper .dot::after {
    width: 15px;
    height: 15px;
  }

  .course-button-next {

    left: 2%;
  }

  .course-button-prev {
    right: 2%;
  }

  .corporate li {
    padding-top: 15px;
    width: 170px;
    height: 160px;
    margin: 0 10px 10px 0;
  }

  .corporate ul {
    justify-content: flex-start;
  }

  .equipmentItem li {
    width: 250px;
    margin-right: 10px;
  }

  .equipmentItem li .name,
  .charitySwiper .name {
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }

  .equipmentItem div {
    margin-right: 10px;
  }

  .qualificationSwiper1 {
    margin: 15px 0;
  }
}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo img ,
.newsDetails-con  img{
    width: 100%;
  }

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

  .mobile-inner-header .logo {
    margin: 0 5%;
  }

  .brand .top .rt,
  .plate3Swiper2 img {
    width: 100%;
    height: auto;
  }

  .playBack {
    width: 40px;
    height: 40px;
  }

  .indexTxt h5,
  .plate2 .bto {
    font-size: 15px;
  }

  .plate1 .lt .ls {
    font-size: 16px;
    line-height: 30px;
  }

  .indexTxt h6 {
    text-align: center;
  }

  .plate2 li {
    margin-right: 0 !important;
  }

  .plate5 .bto .lt li:nth-child(3n) {
    margin-right: 10px;
  }

  .plate1 .lt {
    padding: 4%;
  }

  .argument li .nu {
    bottom: 10px;
    font-size: 24px;
  }

  .footer ul {
    flex-wrap: wrap;
    padding: 2% 0;
  }

  .footer .bottom {
    line-height: 20px;
    padding: 2% 4%;
  }


  .footer ul li:nth-child(4) {
    margin-top: 15px;
  }

  .productDetails .top,
  .comnav {
    flex-wrap: wrap;
  }

  .productsSwiper1,
  .productDetails .rt {

    width: 100%;
    height: auto;
  }

  .productDetails .rt,
  .productDetails .rt .text {
    padding: 10px;

  }

  .comnav a {
    flex-grow: 1;
    margin: 0 10px 10px 0;
    flex-basis: 200px;
  }

  .plate4-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .information li {

    flex-basis: 250px;
  }

}

@media screen and (max-width: 550px) {
  .premium.inner li {
    flex-basis: 210px;
  }

  .plate6 {
    padding: 15px 0;
  }

  .plate6 ul {
    flex-wrap: wrap;
  }

  .plate6 li {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }

  .introduction .bto {
    height: auto;
  }

  .courseSwiper .text {
    height: 120px;
  }
}

@media screen and (max-width: 420px) {

  .argument li,
  .premium.inner li,
  .comnav a,
  .introduction-con .nav .item {
    margin-right: 0;
  }

  .news ul,
  .footer li .top {
    flex-wrap: wrap;
  }

  .news li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .news li:last-child a {
    flex-direction: column;
  }

  .plate5 li,
  .information li {
    margin-right: 0 !important;
  }

  .plate5 .bto .lt li {
    margin-bottom: 25px;
  }

  .news li h6 {
    margin: 10px 0;
  }

  .qualification-button-next,
  .qualification-button-prev {
    top: 13%;
  }

  .qualification2-button-next,
  .qualification2-button-prev {
    top: 62%;

  }
}

@media screen and (max-width: 375px) {
  .corporate ul {
    justify-content: center;
  }
}

@media screen and (max-width: 360px) {}