#swipe-gallery{ position: relative; }
#gallery-container{ width: 5000px; margin: 0 auto; }
#gallery-container img.fixed-height{ height: 220px; vertical-align: bottom; padding: 8px 4px 8px 4px; }
#swipe-gallery #gallery-inner{ display: inline-block; vertical-align: top; }
#swipe-gallery .gallery-caption{ display: inline-block; vertical-align: top; position: relative; text-align: center; width: 375px; width: 25vw; }
#swipe-gallery .caption{ opacity: 0; position: absolute; top: 32px; margin-left: auto; margin-right: auto; left: 0; right: 0; }

.bg-dark #swipe-gallery .caption{ color: white; }

#swipe-gallery .gallery-caption:hover img{ opacity: 0.5; }
#swipe-gallery .gallery-caption:hover .caption{ opacity: 1; }

#swipe-gallery .gallery-arrow{ display: none; position: absolute; width: 64px; height: 64px; border-radius: 50%; opacity: 0.5; transition: all 0.3s ease; cursor: pointer; }
#swipe-gallery .gallery-arrow:hover{ opacity: 1; /*border-radius: 0;*/ transition: all 0.3s ease; }
#swipe-gallery #arrow-left{  left: -32px; top: calc(50% - 32px); }
#swipe-gallery #arrow-right{ right: -32px; top: calc(50% - 32px); }
#swipe-gallery .arrow-left{  left: -32px; top: calc(50% - 32px); }
#swipe-gallery .arrow-right{ right: -32px; top: calc(50% - 32px); }

#swipe-gallery .icon-view{ width: 64px; height: 64px; }

#swipe-gallery img{ display: block; margin: 0px auto; /*max-height: 100%; max-width: 100%;*/ width: 100%; }

#swipe-gallery .gallery-img{ overflow: hidden; /*height: 18.75vw;*/  }

@media screen and (max-width: 960px) 
{
	#swipe-gallery .gallery-caption{ width: 33vw; }
}

@media screen and (max-width: 640px) 
{
	#swipe-gallery .gallery-caption{ width: 100vw; }
	/*#swipe-gallery .gallery-img{ height: auto;  }*/
}