.x-gallery-outer {
	border: 0;
	text-align: center;
}
.x-gallery {
	width:100%; 
	margin:0 auto;
	list-style:none;
	padding:0;
	border: 0;
	overflow:hidden;
}


.x-gallery li:nth-child(1){width:49%; margin-right:1%;}
.x-gallery li:nth-child(2){width:49%; margin-left:1%;}
.x-gallery li:nth-child(3){width:49%; margin-right:1%;}
.x-gallery li:nth-child(4){width:49%; margin-left:1%;}
.x-gallery li:nth-child(5){width:49%; margin-right:1%;}
.x-gallery li:nth-child(6){width:49%; margin-left:1%;}
.x-gallery li:nth-child(7){width:49%; margin-right:1%;}
.x-gallery li:nth-child(8){width:49%; margin-left:1%;}
.x-gallery li:nth-child(9){width:49%; margin-right:1%;}
.x-gallery li:nth-child(10){width:49%; margin-left:1%;}
.x-gallery li:nth-child(11){width:49%; margin-right:1%;}
.x-gallery li:nth-child(12){width:49%; margin-left:1%;}
.x-gallery li {
	display:inline-block;
	position:relative;
	float:left;
	/*width:31%;*/
	/*margin:0 3.5% 0 0;*/
}
/*.x-gallery li:nth-child(3n){
	margin:0;
}*/
.x-gallery .photo {
	/*border:1px solid #e1e1e1;*/
	overflow:hidden;
	display:inline-block;
	width:100%;
}

/*.x-gallery .photo img{width:100% !important;}*/

.x-gallery .text {

	width: 100%;
	text-align: left;
	padding:4% 0 0 0;
}
.x-gallery .text {

}
.x-gallery .text a {
	color:#000;
}
.x-gallery .text .title {
	font-size:20px;
	padding-bottom:20px;
}
.x-gallery .text .desc {
	font-size:15px;
	line-height:25px;
	color:#5e5e5e;
}


@media( max-width: 1190px ) {
	.x-gallery li{/*width:32%;margin:0 2% 0 0;*/}
}


@media( max-width: 800px ) {
	.x-gallery li{/*width:100%;text-align:center;margin:0 0 20px 0;*/}
	.x-gallery .text{text-align:center;}
	.x-gallery li:nth-child(1){width:100%; margin-right:0;}
	.x-gallery li:nth-child(2){width:100%; margin-right:0;}
	.x-gallery li:nth-child(3){width:100%; margin-right:0;}
	.x-gallery li:nth-child(4){width:100%; margin-right:0;}
	.x-gallery li:nth-child(5){width:100%; margin-right:0;}
	.x-gallery li:nth-child(6){width:100%; margin-right:0;}
	.x-gallery li:nth-child(7){width:100%; margin-right:0;}
	.x-gallery li:nth-child(8){width:100%; margin-right:0;}
	.x-gallery li:nth-child(9){width:100%; margin-right:0;}
	.x-gallery li:nth-child(10){width:100%; margin-right:0;}
	.x-gallery li:nth-child(11){width:100%; margin-right:0;}
	.x-gallery li:nth-child(12){width:100%; margin-right:0;}
}

@media( max-width: 550px ) {
	.x-gallery .text .title{font-size:17px;padding-bottom:10px;}
	.x-gallery .text .desc{font-size:13px;line-height:21px;}
	.x-gallery .text{padding:15px 0 0;}
	.x-gallery .photo img{width:100% !important;}
}