.gallery{
	
	width: 100%;
	display: table;
}.gallery > ul{
	width: 100%;
	display: table;
	text-align: center;
	overflow: hidden;	
}.gallery > ul > li {
	list-style: none;
	/*display: inline-table;*/
	float: left;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	margin-right: 16px;
	margin-bottom: 71px;

}.gallery > ul > li[data-breakline="here"] {
	/*display: table;	*/
	clear: both;
}.gallery > ul > li > a{
	display: block;
	
	width: 100%;
	/*width: 230px;*/
	height: 100%;
	position: relative;
}.gallery > ul > li > a > label{	
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	box-sizing:border-box;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	padding: 11px;
	z-index: 10;
	transition:300ms;
}.gallery > ul > li:hover > a > label{
	background: rgba(0, 0, 0, 0.9);	
}.gallery > ul > li > a > span{	
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 90%;
	left: 0px;
	width: 100%;
	box-sizing:border-box;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 57, 123, 0.8);
	border-top:0px;
	color: #444;
	text-align: center;
	padding: 11px;
	z-index: 9;
	transition:300ms;
}.gallery > ul > li:hover > a > span{		
	opacity: 1;
	visibility: visible;
	top: 100%;
	z-index: 100;
}


@media screen and (max-width: 900px){
	.gallery > ul > li {
		display: inline-table !important;
		width: 100% !important;
		margin: auto !important;
		margin-right: 20px !important;
		margin-bottom: 51px !important;

		float: none !important;
	}
}

/*@media screen and (max-width: 500px){
	.gallery > ul > li {
		display: table !important;
		width: 100% !important;
	}
}*/