div.sigplus-gallery{ display: block;  margin:20px 0 0;}
/* items */
div.sigplus-gallery ul > li {}

/* items with caption below */
div.sigplus-gallery.sigplus-captionsbelow ul > li {
padding-bottom:60px !important;
}

div.sigplus-gallery.sigplus-captionsabove ul > li {
padding-top:60px !important;
}

/* images */
div.sigplus-gallery ul > li > img,
div.sigplus-gallery ul > li > a > img {
width: auto;
min-width: 200px;
min-height: 150px;
display:block;
vertical-align: top;}

div.example div.sigplus-gallery ul > li {
margin:4px !important;
border:1px solid blue !important;
padding:2px !important;
}

/* images (an example with margin, border and padding) */
div.example div.sigplus-gallery ul > li > img,
div.example div.sigplus-gallery ul > li > a > img {
margin:4px !important;
border:thin solid gray !important;
padding:2px !important;
}

/* images on mouse hover (an example) */
div.example div.sigplus-gallery ul > li > a:hover > img {
margin:4px !important;
border:thin solid red !important;
padding:2px !important;
}

/*
* Generic image gallery stylesheet rules.
* Rules in this section should normally be left as they are.
*/

/* image gallery alignment */
div.sigplus-center > * {
float:none !important;
clear:both !important;
margin:0 auto !important;
}

div.sigplus-left {
text-align:left !important;  /* for flow layout */
}

div.sigplus-right {
text-align:right !important;  /* for flow layout */
}

div.sigplus-left.sigplus-float > * {
float:left !important;
}

div.sigplus-left.sigplus-clear > * {
margin:0 auto 0 0 !important;
}

div.sigplus-right.sigplus-float > * {
float:right !important;
}

div.sigplus-right.sigplus-clear > * {
margin: 0 0 0 auto !important;
}

/* flow layout */
div.sigplus-gallery > ul {
display:block !important;
position:relative !important;
margin:0 !important;
padding:0 !important;
list-style-type:none !important;
list-style-image:none !important;
}
#maincolumn div.sigplus-gallery > ul > li{
  background: none;
  padding: 0; list-style-type: none;
}
div.sigplus-gallery > ul > li { width: 20%; display: inline-block; margin: 0 0 10px; background: none; }
div.sigplus-gallery ul > li > a {
display:block;
 overflow: hidden;
 margin:0;
 padding: 0;
 width: 95%;
 height: 150px;
 transition-property:box-shadow, width, transform;
 transition-duration: 0.1s;
 transition-timing-function: ease-in-out;
}
div.sigplus-gallery ul > li > a:hover{
  transform: scale(1.04);
  box-shadow: 0 3px 3px rgba(0,0,0,0.7);
  z-index: 99;
}
@media only screen and (max-width: 1024px) {
    div.sigplus-gallery > ul > li{  width:25%; }
}
@media only screen and (max-width: 500px) {
   div.sigplus-gallery > ul > li{ width: 49%;}
}