.exgallery-items { font-size: 12px; padding-left: 0px !important; }
.exgallery-item { display: inline-block; vertical-align: top; -webkit-transition: height 500ms ease; -o-transition: height 500ms ease; transition: height 500ms ease; }
.exgallery-expander { position: absolute; left: 0; right: 0; overflow: hidden; max-height: 0; -webkit-transition: max-height 500ms ease; -o-transition: max-height 500ms ease; transition: max-height 500ms ease; }
.exgallery-contents { position: relative; }
.exgallery-contents:after { display: block; position: relative; bottom: 0px; left: 50%; margin-left: -30px; width: 0; height: 0; content: ''; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom-style: solid; border-bottom-width: 0px; -webkit-transition: border-bottom-width 500ms ease; -o-transition: border-bottom-width 500ms ease; transition: border-bottom-width 500ms ease; }
.exgallery-item.active .exgallery-contents:after { border-bottom-width: 30px; }
ul.exgallery-item { margin: 0 !important; padding: 0; list-style: none; text-align: center; }
.exgallery-item { text-align: left; margin: 0 5px !important; padding: 10px 0; }
.exgallery-item .exthumbnail { position: relative; height: 200px; overflow: hidden; cursor: pointer; }
.exgallery-item .exthumbnail > img { top: 10%; margin-top: 0px !important; max-width: 290px; }
.exgallery-item .exthumbnail > img:hover { opacity:0.50; transition: all 0.3s ease-out 0s;}
.exgallery-item .extitle { text-align: center; margin-top: 0px; padding-bottom: 0px; }
.exgallery-contents:after { border-bottom-color: #f5f5f5; }
.exgallery-expander { background: #f5f5f5; }
.exgallery-expander-contents { margin: 0 auto; width: 94%; padding: 20px 0;}
.exgallery-expander-contents:after { clear: both; display: table; content: ''; }
.exgallery-expander-contents > div.excol { float: left; width: 48%; }
.exgallery-expander-contents > div.excol + div.excol { margin-left: 20px; }
.exgallery-expander-contents div.exclose { background: #fff; border-radius: 50%; color: #999; cursor: pointer; font-family: arial; font-size: 14px; font-weight: 300; height: 30px; position: absolute; right: 10px; text-align: center; text-transform: uppercase; top: 10px; width: 30px; line-height: 30px;}
.exgallery-expander-contents div.exclose:hover { color: #666;}
.exgallery-expander-contents div.extitle { font-weight: 600; font-size:26px; }
.exgallery-expander-contents div.extype { border: 1px solid #a5a5a5; border-radius: 5px; display: table; font-size: 11px; font-weight: 300; line-height: 14px; margin: 0 auto; min-width: 100px; padding: 3px; text-align: center; text-transform: uppercase;
}
.exgallery-expander-contents div.excontents { margin-top: 10px; padding: 10px 0; line-height: 24px; }
.exgallery-expander-contents div.eximage > img { width: 100%; display: block; }

@media (min-width: 640px) and (max-width: 999px) {
	.exgallery-expander-contents { width: 640px; }
}

@media (max-width: 639px) {
	.exgallery-expander-contents { width: 100%; }
}

@media (min-width: 640px) and (max-width: 999px) {
	.exgallery-expander-contents > div.excol { width: 310px; }
}

@media (max-width: 639px) {
	.exgallery-expander-contents > div.excol { float: none; padding: 25px 20px 0; width: auto; }
}

@media (min-width: 640px) and (max-width: 999px) {
	.exgallery-expander-contents > div.excol + div.excol { margin-left: 20px; }
}

@media (max-width: 639px) {
	.exgallery-expander-contents > div.excol + div.excol { margin-left: 0px; }
	.exgallery-item {
  width: 100%;
  margin: 0 !important;
}
.excol {
  height: auto !important;
}
li.exgallery-item.active {
  margin-bottom: 80px !important;
}

}
.exthumbnail {
  text-align: center;
}