@media screen and (min-width:501px) and (max-width:850px) {


     swiper-container {
          width: 100%;
          height: 100%;
     }

     swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
     }

          swiper-slide img {
               display: sw </swiper-slidek;
               width: 100%;
               height: 100%;
               object-fit: cover;
          }

     swiper-container {
          width: 100%;
          height: 300px;
          margin-left: auto;
          margin-right: auto;
     }

     swiper-slide {
          background-size: cover;
          background-position: center;
     }

     .mySwiper {
          height: 380px;
          width: 100%;
     }

     .mySwiper2 {
          height: 75px;
          box-sizing: border-box;
          padding: 10px 0;
     }

          .mySwiper2 swiper-slide {
               width: 25%;
               height: 100%;
               opacity: 0.4;
          }

          .mySwiper2 .swiper-slide-thumb-active {
               opacity: 1;
          }

     swiper-slide img {
          display: sw </swiper-slidek;
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
}