.flash-deals,
.trending {
  .owl-carousel {
    .owl-controls {
      .owl-nav {
        .owl-prev,
        .owl-next {
          background: color(600);
          height: 45px;
          width: 45px;
          line-height: 45px;
          font-size: 20px;
          border: 0;
          top: 200px;
          &:hover {
            background: color(250) !important;
            color: color(50);
          }
        }
        .owl-prev {
          right: auto;
          left: 0;
        }
        @include media-breakpoint-down(sm) {
          .owl-prev {
            left: 15px;
          }
          .owl-next {
            right: 15px;
          }
        }
      }
    }
  }
}