.bya-owl-carousel-items,
.bya-owl-carousel-items .owl-stage-outer {
width: 100% !important;
}
.bya-owl-carousel-items .owl-item .bya-owl-carousel-item{
text-align: center;
}
.bya-owl-carousel-items .owl-item .bya-owl-carousel-item .bya_add_to_cart_container,
.bya-owl-carousel-items .owl-item .bya-owl-carousel-item .bya_buy_again_container {
display: inline-block;
}
.bya-owl-carousel-items .owl-item .bya-owl-carousel-item .bya_add_to_cart_container .bya-add-to-cart {
background: #29b58f;
color: #fff;
}
.bya-owl-carousel-items .owl-item .bya-owl-carousel-item .bya_buy_again_container .bya-buy-again {
background: #0d3993;
color: #fff;
}
.bya-owl-carousel-items .owl-item span {
display: inline-block;
margin-bottom: 10px;
}
.bya-owl-carousel-items .owl-item h5,
.bya-owl-carousel-items .owl-item span {
text-align: center;
}
.bya-owl-carousel-items .owl-prev,
.bya-owl-carousel-items .owl-next {
position: absolute;
top: 45%;
transform: translateY(-50%);
}
.bya-owl-carousel-items .owl-prev {
left: 0;
}
.bya-owl-carousel-items .owl-next {
right: 0;
}
.bya-owl-carousel-items .owl-nav button.owl-prev,
.bya-owl-carousel-items .owl-nav button.owl-next {
background: #f1f1f1;
padding: 10px !important;
border: 1px solid #ccc;
}
.bya-owl-carousel-items h5 {
margin: 10px 0;
font-weight: 600;
}
.bya-owl-carousel-items .owl-dots,
.bya-owl-carousel-items .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.bya-owl-carousel-items .owl-nav {
margin-top: 10px
}
.bya-owl-carousel-items .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.bya-owl-carousel-items .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none
}
.bya-owl-carousel-items .owl-nav .disabled {
opacity: .5;
cursor: default
}
.bya-owl-carousel-items .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.bya-owl-carousel-items .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.bya-owl-carousel-items .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.bya-owl-carousel-items .owl-dots .owl-dot.active span,
.bya-owl-carousel-items .owl-dots .owl-dot:hover span {
background: #869791
}
.bya-owl-carousel-item a {
width: 100%;
text-align: center;
display: block; }