.owl-nav > .owl-prev {
  position: absolute;
  top: 0;
  left: 1%;
  background: url("/repo/AWL/desktop/pages/freeformat/SS19/ShopTheAdvert/Week-16/02-images/arrow_left.png") no-repeat center !important;
  width: 9%;
  height: 94%;
}

.owl-nav > .owl-next {
  position: absolute;
  top: 0;
  right: 1%;
  background: url("/repo/AWL/desktop/pages/freeformat/SS19/ShopTheAdvert/Week-16/02-images/arrow_right.png") no-repeat center !important;
  width: 9%;
  height: 94%;
}
.slide-secondary{
  opacity: 0.3
}
.slide-primary{
  opacity: 1 !important;
}
.owl-prev:active,
.owl-next:active {
  opacity: 0.8;
}

.owl--wrapper {
  max-height: 300px;
}

.slide-secondary > div img   {
            -webkit-transform: scale(0.85);
                -ms-transform: scale(0.85);
                    transform: scale(0.85);
    }
 .slide-primary > div img       {
            -webkit-transform: scale(0.999);
                -ms-transform: scale(0.999);
                    transform: scale(0.999);
    }
.modalHotspot {
  cursor: pointer;
  position: absolute;
}


@media screen and (min-width:568px){/*ANYTHING ABOVE 568px */
  .slide-secondary{  opacity: 0.5; }
}


@media screen and (min-width:1200px){/*ANYTHING ABOVE 1200px */
  .owl-carousel{max-width: 1120px; margin: 0 auto;}

  .owl-nav > .owl-prev{ left: -7%; }
  .owl-nav > .owl-next{ right: -7%; }
}