/*--------Swiper--------*/

.slideshow-container {
    position: relative;
    height: 260px;
    background: #192426;

}
.swiper-container {
    width: 100%;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    margin-right: 0;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

@media only screen and (min-width: 641px){
    .slideshow-container {
        height: 500px;
    }
    .gallery-top {
        height: 75%;
    }
    .gallery-thumbs {
        height: 25%;
    }
}