@media only screen and (min-width: 200px) and (max-width: 575px)  {
    .owl-nav {
        display: none;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    
}

@media only screen and (min-width: 576px) and (max-width: 767px)  {
    .owl-nav {
        display: block;
    }
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    /* Make preview images responsive  */
    .previews img {
        width: 100%;
        height: auto;
    }

}