.owl-carousel{
    margin-right: -10px;
    width: unset !important;
    position: relative;
}

@media(min-width: 350px){
  .owl-carousel{
    margin-right: -15px;
  }
}
@media(min-width: 400px){
  .owl-carousel{
    margin-right: -20px;
  }
}
@media(min-width: 440px){
  .owl-carousel{
    margin-right: -30px;
  }
}

.owl-carousel .owl-nav button{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button span{
    display: none;
}

.owl-carousel .owl-nav button::before,
.owl-carousel .owl-nav button::after{
    content: "";
    background-image: url("/user/documents/img/ikonky/sipka.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    transition: opacity .3s ease;
    opacity: 1;
    position: absolute; inset: 0;
}

.owl-carousel .owl-nav button::after{
  opacity: 0;
  background-image: url("/user/documents/img/ikonky/sipka.svg");
  filter: brightness(0) saturate(100%) invert(68%) sepia(15%) saturate(362%) hue-rotate(18deg) brightness(92%) contrast(85%);
}

.owl-carousel .owl-nav button:hover::before{ opacity: 0; }
.owl-carousel .owl-nav button:hover::after { opacity: 1; }

.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-prev::after{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    color: #c3b99b;
}

@media (min-width:768px){
    .owl-carousel{
        margin-right: unset;
        width: 100% !important;
    }
    .owl-carousel .owl-nav button{
        background-size: 20px;
        width: 20px;
        height: 24px;
        display: block;
    }   
    .owl-carousel .owl-nav button::before,
    .owl-carousel .owl-nav button::after{
        background-size: 20px;
        width:20px;
        height:24px;
    }
    .owl-carousel .owl-nav .owl-prev{
        left:-35px;
    }
    .owl-carousel .owl-nav .owl-next{
        right:-35px;
    }
}
@media (min-width: 992px){
    .owl-carousel .owl-nav button{
        width: 22px;
        height: 26px;
        display: block;
    }   
    .owl-carousel .owl-nav button::before,
    .owl-carousel .owl-nav button::after{
        background-size: 22px;
        width:22px;
        height:26px;
    }

}
@media (min-width:1200px){
    .owl-carousel .owl-nav button{
        width: 24px;
        height: 28px;
        display: block;
    }   
    .owl-carousel .owl-nav button::before,
    .owl-carousel .owl-nav button::after{
        background-size: 24px;
        width:24px;
        height:28px;
    }
}

/* scroll mobil */

@media(max-width: 767px){
    .owl-carousel {
        overflow-y: scroll !important;
        -ms-overflow-style: none;  /* IE a Edge */
        scrollbar-width: none;     /* Firefox */
    }
   .owl-carousel::-webkit-scrollbar {
        display: none;             /* Chrome, Safari, Opera */
    }
    .owl-carousel .owl-stage-outer {
        overflow: unset !important;
    }
}