/*-- gallery --*/
.gallery-grids{
	margin:3em 0 0;
}
.gallery-grid1 img{
	padding:.5em;
	border:1px dotted #f26f62;
}
.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
  float: left;
  margin: 0.4%;
   padding: 8px;
  position: relative;
   width: 22.4%;
}
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
  position: absolute;
  background:rgba(69, 163, 214, 0.64);
  width: 100%;
  height: 100%;
}
.da-thumbs li a div span {
  display: block;
  padding: 10px 0;
  margin: 11px 20px 20px 20px;
  font-weight: normal;
  text-transform: capitalize;
  color: rgba(255,255,255,0.9);
  text-align: center;
  font-size: 1.1em;
}
.da-thumbs li a div  h5 {
  color: #FFF;
  font-size: 1.5em;
  margin: 10px 0 0 0;
  text-align: center;
  text-transform: capitalize;
}
@media screen and (min-width:180px) and (max-width:480px)
 {
	.da-thumbs {}
	.da-thumbs li  
	{		  
		float: left;
		margin: 0.4%;
		padding: 8px;
		position: relative;
		width: 100%;
	}
}
@media screen and (min-width:480px) and (max-width:650px)
 {
	.da-thumbs {}
	.da-thumbs li  
	{		  
		float: left;
		margin: 0.4%;
		padding: 8px;
		position: relative;
		width: 44.8%;
		
	}
}
@media screen and (min-width:650px) and (max-width:900px) 
{
	.da-thumbs li  
	{		  
		float: left;
		margin: 0.4%;
		padding: 8px;
		position: relative;
		width: 29.8%;
		
	}
}
@media screen and (min-width:900px) and (max-width:1200px) 
{
	.da-thumbs li  
	{		  
		float: left;
		margin: 0.4%;
		padding: 8px;
		position: relative;
		width: 22.4%;
	}
}
/*-- //gallery --*/