/* 
    Created on : Dec 14, 2021, 4:02:24 PM
    Author     : apon
*/
.single-gallery {
    margin-bottom: 35px;
}
.gallery-item-wrap {
    display: flex;
}
.single-gallery.multi {
    display: flex;
    flex-direction: column;
}
.single-gallery .single-gallery-big {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}
.single-gallery-big{
    background: #f9f9f9;
    line-height: 0;
}
.single-gallery-list {
    padding: 10px 0;
}
.single-gallery-list .gallery-item-wrap.MS-content {
    margin-left: -8px;
    margin-right: -8px;
}
.relatedSlider-wrap.MS-controls {
    position: initial;
}
.Ms-wrap.single-gallery-list .MS-controls .related-nav {
    top: calc(50% - 0px);
}

.Ms-wrap .MS-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.single-gallery .single-gallery-big img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: contain;
}
.single-gallery .single-gallery-big img.slim-size {
    width: auto !important;
}
.single-gallery-big img {
    filter: opacity(.97) drop-shadow(0 0 .01px #000);
    -webkit-filter: opacity(.97) drop-shadow(0 0 .01px #000);
    clip-path: inset(11px 16px 16px 11px);
    padding: 10px;
}
.gallery-item-wrap .gallery-item {
    line-height: 0;
    position: relative;
    min-width: 16.66%;
    padding: 8px;
    background: transparent;
    max-width: 16.66%;
    box-sizing: border-box;
}

.gallery-item img {
    cursor: pointer;
    max-height: 100%;
    object-fit: contain;
    background: #f9f9f9;
}

.related-nav {
    position: absolute;
    top: calc(50% - 0px);
    transform: translate(0,-50%);
    z-index: 9;
    width: 25px;
    height: 45px;
    background: rgba(0,0,0,.7);
}
.prev.related-nav {
    left: 0;
    border-radius: 0 4px 4px 0;
}
.next.related-nav {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.prev.related-nav span {
    clip-path: polygon(45% 0,5% 50%,46% 100%,39% 100%,0 50%,39% 0);
    background: #eee;
    padding: 12px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%,-50%);
}
.next.related-nav span {
    clip-path: polygon(64% 0,100% 50%,58% 100%,51% 100%,94% 50%,58% 0);
    background: #eee;
    padding: 12px;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%,-50%);
}
.MS-controls .prev.related-nav span, .MS-controls .next.related-nav span {
    background: #000;
}
.MS-controls .related-nav.prev, .MS-controls .related-nav.next {
    background: transparent;
}
.MS-controls .related-nav.prev:hover, .MS-controls .related-nav.next:hover {
    background: rgba(255,255,255,.4);
}

.gallery-item.item .img-wrap {
    width: 100%;
    height: 100%;
    background: #f9f9f9;
}
.gallery-item-wrap .gallery-item .img-wrap {
    max-height: 80px;
    justify-content: center;
    display: flex;
    position: relative;
    padding-bottom: 100%;
}
.gallery-item-wrap .gallery-item.current img {
    opacity: .5;
}

.gallery-item-wrap .gallery-item img, .slider-item.item .img-wrap img {
    filter: opacity(.97) drop-shadow(0 0 .01px #000);
    -webkit-filter: opacity(.97) drop-shadow(0 0 .01px #000);
    clip-path: inset(2px);
    padding: 0px;
}
.gallery-item-wrap .gallery-item .img-wrap img {
    height: 100% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.attachment-full.size-full.slim-size {
    width: auto !important;
}
.Ms-wrap {
    position: relative;
    overflow: hidden;
}
/**/
/*Slider*/
/**/
.slider-item-wrap {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.slider-item.item {
    min-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.slider-item.item .img-wrap {
    line-height: 0;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    background: #f8f8f8;
}
.slider-item.item .img-wrap img {
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
}
.slider-item.item .img-wrap img.slim-size {
    height: 100% !important;
    width: auto !important;
}


@media only screen and (max-width: 600px) {
    .gallery-item-wrap .gallery-item {
        min-width: 25%;
    }
    .slider-item.item {
        min-width: 50%;
    }
}