@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;
  }
  #home #banner {
    height: 60vh;
  }
  #home #banner .container .inner h1 {
    font-size: 48px;
    margin-bottom: 40px;
  }
  #home #brandStory {
    padding: 50px 0;
  }
  .main-title h3 {
    font-size: 32px;
  }
  #home #brandStory .container .inner {
    margin-top: 30px;
  }
  #home #brandStory .container .inner .right .content {
    width: 100%;
  }
  #home #brandStory .container .inner .right .content2 {
    width: 100%;
    justify-content: flex-start;
  }
  #home #brandStory .container .inner .right .content2 ul {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #home #brandStory .container .inner .right .content2 ul li {
    font-size: 16px;
  }
  #home #advantages {
    height: auto;
  }
  #home #advantages.swiper-container .swiper-pagination {
    width: auto;
    text-align: left;
    left: 20px;
    top: 35vh;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide::after {
    display: none;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide {
    flex-wrap: wrap-reverse;
    align-content: flex-end;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .left {
    width: 100%;
    padding: 30px 20px;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .left .inner h3 {
    font-size: 24px !important;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .right {
    width: 100%;
    height: 40vh;
  }
  #home #newProducts {
    padding: 50px 0;
  }
  #home #newProducts .container .inner .item {
    width: 100%;
  }
  #home #starProduct .container .inner .left {
    width: 100%;
  }
  #home #starProduct .container .inner .left h3 {
    font-size: 24px;
  }
  #home #starProduct .container .inner .right {
    width: 100%;
  }
  #home #testimonials {
    padding: 50px 0;
  }
  #home #testimonials .container .swiper-container .swiper-wrapper .swiper-slide {
    background-color: transparent;
    width: 100%;
  }
  #home #testimonials .container .swiper-container .swiper-wrapper .swiper-slide .inner {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    height: auto;
    display: block;
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-top: 10px;
  }
  #home #testimonials .container .swiper-container .swiper-wrapper .swiper-slide .inner p {
    color: #999;
    margin-bottom: 0;
  }
  #home #testimonials .container .swiper-container .swiper-wrapper .swiper-slide .inner .bd .ava {
    color: #000;
  }
  #home #testimonials .container .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .left::after {
    display: none;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .left::before {
    display: none;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .right::before {
    display: none;
  }
  #home #advantages.swiper-container .swiper-wrapper .swiper-slide .right::after {
    display: none;
  }
  #footer footer .container .left {
    width: 100%;
  }
  #footer footer .container .right {
    width: 100%;
  }
}