.da-thumbs {

	list-style: none;

	width:100%;

	

	position: relative;

	

	padding: 0;

}

.da-thumbs li { width:21%; height:225px;

	float: left;

	/*margin: 5px;*/

	background: #fff;

	padding: 8px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block;

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.7);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div span { font-size:18px;

	display: block;

	padding: 10px 0;

	margin: 40px 20px 20px 20px;

	text-transform: uppercase;

	font-weight: bold;

	color: rgba(255,255,255,0.9);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);

}



/*@media screen and (max-width:1024px) {

.da-thumbs li { width:23.9%;}



}

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

.da-thumbs li { width:31.9%;}



}

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

.da-thumbs li { width:30.9%;}



}

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

.da-thumbs li { width:46.9%;}



}



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

.da-thumbs li { width:100%;}



}*/

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

.da-thumbs li { width:21%;}



}

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

.da-thumbs li { width:29%;}





}

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

/*.da-thumbs li { width:30.9%;}*/



}

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

.da-thumbs li { width:46%;}



}



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

.da-thumbs li { width:100%; height:auto;}

.stack img {

    height: auto;}

}