/* Portolio Hover */
.da-thumbs li ,
.da-thumbs li  img {
	display: block;	position: relative;
}
.da-thumbs li  {
	overflow: hidden;
}
.da-thumbs li  article {
	position: absolute; background:#f15c46; width: 94%; height: 94%; padding:3%;
}
.da-thumbs li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px; top: -100%;
}
.da-slideFromBottom {
	left: 0px; top: 100%;
}
.da-slideFromLeft {
	top: 0px; left: -100%;
}
.da-slideFromRight {
	top: 0px; left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}


.da-thumbs {
text-align:center;
}

.da-thumbs li  article h3{
color:#fff; line-height: 25px; height: 55%;
}



.portfolio_2col article h3{
padding-top:70px !important;
}

/* Image Grid */
.image_grid {
	float:left; overflow:hidden; position:relative;

}
.image_grid ul {
	margin:0; padding:0; list-style: none;
}

.image_grid li{
	float: left; /*width:24.9%;*/ height:75%; line-height: 17px; color: #686f74; background:#efefef; list-style:none;
	overflow:hidden; margin:0 1px 1px 0; text-align:center;
}
.image_grid li img {
width:100%;
}

/* Responsive image grid*/
/* Mobile landscape width 320 */



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


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

.image_grid { width:300px; }
.image_grid li img { width:220px; }
.portfolio_4col .da-thumbs li article h3 { padding-top:70px; }
.portfolio_3col .da-thumbs li article h3 { padding-top:50px; }
.portfolio_2col .da-thumbs li article h3 { padding-top:53px !important; }

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

.image_grid { width:450px; }
.image_grid li{ width:178px !important; }
.portfolio_4col .da-thumbs li article h3 { padding-top:58px; }
.portfolio_3col .da-thumbs li article h3{ padding-top:34px; }
.portfolio_2col .da-thumbs li article h3 { padding-top:23px !important; }

}

@media only screen and (max-width: 640px) {
.image_grid { width: 640px; }
.image_grid li { width: 300px !important; height:220px; }
.image_grid li img { width:260px; }

}


@media only screen and (max-width: 480px) {
.image_grid { width: 320px; margin-left:85px; }


}

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

.image_grid { width: 320px; margin-left:22px; }
.image_grid li{ float: none; width:98%; height:75%; line-height: 17px; color: #686f74; background:#efefef; list-style:none; overflow:hidden; margin:0 1px 1px 0; text-align:center; }
.image_grid li img { width:100%; }
	 
}
 
 
@media only screen and (max-width: 360px) {

.image_grid { width: 320px; margin-left:5px; } 
 
 
}