img { border: none; }
a { color: #444340; }

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 50%; }
.gallery li a { display: block; margin: 5px; /*border: 1px solid #3c3c3c;*/ }
/*.gallery li img { display: block; width: 100%; height: auto; max-height:138px; }*/
.gallery li img { 
	display: block;  
	width:300px;
    height:300px;
    display:table-cell;
    vertical-align:middle;
    overflow-y:hidden;
    border:1px solid #ccc;
    margin-bottom:10px; 
}
.gallery img{
	border : 0;
	max-width: 100%;
	min-width:50%;
}

/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 100%; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

@media only screen and (min-width: 320px){
    .gallery li img { 
	    height:140px;
	    max-height:140px;
    }
}

@media only screen and (min-width: 450px){
    .gallery li img { 
	    height:200px;
	    max-height:200px;
    }
}

@media only screen and (min-width: 580px){
    .gallery li img { 
	    height:190px;
	    max-height:190px;
    }

    .gallery li { float: left; width: 33.333%; }
}

@media only screen and (min-width: 750px){
    .gallery li img { 
	    height:170px;
	    max-height:170px;
    }

    .gallery li { float: left; width: 25%; }
}