
.gallery h3{
  font-size: 3em;
  text-transform: capitalize;
  color: #fff;
  font-family: 'Play-Regular';
  text-align:center;
}
.gallery {
 /* padding: 4em 0;
  background:#fee200;*/
  }
.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
  float: left;
    margin:0px 3.4% 20px;
    padding: 8px;
    position: relative;
    width: 26.4%;
    border: 2px solid #EEF1F3;
}
.da-thumbs li:hover {
 border: 2px solid #FF0000;
}


.da-thumbs li a
 {
  display: block;
  position: relative;
  width: 100%;height: 169px !important;
}

.da-thumbs li a img{height: 100% !important;width: 100%;}

.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
  position: absolute;
  background: rgba(255, 0, 0, 0.73);
  width: 100%;
  height: 100%;
}
.da-thumbs li a div span {
  display: block;
    padding: 10px 0;
    margin: 11px 20px 20px 20px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    font-size: 1.1em;
}
.da-thumbs li a div  h5 {
  color: #fff;
  font-size: 23px;
  margin: 3.5em 0 0 0;
 /*font-family: 'Play-Regular';*/
  text-align: center;
  text-transform: capitalize;
}
.gallery-grids {
 /* margin-top: 3em;*/
}



@media (max-width: 1080px){

.da-thumbs li {
   margin:0 3% 0 3%;
    width: 27%;
    
}


.da-thumbs li a div h5,.single h4 {
    font-size: 1.4em;
}
.da-thumbs li a  {
 height: 335px !important;
}
@media (max-width: 991px){

.da-thumbs li {
   margin:0 5.4% 16px 5.4%;
    width: 37.4%;
    
}



.da-thumbs li a  {
  height: 140px !important;
}
.da-thumbs li a div span {
    font-size: 1em;
}
.da-thumbs li a div h5 {
	font-size: 1.4em;
    margin: 1.5em 0 0 0;
}

}
@media (max-width: 640px){

.da-thumbs li {
  margin: 0 2.6% 11px 2.6%;
    width: 43.5%;
    
}



.da-thumbs li a  {
 height: 108px !important;
}
.da-thumbs li a div h5{
    font-size: 1.2em;
}

.da-thumbs li a div span {
    font-size: 0.9em;
    padding: 0;
	 margin: 11px 5px 20px 5px;
}

}
@media (max-width: 480px){


.da-thumbs li a  {
 height: 369px !important;
}

 .da-thumbs li a div h5 {
    font-size: 1.15em;
}

.da-thumbs li {
   width: 98%;
}

}
@media (max-width: 320px){




.da-thumbs li a  {
 height: 369px !important;
}

 .da-thumbs li a div h5 {
    font-size: 1.2em;
	line-height:1.5em;
}

.da-thumbs li a div h5 {
    font-size: 1.15em;
    margin: 3.5em 0 0 0;
}

}