.photo-galleria dl {
  margin-top: 0px;
  margin-bottom: 0px;
}
.photo-galleria .owl-item img {
  border: none !important;
  height: auto;
}
.photo-galleria .block_thumb .thumb {
  margin-bottom: 5px;
  background-size: cover;
  background-position: center;
}
  .photo-galleria .block_thumb .thumb:after {
    content: " ";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }

@media all and (min-width: 768px) {
  .photo-galleria .owl-dots {
    display: none !important;
  }
  .owl-carousel .owl-nav {
    display: inherit !important;
  }
  .owl-carousel .owl-nav .disabled span {
    display: none;
  }
  .owl-carousel .owl-prev,
  .owl-carousel .owl-next {
    width: 22px;
    text-indent: inherit !important;
    border-radius: 0px !important;
    background: inherit !important;
    background-color: inherit !important;
  }
    .owl-carousel .owl-prev:hover,
    .owl-carousel .owl-next:hover {
      box-shadow: inherit !important;
    }
  .owl-carousel .back-gallery {
    display: block;
    width: 22px;
    height: 44px;
    background: url('./images/left.png') no-repeat;
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
  }
  .owl-carousel .next-gallery {
    display: block;
    width: 22px;
    height: 44px;
    background: url('./images/right.png') no-repeat;
    position: absolute;
    top: calc(50% - 22px);
    right: 0;
  }
  .owl-carousel .owl-mobile-only {
    display: none !important;
  }
}

@media all and (max-width:767px) {
  .photo-galleria .block_thumb {
    display: none;
  }
  .owl-carousel .owl-dots {
    margin-top: 10px;
    text-align: center;
  }
  .owl-carousel .owl-dot {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 0 1px;
    text-indent: -9999px;
    width: 11px;
  }
  .owl-carousel .owl-dots .owl-dot.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    cursor: default;
  }
  .owl-carousel .owl-desktop-only {
    display: none !important;
  }
  .owl-mobile-div {
    width: 100%;
    background-size: cover;
    padding-bottom: 60%;
  }
  img.owl-mobile-only {
    width: auto !important;
    height: 290px !important;
    margin: 0 auto;
  }
}