.swiper-pagination {
    bottom: 25em !important;
}

.swiper-pagination-bullet {
    vertical-align: middle;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
}

.mode_list img {
    width: 100%;
}

.mode_list {
    overflow: visible;
}

.mode_list::after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width: 1600px) {
    .swiper-pagination {
        bottom: 20.5em !important;
    }
    .mode_list .cont {
        padding: 30px 50px;
    }
}

@media screen and (max-width: 1366px) {
    .swiper-pagination {
        bottom: 21em !important;
    }
}

@media screen and (max-width: 1280px) {
    .swiper-pagination {
        bottom: 20em !important;
    }
}

@media screen and (max-width: 1024px) {
    .swiper-pagination {
        bottom: 18em !important;
    }
    .mode_list {
        overflow: visible;
        display: block;
        transform: none !important;
    }
}