#text div.gallery ul {list-style:none; margin:0}
#text div.gallery ul li {background:none; padding:0; font-size:16px; line-height:18px; position:relative; overflow:hidden}
#text div.gallery ul li span.title {
    background-color:rgba(98, 182, 178, 0.9);
    position:absolute;
    color:#fff;
    z-index:100;
    -webkit-transition:all 300ms ease-out;
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    left:0;
    height:35px;
    width:280px;
    display:block;
    bottom:-65px;
    padding:10px 10px;
}
#text div.gallery ul li:hover span.title{bottom:0}
.gallery div.gallerycomment {margin-bottom:30px}
.gallery .img {
	height:120px;
	width:176px;
	float:left;
	margin:0 25px 25px 0;
	text-align:center;
	position:relative
}
.gallery .group img {height:auto; width:176px}
.gallery li.img.dir {height:200px; width:300px; margin:0 40px 40px 0}
.gallery li.img.dir img {height:200px; width:300px}
.gallery li.img.dir:nth-child(3n) {margin-right:0}
.gallery li.img.single:nth-child(5n) {margin-right:0}
.gallery .img a {display:inline-block; padding:0; height:auto}

@media only screen and (min-width : 320px) and (max-width : 480px) {
.gallery li.img.dir, .gallery .img{height:207px; width:310px; margin:0 0 30px 0}
.gallery li.img.dir img, .gallery .group img{height:207px; width:310px}
#text div.gallery ul li span.title {width:290px; height:15px; padding:15px 10px}	
.gallery li.img.dir, .gallery li.img {margin-right:0}
}

@media only screen and (min-width : 481px) and (max-width : 768px) {
.gallery li.img.dir, .gallery .img{height:147px; width:220px; margin:0 30px 30px 0}
.gallery li.img.dir img, .gallery .group img{height:147px; width:220px}
#text div.gallery ul li span.title {width:210px; height:35px; padding:10px}	

.gallery li.img.dir, .gallery li.img {margin-right:0}
	.gallery li.img.dir:nth-child(1n), .gallery li.img:nth-child(1n) {margin-right:30px}
	.gallery li.img.dir:nth-child(2n), .gallery li.img:nth-child(2n) {margin-right:0}
}

@media only screen and (min-width : 769px) and (max-width : 940px) {
.gallery li.img.dir {height:153px; width:230px; margin:0 30px 30px 0}
.gallery li.img.dir img {height:153px; width:230px}
#text div.gallery ul li span.title {width:210px; height:35px; padding:10px}	

.gallery .img {height:120px; width:167px; margin:0 26px 26px 0}
.gallery .group img {height:auto; width:167px}

.gallery li.img:nth-child(5n) {margin-right:26px}
.gallery li.img:nth-child(4n) {margin-right:0}
	.gallery li.img.dir:nth-child(4n), .gallery li.img.dir:nth-child(5n) {margin-right:30px}
}

@media only screen and (min-width : 941px) and (max-width : 1024px) {
.gallery li.img.dir {height:174px; width:270px; margin:0 44px 44px 0}
.gallery li.img.dir img {height:174px; width:270px}
#text div.gallery ul li span.title {width:250px; height:35px; padding:10px}

.gallery .img {height:120px; width:167px; margin:0 16px 16px 0}
.gallery .group img {height:auto; width:167px}
}