.owl-theme {
    .owl-nav {
      margin-top: 10px;
      text-align: left;
      -webkit-tap-highlight-color: transparent;
      width: 100%;
      top: 50%;
      margin-left: 15px;
    
      [class*='owl-'] {
        padding: 11px 15px;
        border: 1px solid;
        background: #fff;
        @include transition(all 0.4s);
        margin-right: 10px;
      }
      .disabled {
        opacity: 0.5;
        cursor: default;
      }
      &.disabled + .owl-dots {
        margin-top: 10px;
      }
    }
    .owl-dots {

      
      text-align: center;
      -webkit-tap-highlight-color: transparent;
      position: absolute;
      width: 100%;
      margin-top:0 !important;
      .cl-slider &{
        margin-top:0px;
        bottom: 60px;
      }
      

      .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
        span {
          width: 10px;
          height: 10px;
          margin: 5px 7px;
          background: #D6D6D6;
          display: block;
          -webkit-backface-visibility: visible;
          transition: opacity 200ms ease;
          border-radius: 30px;
        }
        &.active span, &:hover span {
          background: #869791;
        }
      }
    }
  }

.cl-owl-nav{
    @include lg{
      margin-left:15px;
    }
    
    margin-top:20px;
    &.disabled{
        display:none;
    }
    button{
        padding:8px 15px;
        background:transparent;
        box-shadow:none;
        border:1px solid;
        margin-right:10px;
        font-family: Montserrat, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        @include transition(all 0.4s);
        letter-spacing: 0px;
        line-height: 1.5;
        text-transform: none;
        cursor:pointer;
        &:hover{
            color:#fff;
        }
    }
}