@media (max-width:767px) {

.mySwiper  { width: 100%; height: 200px; }
.swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.swiper-pagination-bullet { background:#fff; opacity:1.0; width:15px; height:15px; }
.swiper-pagination-bullet-active { background:#000; opacity:1.0; width:15px; height:15px; }

.mySwiper2  { width: 100%; height: 200px; }

}


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

.mySwiper  { width: 100%; height: 400px; }
.swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.swiper-pagination-bullet { background:#fff; opacity:1.0; width:15px; height:15px; }
.swiper-pagination-bullet-active { background:#000; opacity:1.0; width:15px; height:15px; }

.mySwiper2  { width: 100%; height: 100px; }

}


@media(min-width:992px) {

.mySwiper  { width: 100%; height: 490px; }
.swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.swiper-pagination-bullet { background:#fff; opacity:1.0; width:15px; height:15px; }
.swiper-pagination-bullet-active { background:#000; opacity:1.0; width:15px; height:15px; }

.mySwiper2  { width: 100%; height: 100px; }

}


@media(min-width:1200px) {

.mySwiper  { width: 100%; height: 650px; }
.swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.swiper-pagination-bullet { background:#fff; opacity:1.0; width:15px; height:15px; }
.swiper-pagination-bullet-active { background:#000; opacity:1.0; width:15px; height:15px; }

.mySwiper2  { width: 100%; height: 100px; }

}