Navigation Dots CSS Is No Longer Working

Hi,

I was given the below CSS by you guys 2 months ago, but after I noticed that the navigation dots were no longer being displayed, I decided to forward the one given to me before to a developer to add the feature back again. He did, but the navigation dots are not showing up underneath the carousel for the main product on the single product page. This was meant for the tablet and mobile views.

@media (min-width: 1025px) {
.woocommerce-product-gallery__wrapper .owl-stage {
width: 100% !important;
transform: none !important;
}
.woocommerce-product-gallery__wrapper .owl-nav,
.woocommerce-product-gallery__wrapper .owl-dots {
display: none;
}
.woocommerce-product-gallery__wrapper .owl-stage .owl-item {
margin-bottom: 4px;
}
}