@import "owl.carousel.min.css";
@import "owl.theme.default.min.css";

.owl-carousel .owl-dots {
    display: none;
}

@media screen and (max-width: 768px) {

    .owl-nav button.owl-prev {
        margin-left: 4% ;
    }
    .owl-nav button.owl-next.disabled, .owl-nav button.owl-next {
        margin-right: 4%  ;
    }

    .owl-carousel .owl-dots.owl-dot-clone:first-of-type {
        display: block;
        margin-bottom: 15px;
    }

    .owl-carousel .owl-dots.owl-dot-clone:not(:first-of-type) {
        display: block;
        margin-top: 15px;
    }

    .owl-carousel.owl-theme .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #258c87;
    }

    .owl-carousel .owl-item img {
        display: initial;
        width: 95%;
        margin: auto;
    }
    .owl-carousel .owl-item img {
        display: initial;
        width: 100%;
        margin: auto;
        max-width: 40%;
    }


    .owl-carousel .owl-item:not(.active) {
        /*height: 700px;*/
    }

    .owl-carousel .owl-item.active {
        margin-top: 0;
    }

    .owl-carousel .owl-stage-outer {
        /*overflow: initial;*/
    }

}

@media screen and (max-width: 500px) {

    .owl-carousel .owl-item img {
            display: initial;
            width: 100%;
            margin: auto;
            max-width: 65%;
        }
}

@media screen and (max-width: 428px) {

    .owl-carousel .owl-item img {
            display: initial;
            width: 100%;
            margin: auto;
            max-width: 85%;
        }
}

@media screen and (max-width: 350px) {

    .owl-carousel .owl-item img {
            display: initial;
            width: 100%;
            margin: auto;
            max-width: 100%;
        }
}