.media-wrapper{
    background-color: var(--color-lightest-gray);
}
.swiper-container-5 .swiper-slide{
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
.swiper-container-5 .swiper-slide img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.swiper-container-6 .thumbnail{
    width: 100%;
    padding-bottom: 75%;
    position: relative;
}
.swiper-container-6 .thumbnail img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.swiper-button-prev{
    left: 40px;
}
.swiper-button-next{
    right: 40px;
}
.swiper-button-next,.swiper-button-prev{
    top: 85%;
}


@media only screen and (max-width: 992px){
    .swiper-button-next,.swiper-button-prev {
        top: 84%;
    }
    .swiper-button-next::after,.swiper-button-prev::after{
        font-size:30px;
    }
}
@media only screen and (max-width: 768px){
    .swiper-button-next,.swiper-button-prev {
        top: 82%;
    }
}

@media only screen and (max-width: 576px){
    .swiper-button-next,.swiper-button-prev {
        top: 85%;
    }
    .swiper-button-next::after,.swiper-button-prev::after{
        font-size:20px;
    }
    .media-content{
        width: 100%;
        flex-basis: 100%;
        padding: 10px !important;
    }
    .media-content-pad{
        padding: 0 30px !important;
    }
    .swiper-button-prev{
        left: 10px;
    }
    .swiper-button-next{
        right: 10px;
    }
}