@media screen and (max-width: 768px) {
  header .container {
    height: 60px;
  }
  header .container .logo .main-logo {
    height: 40px;
  }
  header .container nav ul {
    display: none;
  }
  header .container nav .lng {
    color: #fff;
  }
  header .container nav .lng i {
    display: none;
  }
  header.fixed .container nav .lng {
    color: #000;
  }
  .main-title h3 {
    font-size: 24px;
  }
  #home #homebanner {
    height: auto;
  }
  #home #homebanner .bot {
    max-width: 100%;
    bottom: 0;
  }
  #home #homebanner .top {
    padding: 0 20px;
  }
  #home #homebanner .top .left {
    width: 100%;
  }
  #home #homebanner .top .left .tips {
    font-size: 16px;
  }
  #home #homebanner .top .left h1 {
    font-size: 36px;
  }
  #home #homebanner .top .left h1 .block {
    font-size: 36px;
  }
  #home #homebanner .top .right {
    width: 100%;
  }
  #home #homebanner .top .right img {
    width: 60%;
    margin: 0 auto;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner {
    padding: 0 20px;
    flex-direction: column-reverse;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner .left {
    width: 100%;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner .left img {
    max-width: 60%;
    margin: 0 auto;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner .right {
    width: 100%;
    text-align: left;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner .right h1 {
    font-size: 36px;
  }
  #home #homebanner .swiper-wrapper .swiper-slide.social .inner .right h2 {
    margin-top: 0;
  }
  #home #solution .container .products-list .product-item .left {
    width: 100%;
  }
  #home #solution .container .products-list .product-item .right {
    width: 100%;
  }
  #home #sliders.swiper-container .swiper-pagination {
    height: 48px;
  }
  #home #sliders.swiper-container .swiper-pagination .swiper-pagination-bullet {
    font-size: 14px;
  }
  #home #sliders.swiper-container .swiper-wrapper .swiper-slide {
    padding: 0 20px;
  }
  #home #sliders.swiper-container .swiper-wrapper .swiper-slide .left {
    width: 100%;
    position: relative;
    z-index: 9;
  }
  #home #sliders.swiper-container .swiper-wrapper .swiper-slide .right {
    width: 100%;
    z-index: 1;
  }
  #home #sliders.swiper-container .swiper-wrapper .swiper-slide .right::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.6);
    z-index: 8;
  }
  #home #sliders.swiper-container .swiper-wrapper .swiper-slide .right img {
    max-width: 60%;
    margin: 0 auto;
  }
  #home #case .container .case-list {
    grid-template-columns: repeat(1, 1fr);
  }
  #home #advantages .container .inner {
    grid-template-columns: repeat(3, 1fr);
  }
  #home #advantages .container .inner .item:nth-child(4) {
    grid-column: span 2;
  }
  #home #clients .container .inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #home #clients .container .inner:nth-child(3) {
    grid-column: span 2;
  }
  #footer footer .container .left {
    width: 100%;
  }
  #footer footer .container .right {
    width: 100%;
  }
  .r_nav {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    transform: none;
  }
  .r_nav .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: absolute;
    bottom: 0;
    border-radius: 0;
  }
  .r_nav .list .item .online_contact, .r_nav .list .item .online_contact1 {
    width: 30px;
    height: 30px;
  }
  .r_nav .list .item img {
    margin-top: 0;
  }
}