.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-carousel{
    .owl-dots{
        display: block;
        text-align: center;
        margin-top: -20px;
        z-index: 999;
        position: relative;

        .owl-dot{
            display: inline-block;
            height: 15px;
            width: 20px;
            span{
                width: 10px;
                height: 10px;
                background: rgba(0, 0, 0, 0.4);
                display: inline-block;
                border-radius: 30px;
            }
            &.active{
                span{
                    background: #fff;
                }
            }
        }
    }
    .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 10px;
        right: 10px;
        height: 0px;
        .owl-prev{
            float:left;
        }
        .owl-next{
            float:right;
        }
    }

}
.details{
    .owl-carousel{
        .owl-nav, .owl-pagination {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: 10px;
            right: 10px;
            .owl-prev{
                float:left;
            }
            .owl-next{
                float:right;
            }
        }
        .owl-dots, .owl-page{
            margin-top: -60px;
        }
        .owl-item{
            img{
                height: 500px;
                border-radius: 5px;
            }
        }
    }
    &.my-popup{
        text-align: left !important;
        .card{
            padding: 30px;
        }
    }
}
.offer-hold{
    .owl-nav {
        position: absolute;
        top: -45px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        left: auto;
        right: 10px;
        .owl-prev{
            float:left;
            margin-right: 10px;
        }
        .owl-next{
            float:right;
        }
    }
}



@media all and (min-width: 992px){
    .OfficeParent {
        position: absolute;
        bottom: 0;
        height: 100%;
    }
    .map-part.height-100 {
        overflow: hidden;
        position: relative;
    }
}