/*thumbs slider*/
.thumbs-slider-container {
    position: relative;
    background: #000;
    padding: 10px;
    margin-bottom: 16px;
    display: none;
}

    .thumbs-slider-container .thumbs-right {
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 37px;
        height: 54px;
        margin-top: -32px;
        margin-left: -20px;
    }

    .thumbs-slider-container .thumbs-left {
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 37px;
        height: 54px;
        margin-top: -32px;
        margin-right: -20px;
    }

.slider-big-thumb i {
    cursor: pointer;
}

.active-thumb {
     border: 6px solid #fff; 
    cursor: default;
    box-sizing:border-box;
}

.slider-big-thumb img {
    width: 100%;
}

.thumbs-slider {
    padding: 0 !important;
    padding-top: 10px !important;
}

    .thumbs-slider .owl-item {
        cursor: pointer;
    }

    .thumbs-slider .active-thumb, .thumbs-slider img:hover {
        opacity: 1;
    }

    .thumbs-slider img {
        opacity: 0.7;
        transition:opacity 0.3s;
    }

.slider-big-thumb {
    position: relative;
}

.thumbs-caption > div {
    position: absolute;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.68);
    width: 100%;
    color: #fff;
    padding: 10px;
    box-sizing:border-box;
}
.thumbs-slider-container .owl-dots{ display:none!important;}
@media screen and (max-width:767px) {
    .thumbs-caption > div {
        font-size: 12px;
    }

    .active-thumb {
        border: 3px solid #fff;
    }

    .thumbs-slider-container .thumbs-right {
        font-size: 20px;
        margin-top: -21px;
        margin-left: -20px;
    }

    .thumbs-slider-container .thumbs-left {
        font-size: 20px;
        left: -7px;
        width: 37px;
        margin-top: -20px;
        margin-right: -20px;
    }
}
/*thumbs slider*/