
/* fancybox */
.fancybox-bg {
	background: #000;
}
.fancybox-thumbs .fancybox-thumbs__list a {
	opacity: 0.4;
}
.fancybox-toolbar .fancybox-button--close {
	top: 10px;
	right: 10px;
}
.photo-gallery-item .fancybox-content:before {
	display: none!important;
}
.photo-gallery-item .fancybox-content img {
	border: 0;
}
.fancybox-show-thumbs .fancybox-thumbs {
	text-align: center;
}
.fancybox-button--share {
	display: none;
}
@media (min-width: 992px) { 
	.fancybox-slide {
		padding-left: 180px;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 0;
		bottom: inherit;
		top: 0;
		height: 100%;
	}
	.fancybox-navigation {
		top: 15px;
		bottom: inherit;
	}
	.fancybox-navigation .fancybox-button {
		top: 0!important;
		height: 30px!important;
	}
	.fancybox-navigation .fancybox-button--arrow_left,
	.fancybox-navigation .fancybox-button--arrow_right {
		top: 0!important;
		padding: 0!important;
		height: 30px!important;
	}
	.fancybox-navigation .fancybox-button--arrow_left {
		left: 10px;
	}
	.fancybox-navigation .fancybox-button--arrow_right {
		left: 40px!important;
	}

	.fancybox-button svg {
		width: 20px;
    	height: auto;
	}
	.fancybox-button--close svg, .fancybox-close-small svg  {
		width: 20px;
    	height: auto;
	}
	.fancybox-show-thumbs .fancybox-thumbs {
		width: 200px;
		height: 100%;
		padding-top: 60px;
		top: 0;
		bottom: inherit;
		left: 0;
		right: inherit;
	}
	.fancybox-thumbs .fancybox-thumbs__list {
		display: inline;
	}

 }

@media (max-width: 991.98px) { 
	.fancybox-thumbs__list {
		width: 100%!important;
	}
	.fancybox-thumbs .fancybox-thumbs__list a {
		margin: 0 auto;
	}
	.photo-gallery-item .fancybox-content {
		display: inline-block!important;
    	text-align: center!important;
	}
	.fancybox-thumbs {
		bottom: 70px!important;
	}
	.fancybox-navigation {
		bottom: 20px!important;
	}
    .fancybox-thumbs {
        height: 70px;
        padding: 0;
    }
    .fancybox-thumbs .fancybox-thumbs__list a {
        max-width: 100%;
        max-height: 100%;
    }
    .fancybox-thumbs .fancybox-thumbs__list a:after {
        content: '';
        display: flex;
        aspect-ratio: 1 / 1;
    }
    .fancybox-navigation .fancybox-button {
        top: calc(50% - 40px);
    }
}
@media (max-width: 767.98px) {
	.fancybox-thumbs__list {
		width: 280px!important;
		margin: 0 auto;
	}
}