.mySwiperTOP {
    height: 80%;
    width: 100%;
}

    .mySwiperTOP .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

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

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



.mySwiperTOPthumb {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

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

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


    .mySwiperTOPthumb .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }