.topRub {background:#f3f3f3; padding: 125px 0;}
	.topRub h1 { text-align: center; color: #555555; font-size: 48px; text-transform:uppercase;  margin: 0; padding: 0;}

ul#gallery-folder,
ul#gallery { list-style: none; padding: 0; margin: 0; overflow: hidden; }
	ul#gallery-folder li,
	ul#gallery li { position: relative; float: left; }
		ul#gallery-folder li > a,
		ul#gallery li > a { display: block; background-repeat: no-repeat; background-position: center center; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; margin: 10px; }
		ul#gallery-folder li a img,
		ul#gallery li a img { width: 100%; height: 100%; padding: 0; margin: 0; border: 0; }
		ul#gallery-folder li p { font-size: 11px; font-weight: bold; color: #222; text-align: center; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		ul#gallery li a:hover img { background: url(/gfx/webbedit/zoom-big.png) center center no-repeat; }
.grid-item,
.grid-sizer { width: 24%; border-radius: 3px; -moz-border-radius: 3px; margin: 0.5%; }
	.grid-item img { width: 100%; }
video { width: 100%; }

@media only screen and (max-width: 768px) {
	ul#gallery-folder li p { font-size: 10px; }
	ul#gallery li a:hover img { background: url(/gfx/webbedit/zoom-small.png) center center no-repeat; }
	ul#gallery-folder li,
	ul#gallery li { width: 33.3%; }
	.grid-item,
	.grid-sizer { width: 49%; }

	.topRub { padding: 50px 0; }
		.topRub h1 { font-size: 36px; }

}

@media only screen and (max-width: 600px) {
	ul#gallery-folder li,
	ul#gallery li { width: 50%; }
}

@media only screen and (max-width: 600px) {
	ul#gallery-folder li,
	ul#gallery li { width: 100%; }
	.grid-item,
	.grid-sizer { width: 100%; }

}