<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css

var carouselLite = function() {

        var owl5 = $(".owl-carousel5");

        owl5.owlCarousel({
            items: 1,
            margin: 0,
            center: false,
            responsiveClass: true,
            loop: true,
            nav: true,
            dots: true,
            autoplay: true,
            smartSpeed: 500,
            responsive:{
                0:{
                    nav:false
                },
                480: {
                    nav:false
                },
                768:{
                    nav:false
                },
                1000:{
                    nav:true,
                }
            },
            navText: [
                "<i class='icon-arrow-left owl-direction'></i>",
                "<i class='icon-arrow-right owl-direction'></i>"
            ]
        });
    };

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="owl-carousel5">
    <div class="item"><img src="images/draft_duo_1.png" alt="Draft Duo 1"></div>
    <div class="item"><img src="images/draft_duo_2.png" alt="Draft Duo 2"></div>
    <div class="item"><img src="images/draft_duo_3.png" alt="Draft Duo 3"></div>
    <div class="item"><img src="images/draft_duo_4.png" alt="Draft Duo 4"></div>
</div>