﻿

.row.main-gallery {
    margin-bottom: 40px;
}



.img-contain {
    padding: 7px 7.5px;
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: block !important;
}

.image-caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 10px 0px;
    color: #fff;
    font-size: 1.3em;
    left: 0px;
    right: 0px;
}

.pswp__button--close {
    display: inline-block !important;
    float: none !important;
    z-index: 1000;
}

.pswp,.pswp__bg {
    right: 0px !important;
    bottom: 0px !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    height: 100% !important;
    width: 100% !important;
}

.pswp__counter {
    left: 30px !important;
}



@media (max-width:767px) {
    .pswp__button--close {
        display: inline-block !important;
        float: none !important;
        z-index: 1000;
        position: absolute !important;
        top: 0px;
        left: 50%;
        margin-left: -22px !important;
    }
    
    .img-contain {
        padding: 5px 15px;
    }
}

@media (max-width:500px) {
      .img-contain {
          width: 100%;
      }
}


.img-contain a:focus {
    border: 0;
}
figure.img-contain.item {
    padding: 0;
    width: 100%;
    height: 100%;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.owl-next {
    left: -30px;
}
.owl-prev {
    right: -30px;
}
.owl-next:after {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 350%;
}
.owl-prev:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 350%;
}

.owl-carousel .owl-item img {
  position:  absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkite-transform: translateY(-50%);
}

.owl-carousel a {
    display: block;
    height:  100%;
    position:  relative;
}

.owl-carousel .owl-item{
    height:130px;
}

@media (max-width:991px){
    .owl-prev{right:10px}
    .owl-next {left: -20px;}
}

@media(max-width:767px){
    .owl-carousel .owl-item{height: 32vh;margin-right:7px !important}
}