.swiper.top-slider .swiper-slide {
    position: relative;
    width: 960px;   /* main slide size */
    flex-shrink: 0;
    max-width: 100%; 
    opacity: 0.5;
    transition: opacity 0.3s;       
}
.swiper.top-slider.swiper-horizontal {
    .swiper-button-prev , .swiper-button-next {
        right: 145px;
        left: auto;
        top: auto;
        bottom: 20px;
        padding: 3px;
        border-radius: 2px;
        background: #ffffff;
        color: black; 
        opacity: .6; 
        padding: 10px;  
        width: 40px;
        height: 40px;    
    }

    .swiper-button-next {
        right: 100px;
    }  
    
        .swiper-button-prev:hover , .swiper-button-next:hover {
        background: #ffffff; 
        opacity: 1;      
    }
}

.swiper-button-next, .swiper-button-prev {
    svg {
        height: 60%;
    }
}

.swiper.top-slider .swiper-slide-active .caption {
    opacity: 1;
}

.swiper.top-slider .caption .button {
	display:inline-block;
	border:1px solid white;
	font-size:14px;
	color:white;
	padding:9px 20px;
	margin-top:20px;
	box-shadow:0 0 8px 1px #fff;
	background:rgba(0,0,0,0.3);
}

.swiper.top-slider .swiper-slide img {
    width: 100%;
    z-index: 10;
}

.swiper.top-slider .swiper-slide-active {
  opacity: 1;
}

.container {
    position: relative;
}

.swiper.top-slider {
    margin-left:60px;
}

.title_vert {
    position: absolute;
    z-index: 10;
    top: 23px;
    left: 20px;
}

.swiper.top-slider .caption {
	width:100%;
	opacity: 0;
	position: absolute;
	left:0;
	bottom: 23.5px;
	color: white;
	z-index: 50;
}

.swiper.top-slider .caption .caption_tools { margin-left:37.5px; }

.swiper.top-slider .caption h1 {
	color: white;
	font-weight: 300;
	text-transform: capitalize;
	text-align: left;
	margin: 0 0 20px 0;
}

.feat-artworks-buts {
    z-index: 20;
}

@media (min-width: 1200px) {
	.swiper.top-slider .caption h1 { font-size: 36px; }
}

@media (max-width: 1600px) {
    .swiper.top-slider  .swiper-horizontal {
        .swiper-button-prev {
            right: 150px;      
        }

        .swiper-button-next {
            right: 100px;
        }    
    }
}

@media (max-width: 1200px) {
	.swiper.top-slider .caption .caption_tools { margin-left:5%; }
}

@media (max-width: 970px) {
	.swiper.top-slider .caption .caption_tools { margin-left:7%; }
	.swiper.top-slider .caption h1 { font-size: 30px; }
    .title_vert { display:none; }  
    .swiper.top-slider {
        margin: 0 -15px;
    }       
}

@media (max-width: 920px) {
	.swiper.top-slider .caption .caption_tools { margin-left:9%; }
	.swiper.top-slider .caption h1 { font-size: 30px; }
    .swiper.top-slider .swiper-horizontal {
        .swiper-button-prev {
            right: 80px;      
        }

        .swiper-button-next {
            right:30px;
        }    
    }    
}

@media (max-width: 870px) {
	.swiper.top-slider .caption .caption_tools { margin-left:12%; }
	.swiper.top-slider .caption h1 { font-size: 26px; }
}

@media (max-width: 830px) {
	.swiper.top-slider .caption .caption_tools { margin-left:15%; }
	.swiper.top-slider .caption h1 { font-size: 24px; }
}

@media (max-width: 786px) {
	.swiper.top-slider .caption .caption_tools { margin-left:17%; }
	.swiper.top-slider .caption h1 { font-size: 22px; }

	.swiper.top-slider .slick-slide .caption table { height:auto !important; }
}

@media (max-width: 768px) {
   
}

@media (max-width: 700px) {
	.swiper.top-slider .caption .caption_tools { margin-left:22%; }
	.swiper.top-slider .caption h1 { font-size: 20px; }
}

@media (max-width: 640px) {
	.swiper.top-slider .caption .caption_tools { margin-left:24%; }
	.swiper.top-slider .caption h1 { font-size: 19px; }
}

@media (max-width: 576px) {
	.swiper.top-slider .caption .caption_tools { margin-left:29%; }
	.swiper.top-slider .caption h1 { font-size: 16px; }
	.swiper.top-slider .caption p { font-size: 14px; }
   
}

@media (max-width: 540px) {
	.swiper.top-slider .caption table { display:none; }
    .swiper.top-slider .slider .slick-slide .caption { bottom:9px; }
}

.swiper.top-slider .caption .button:hover { opacity: 0.8; }

@media (max-width: 490px) {
	.swiper.top-slider .caption .caption_tools { margin-left:35%; }
	.swiper.top-slider .caption h1 { font-size: 15px; }
	.swiper.top-slider .caption p { font-size: 13px; }

}

@media (max-width: 400px) {
	.swiper.top-slider .caption .caption_tools { margin-left:25%; }
}

.feat-artworks .some-artwork .art-image {
    min-height: auto !important;
}