.sc-owlcarousel-gallery-images {
    .thim-owl-gallery {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;

        .owl-wrapper-outer {
            padding-bottom: 10px;

            .item {
                border: 1px solid @border-color;
                text-align: center;
                margin: 15px;
                .rounded(5px);

                .image-title {
                    display: block;
                    padding: 0 30px;
                    font-size: 16px;
                    margin: 20px auto;
                }

                .read-more-button {
                    margin-top: 20px;

                    a.owl-gallery-button {
                        position: relative;
                        top: 10px;
                        background: #fff;
                        font-size: 12px;
                        text-transform: uppercase;
                        padding: 13px 20px;
                        .rounded(5px);
                        border: 1px solid #ddd;
                        font-weight: 700;

                        &:hover {
                            color: white;
                        }
                    }
                }
            }
        }

        .owl-controls.clickable {
            margin-top: 30px;

            .owl-pagination {
                margin: 0 15%;

                .owl-page.active {
                    &::before {
                        content: '\f10c';
                        font-family: FontAwesome;
                    }
                }

                .owl-page {
                    padding: 0 5px;

                    &::before {
                        content: "\f111";
                        font-family: FontAwesome;
                        color: #dddddd;
                    }

                    span {
                        display: none;
                    }
                }
            }
        }
    }

    .navigation-owl-slider {
        @media (min-width: 800px) {
            position: absolute;
            top: 35%;
            left: -10px;
            width: 100%;
            .slider-prev, .slider-next {
                font-size: 24px;
                color: #dddddd;
                width: 30px;
                height: 30px;
                border: 1px solid #dddddd;
                .rounded(50%);
                position: relative;
                i {
                    position: absolute;
                    top: 2px;
                    left: 10px;

                }
            }

            .slider-prev {
                float: left;
                margin-left: -30px;
            }

            .slider-next {
                float: right;
                margin-right: -30px;
            }

        }
        @media (max-width: 800px) {
            display: none;
        }
    }
}