Mini Shell

<style>
    .owl-nav button span:hover {
        background-color: <?php echo $cor2 ?>;
    }

    .owl-nav button:focus,
    .owl-nav button:active,
    .owl-dots button:focus,
    .owl-dots button:active {
        outline: none;
    }

    .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
    }

    .owl-prev {
        left: 5px;
        position: absolute;
        transform: translateY(-50%);
    }

    .owl-next {
        right: 5px;
        position: absolute;
        transform: translateY(-50%);
    }

    .owl-nav button span {
        font-size: 30px;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 35px;
        background-color: <?php echo $cor1 ?>;
        display: table;
        border-radius: 50%;
    }
</style>
<?php
$query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg ORDER BY registros_ordem ASC";
$slideshow = mysqli_query($config, $query) or die(mysqli_error());
?>

<div class="segura-slideshow-owl hidden-xs">
    <div class="owl-carousel owl-slideshow">
        <?php while ($row_slideshow = mysqli_fetch_assoc($slideshow)) { ?>
            <div class="item-carousel">
                <a href="<?php echo $row_slideshow['registros_link'] ?>">
                    <img src="<?php echo RAIZ ?>timthumb.php?src=<?php echo RAIZ_UP . $row_slideshow['registros_imagem'] ?>&zc=1&w=1920&h=650" class="img-fluid">
                </a>
            </div>
        <?php } ?>
    </div>
</div>


<?php
$query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg ORDER BY registros_ordem ASC";
$slideshow = mysqli_query($config, $query) or die(mysqli_error());
?>

<div class="segura-slideshow-owl visible-xs">
    <div class="owl-carousel owl-slideshow">
        <?php while ($row_slideshow = mysqli_fetch_assoc($slideshow)) { ?>
            <div class="item-carousel">
                <?php if (!empty($row_slideshow['registros_imagem2'])) { ?>
                    <a href="<?php echo $row_slideshow['registros_link'] ?>">
                        <img src="<?php echo RAIZ ?>timthumb.php?src=<?php echo RAIZ_UP . $row_slideshow['registros_imagem2'] ?>&zc=1&w=767&h=1200" class="img-fluid">
                    </a>
                <?php } else { ?>
                    <a href="<?php echo $row_slideshow['registros_link'] ?>">
                        <img src="<?php echo RAIZ ?>timthumb.php?src=<?php echo RAIZ_UP . $row_slideshow['registros_imagem'] ?>&zc=1&w=1920&h=650" class="img-fluid">
                    </a>
                <?php } ?>
            </div>
        <?php } ?>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('.owl-slideshow').owlCarousel({
            loop: true,
            nav: true,
            dots: false,
            items: 1,
            autoplay: true,
            autoplayTimeout: 3000,
            autoplayHoverPause: true,
        });
    });
</script>