.grid-gallery {
	margin-bottom: 50px;
}

.grid-gallery.album {
	margin-bottom: 50px;
	padding-top: 100px;
}

.grid-gallery a img{
    width: 100%;
    height: auto;
}

.grid-sizer,
.grid-item { width: 50%; }
.grid-item { padding: 10px; }

@media(min-width:768px) {
	.grid-sizer,
	.grid-item { width: 25%; }
	.grid-item { padding: 10px; }
}	

#page-content-wrapper .grid-gallery .col-xs-12 {
	padding-top: 15px;
}

.grid-img-layer {
	border: 1px solid transparent;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;	
}
.grid-item:hover .grid-img-layer {
	border: 2px solid #fff;
	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;
}

.grid-top-filter {
	background: #fff none repeat scroll 0 0;
    padding-top: 50px;
	padding-bottom: 10px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 100;
}
@media(max-width:767px) {
	.grid-gallery {
		padding-top: 90px;
	}
	.grid-top-filter {
		padding-bottom: 0px;
		top: 45px;
	}
	.grid-top-filter  .nav li{
		display: inline !important;
	}
	.grid-top-filter  .nav li a{
		display: inline !important;
		white-space: nowrap;
		padding: 0px 10px !important;
	}
}

/* landscape fix */
@media(max-width:767px) and (orientation: landscape) {
	.grid-gallery {
		padding-top: 60px;
	}
	#main-menu.mmgrid .navbar-collapse {
		margin-top: 30px;
	}
	#main-menu.mmgrid .navbar-brand img {
		max-height: 50px;
	}
	.grid-top-filter {
		padding-top: 30px;
	}
}