@media all and (max-device-width: $wide) {
  .owl-wrapper .left, .owl-wrapper .right {
    display: none !important;
  }
}

@media all and (max-device-width: $wide) {
  .chapter-header-wrapper {
    width: 100% !important;
    margin: 0;
  }
}

@media all and (max-device-width: $wide) {
  .owl-wrapper .owl-nav-round {
    display: none !important;
  }
}

@media all and (max-device-width: $wide) {
  .chapter-header-wrapper {
    width: 100% !important;
    margin: 0;
  }
}

Fix owlCarousel nav buttons visibility on mobile
Fix owlCarousel nav buttons visibility on mobile
