/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/
#gallery-photos .ngg-galleryoverview {
	text-align: center;
}
#gallery-photos .ngg-gallery-thumbnail img {
 padding: 2px;
 margin: 4px 0 4px 0;
 width: 140px;
 height: auto;
}
#gallery-photos .ngg-galleryoverview {
 margin: 0;
}
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev,
.ngg-navigation span,
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	padding: 5px 8px;
	background: #B91111;
	color: #FFF;
	border: none;
}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev {
	padding: 5px 8px;
	background: #303030;
	color: #FFF;
	text-decoration: none;
	margin: 0 4px;
	border: none;
        cursor: pointer !important;
}
.ngg-navigation span {
	margin: 0 4px;
}
#gallery-photos .ngg-gallery-thumbnail-box {
    display: inline-block;
    float: none;
    margin: 0 6px;
    width: auto;
}
#gallery-photos .ngg-gallery-thumbnail {
	line-height: 0;
        width: auto;
}

@media screen and (max-width: 320px) {
	#gallery-photos .ngg-gallery-thumbnail-box {
		margin: 0;
	}
}

@media screen and (max-width: 600px) {
	#gallery-photos .ngg-gallery-thumbnail-box img {
                position: static;
	}
}