
.grid-gallery ul {
	list-style: none;
	padding: 0;
	margin:0;
	width:100%;

}

.grid-gallery ul li{
	list-style: none;
padding: 0;
	margin:0;

}



.grid-gallery figure {
	position:relative;
	width:100%;
	margin: 30px 0;


	
}

	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		box-sizing: border-box;
		padding:0 30px 0 0;
			margin-bottom:10px;
		
}



	
	.grid li {
	width: 33.33%;
	 list-style-type: none;
	float: left;
margin-bottom:30px;
    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
	
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
	
	
}

.grid-gallery figcaption {
	margin-bottom:20px;
}



@media only screen and (max-width: 1699px) {


.grid-gallery ul {
	list-style: none;
	padding: 0;
	width:100%;
}


.grid-gallery ul li{
	list-style: none;
	
}

.grid-gallery figure {
	position:relative;
	width:100%;
	margin: 20px 0;
}
	


	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		box-sizing: border-box;
		margin-bottom:10px;
		padding:0 20px 0 0;
	
		
}
	
	.grid li {
	width: 33.33%;
	 list-style-type: none;
	float: left;
		margin-bottom:30px;

    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
}
	
}





@media only screen and (max-width: 1399px) {


.grid-gallery ul {
	list-style: none;
	padding: 0;
	width:100%;
}


.grid-gallery ul li{
	list-style: none;
	
}

.grid-gallery figure {
	position:relative;
	width:100%;
	margin-bottom: 0;
}
	


	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		box-sizing: border-box;
		margin-bottom:10px;
		padding:0 20px 0 0;
	
		
}
	
	.grid li {
	width: 33.33%;
	 list-style-type: none;
	float: left;
		margin-bottom:30px;

    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
}
	
}



@media only screen and (max-width: 1100px) {

.grid-gallery ul {
	list-style: none;
	padding: 0;
	width:100%;
}


.grid-gallery ul li{
	list-style: none;
	
}

.grid-gallery figure {
	position:relative;
	width:100%;
	margin: 10px 0;



	
}

	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		
		padding:0 30px 0 0;
		box-sizing: border-box;
		margin-bottom:10px;
		
}
	
	.grid li {
	width: 50%;
	 list-style-type: none;
	float: left;

    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
}}
	
	
	@media only screen and (max-width: 768px) {

.grid-gallery ul {
	list-style: none;
	padding: 0;
	width:100%;
}


.grid-gallery ul li{
	list-style: none;
	
}

.grid-gallery figure {
	position:relative;
	width:70%;
	margin-bottom: 30px;
}
		
		


	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		padding:0 0 0 0;
		margin-bottom:5px;
		box-sizing: border-box;
	
		
}
	
	.grid li {
	width: 100%;
	 list-style-type: none;
	float: left;
		padding:0 0 0 0;

    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
}
	

}

.grid-gallery figcaption {
	margin-bottom:20px;
}



	@media only screen and (max-width: 511px) {

.grid-gallery ul {
	list-style: none;
	padding: 0;
	width:100%;

}


.grid-gallery ul li{
	list-style: none;
	
}

.grid-gallery figure {
	position:relative;
	width:100%;
	margin: 0;
	
}
		


	.grid-gallery figure img {
	position:relative;
	display: block;
	width: 100%;
	margin:0 auto;
		padding:0 0 0 0;
		margin-bottom:5px;
		box-sizing: border-box;
		
	
		
}
	
	.grid li {
	width: 100%;
	 list-style-type: none;
	float: left;
		padding:0;
		

    
}




.grid figure {
	padding: 0px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
    background:transparent;
}





/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
overflow:hidden;

}



.grid {
}
	

}

