/*--------------SLIDER----------------*/
/*#slider-box {
    margin-left: -10px;
}*/

#slider-box{
    margin:0 -15px;
}

#slider {
    width: 100%;
    margin: 0 auto;
}

@media(max-width:991px) {
    #slider {
        margin-top: 15px;
    }
    #slider-box {
        margin: 0;
    }
}
/*--------------CONTROLS--------------*/

/*position controls*/
.controls, .slides {
    margin: 0;
}

    .controls li {
        top: 50%;
        margin-top: -30px;
    }

        .controls li:nth-child(1) {
            left: 0;
        }
        .controls li:first-child {
            left: 0\9;
        }
        .controls li:nth-child(2) {
            right: 0;
        }
        .controls li:first-child+li{
            right: 0\9
        }

/*------------PAGINATION------------*/

/*style pagination*/
.pagination-yd li {
    background-color: #fff;
}

    .pagination-yd li.active {
        background-color: #FBEE23;
    }

.sliderh2 {
    height: 260px;
}

.responsiveh2 {
    height: 260px !important;
}

@media(max-width:991px) {
    .pagination-yd li {
        width: 14px !important;
        height: 14px !important;
    }
}

@media(max-width:414px) {
    .pagination-yd li {
        width: 10px !important;
        height: 10px !important;
    }
}

@media(min-width:992px) {
    .sliderh1 {
        height: 302px;
    }

}
    .responsiveh1 {
        height: 302px !important;
    }
/*-------------HELPERS----------------*/

.responsive {
    width: 100%;
    height: auto;
}

.slides li {
    position: relative;
}

.slideother {
    width: 100%;
    height: 44px;
    line-height: 44px;
    /*display: inline-block;*/
    float: left;
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: Alpha(opacity=40);
    position: absolute;
    bottom: 0;
    z-index: 10;
}

    .slideother a {
        text-overflow: ellipsis;
        overflow: hidden;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        color: #fff;
        padding: 0 15px;
    }

        .slideother a:hover {
            text-decoration: none;
        }

    .slideother p {
        color: #999;
        text-align: left;
        margin: 6px 0 0 0 !important;
    }

        .slideother p a {
            color: #999;
            text-decoration: none;
        }

            .slideother p a:hover {
                text-decoration: none;
            }