@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,
  .plate2,
  .plate3,
  .solution .top,
  .mainImg img,
  .footer ul li,
  .com-lt .contact,
  .contactUs .bto img,
  .plate4 {
    display: none;
  }

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

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

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

  .about-con,
  .com-nav,
  .detailsForklifts .common-card,
  .sales .common-card,
  .contactUs .top ul,
  .cooperative ul {
    height: auto;
    flex-wrap: wrap;
  }

  .about-con .text {
    flex: none;
    width: 100%;
    padding: 2%;
  }

  .solution-prev {
    right: 4%;
  }

  .solution-next {
    left: 4%;
  }

  .solutionSwiper {
    margin-top: 25px;
  }

  .com-nav a {
    flex-grow: 1;
    flex-basis: 250px;
    margin: 0 10px 10px 0;
  }

  .com-nav a:nth-child(2n) {
    margin-right: 0;
  }

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

  .footer .bottom {
    line-height: 25px;
    padding: 2% 0;
  }

  .footer .top {
    padding: 3% 0;
  }

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

  .caseInner li .img {
    height: 250px;
  }

  .com-lt {
    width: 100%;
    margin-right: 0;
  }

  .com-tl {
    margin: 10px 0;
  }

  .productList {
    height: auto;
    flex-wrap: wrap;
  }

  .productList .text {
    flex: none;
    width: 100%;
  }

  .sales .productItem li {
    flex-grow: 1;
    flex-basis: 250px;
    width: 100%;
  }

  .crane li {
    width: 100%;
    flex-grow: 1;
    flex-basis: 250px;
  }

  .crane li img {
    width: 100%;
    height: auto;
  }

  .contactUs .top li {
    height: auto;
    flex-grow: 1;
    flex-basis: 295px;
    margin: 0 10px 10px 0;
  }

  .contactUs .top li:nth-child(2n) {
    margin-right: 0;
  }

  #map {
    height: 150px;
  }

  .cooperative li {
    width: 110px;
    height: 110px;
    margin: 0 10px 10px 0 !important;
  }

  .cooperative {
    background: none;
    background-color: #f1f1f1;
  }

  .workshopSwiper a {
    height: auto;
  }
}

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

  .mobile-inner-header .logo img {
    width: 100%;
  }

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

  .products .nav,
  .news ul,
  .footer ul,
  .consultCon a {
    flex-wrap: wrap;
  }

  .products .nav a {
    flex-grow: 1;
    margin: 0 10px 10px 0;
    flex-basis: 250px;
  }

  .products .nav a:nth-child(2n),
  .caseInner li:nth-child(2n) {
    margin-right: 0;
  }

  .about-con img,
  .news-con li img {
    width: 100%;
    height: auto;
  }

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

  .caseInner li {
    flex-basis: 200px;
  }

  .productList .imgs,
  .consultCon li {
    width: 100%;
    height: auto;
  }

  .common-tl h6 {
    font-size: 16px;
  }

  .consultCon .text {
    flex: none;
    width: 100%;
  }

  .cooperative ul {
    justify-content: center;
  }
}



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

  .products .nav a,
  .com-nav a,
  .caseInner li,
  .sales .productItem li,
  .crane li,
  .contactUs .top li {
    margin-right: 0;
  }

  .consultCon img {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }

  .course-button-next {
    left: 0;
  }

  .course-button-prev {
    right: 0;
  }

  .courseSwiper {
    margin-top: 15px;
  }

  .course {
    padding: 20px 0;
  }
}

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



  .footer ul li .flex-c {
    flex-wrap: wrap;
  }

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

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