#slides {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.slides_container {
    width: 940px;
    height: 448px;
    overflow: hidden;
}
.slide {
    width: 940px;
    height: auto;
}
.pagination {
    overflow: hidden;
    z-index: 999;
    text-align: center;
    padding-top: 17px;
    font-size: 0;
    line-height: 0;
}
.pagination li {
    display: inline-block;
    margin-left: 5px;
    text-indent: -5000px;
}
.pagination li:first-child { margin-left: 0 }
.pagination li a {
    display: block;
    height: 14px;
    width: 14px;
    background: url(../images/pagination.png) -19px 0 no-repeat;
}
.pagination li.current a,
.pagination li a:hover { background-position: 0 0 }
.pagination li.current a { cursor: default }
.caption {
    z-index: 999;
    position: absolute;
    top: 234px;
    right: 0px;
    width: 559px;
    padding: 0;
    overflow: hidden;
    background: url(../images/caption-tail.png) center top repeat;
    font: 400 30px/36px 'Lato',sans-serif;
    color: #fff;
}
.caption .indents {
	padding: 43px 20px 49px 35px;
}

.caption .indents a{
	color: #FFFFFF;
	text-decoration:none;
}

@media only screen and (max-width: 995px) {
    .slides_container {
        width: 748px;
        height: 356px;
    }
    .slide { width: 748px }
    .caption {
        top: 200px;
        width: 450px;
        font-size: 25px;
        line-height: 30px;
    }
    .caption .indents { padding: 30px 20px }
}
@media only screen and (max-width: 767px) {
    .slides_container {
        width: 420px;
        height: 200px;
    }
    .slide { width: 420px }
    .caption { display: none!important }
    .pagination { padding-top: 12px }
}
@media only screen and (max-width: 479px) {
    .slides_container {
        width: 300px;
        height: 143px;
    }
    .slide { width: 300px }
}