@include media-breakpoint-down(md){
  .hero-main .hero-cont {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.image-slider{
  .owl-carousel .owl-nav button.owl-prev.owl-prev, .owl-carousel .owl-nav button.owl-next.owl-prev {
    left: -60px;
    width: 50px;
    height: 50px
  }

  .owl-carousel .owl-nav button.owl-prev.owl-next, .owl-carousel .owl-nav button.owl-next.owl-next {
    right: -60px;
    width: 50px;
    height: 50px
  }

  .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before {
    font-size: 1.5rem;
    color: #ffffff;
    background: none;
    box-shadow: inset #ffffff 0 0 0 3px;
    line-height: 50px;
  }
}