.owl-carousel.flex-gallery {
    position: relative;
    margin: auto;
    display: block;
    max-width: 100%;
    margin: auto;
    padding: 0;
    overflow: hidden;
    height: 100%;
  }

  .owl-carousel.flex-gallery.outside {
    padding: 0 50px;
  }

  .flex-gallery .owl-stage-outer {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    height: 100%;
    overflow: hidden;
  }

  .flex-gallery .owl-stage {
    height: 100%;
  }

  .owl-carousel.flex-gallery img {
    width: 100%;
    height: 100%;
    object-position: center;
  }



  .owl-carousel.flex-gallery .owl-item .item {
    height: 100%;
  }

  .owl-carousel.flex-gallery li {
    list-style: none;
  }



  .flex-gallery .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);

  }

  .flex-gallery .owl-nav.disabled,
  .flex-gallery .owl-dots.disabled {
    display: none;

  }


  .flex-gallery .owl-nav button {
    position: absolute;
    background: none;
    border: 0;
    font-size: 50px;
    color: #3CAA28;
  }


  .flex-gallery .owl-nav button:hover {
    color: #3DBED9;
    cursor: pointer;
  }

  .flex-gallery .owl-prev {
    left: 0px;
  }

  .flex-gallery .owl-next {
    right: 0px;
  }

  .flex-gallery .owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
  }

  .flex-gallery.outside .owl-dots {
    position: relative;
    bottom: 0px;
  }

  .flex-gallery .owl-dots .owl-dot {
    background: #3CAA28;
  }

  .flex-gallery .owl-dots .owl-dot.active {
    background: #3DBED9;
  }


  .gallery-box,
  .gallery-box .carousel-wrap {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  .is-preview .owl-carousel.flex-gallery .item {
    display: none;
  }

  .is-preview .owl-carousel.flex-gallery .item:first-child {
    display: block;
  }


  @media only screen and (min-width: 0px) and (max-width: 768px) {


    .gallery-wrap.item {
      height: auto !important;
      min-height: 300px;
    }


  }

  @media only screen and (min-width: 769px) and (max-width: 1124px) {}