.gl-tree-items ul,.album ul{
    overflow: hidden;
    padding-left: 5px;
    padding-top: 5px;
}

.album h2{
	text-align: left;
}

.gl-tree-items ul li{
    float: left;
	list-style-type: none;
    margin: 0.3%;
    width: 32.7%;
}	

.gl-tree-items ul li a, .gl-tree-items ul li a:hover {
    color: #000;
    display: block;
    text-decoration: none;
}

.gl-hover{
    display: block;
    margin-bottom: 5px;
    height: 250px;
	min-height: 250px;
	overflow:hidden;
}

.gl-hover:hover  {
   height: auto;
}

.gl-hover-image,.gl-child-image{
    display: block;
    overflow: hidden;
}

.gl-hover-image img{
    display: block;
    margin: 0;
    width: 100%;
	height: 100%;
}

.gl-parent{
	height: 150px;
	background: url('../img/filetypes/parent.png') no-repeat center;
}

.gl-child{
	height: 150px;
	background: url('../img/filetypes/child.png') no-repeat center;
}

.gl-child-image img{
    display: block;
    margin: 0;
    width: 100%;
	height: 100%;
}

.collapse>p{
	margin:10px;
	padding:3px;
}

.gl-hover-caption{
    background: none repeat scroll 0 0 rgba(230, 255, 255, 0.4);
    color: #fff;
    height: 145px;
    margin: 2px;
    overflow: hidden;
    position: absolute;
    text-align: center;
   width: 26%;
	display:none;
}

@media (min-width: 768px) {
	.gl-tree-items ul li{ 
		width: 32.7%;
	}	
}

@media (max-width: 767px) {
	.gl-tree-items ul li{ 
		width: 32.7%;
	}
	
@media (max-width: 380px) {
	.gl-tree-items ul li{ 
		width: 98%;
	}
	.footer{
		font-size:14px;
		display:none;	
	}
}