.swiper-slide {
    position: relative;
}
.swiper-horizontal {
    .swiper-button-prev , .swiper-button-next {
        right: 300px;
        left: auto;
        top: auto;
        bottom: 20px;
        padding: 3px;
        border-radius: 3px;
        background: #ffffff;
        color: black;        
    }

    .swiper-button-next {
        right: 248px;
    }  
    
        .swiper-button-prev:hover , .swiper-button-next:hover {
        background: #ffffff90;       
    }
}

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

.swiper-slide {
  width: 960px;   /* main slide size */
  flex-shrink: 0;
}

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

.swiper .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-slide img {
    width: 100%;
    z-index: 10;
}

/* Optional: make side slides slightly faded */
.swiper-slide {
  opacity: 0.5;
  transition: opacity 0.3s;
}

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

.container {
    position: relative;
}

.swiper {
    margin-left:60px;
}



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

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

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

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

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

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

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

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

@media (max-width: 970px) {
	.swiper .caption .caption_tools { margin-left:7%; }
	.swiper .caption h1 { font-size: 30px; }
}

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

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

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

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

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

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

@media (max-width: 768px) {
    .title_vert { display:none; }
    .swiper {
        margin-left: 0px;
    }    
}

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

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

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

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

.swiper .caption .button:hover { opacity: 0.8; }

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

}

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