.da-thumbs li.hiddenblock {
	max-width:0px;
	max-height: 0px;
	opacity: 0;
}

/* 300px */
@media screen and (min-width: 18.75em){

	.da-thumbs {
		overflow: auto;
		position: relative;
		margin: 0;
		padding: 0;
		clear: both;
	}
	.little-box {
		width: 100%;
		overflow: hidden;
		float:left;
		display: block;
	}
	
	.big-box{
		width: 100%;
		overflow: hidden;
		float: left;
		display: block;
	}
	
	.da-thumbs li .imgholder1{
		position: relative;
		height: 100%;
	}
	
	.imgholder1 img,
	.imgunderlay1 img{
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 > span{
		position: relative;
		color: #fff;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span h2{
		margin: 0px;
		padding: 10px;
		font-size: 20px;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span h3, .work-tile-title{
		margin: 0px;
		padding: 10px;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span p, .work-tile-content{
		display: none;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span a{
		margin: 0px;
		padding: 10px 20px;
		color: #fff;
		background: #84BF41;
		border-radius: 23px;
		display: inline-block;
		transition: all ease .3s;
        position: relative;
        line-height: 1.5;
	}
    .da-thumbs li .imgholder1 .imgoverlay2 span a:before {
        content: ' ';
        position: absolute;
        width: 41px;
        height: 41px;
        top: 0px;
        left: 0px;
        z-index: 1;
        background-color: #6BB42E;
        border-radius: 50%;
    }
    .da-thumbs li .imgholder1 .imgoverlay2 span a:after {
        content: ' ';
        position: absolute;
        width: 41px;
        height: 41px;
        top: 0px;
        right: 0px;
        z-index: 1;
        background-color: #6BB42E;
        border-radius: 50%;
    }
    .da-thumbs li .imgholder1 .imgoverlay2 span a span {
        position: relative;
        z-index: 2;
    }
	.da-thumbs li .imgholder1 .imgoverlay2 span a:hover{
		background-color: #6BB42E;
	}
    .da-thumbs li .imgholder1 .imgoverlay2 span a:hover:after, .da-thumbs li .imgholder1 .imgoverlay2 span a:hover:before {
        background-color: #84BF41;
    }
	.da-thumbs li .imgunderlay1 .imgunderlay2 span h3{
		margin: 0 0 10px;
	}
	
	.da-thumbs li .imgunderlay1 .imgunderlay2 span p{
		margin: 0;
	}
	
	.imgholder1,
	.imgoverlay2{
		display: none;
	}
	
}

/* 480px */
@media screen and (min-width: 30em) {
	.little-box {
		width: 33.333333%;
	}
	
	.big-box {
		width: 33.333333%;
	}
}


/* 768px */
@media screen and (min-width: 48em) {

	.big-box {
		width: 66.666666%;
	}

.da-thumbs li .imgholder1 .imgoverlay2 {
		position: absolute;
		background: rgba(4,5,33,.86);
		width: 100%;
		height: 100%;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 > span{
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
		text-align: center;
		width: 75%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span h3, .work-tile-title{
		margin: 0px;
		padding: 10px;
		display: block;
		color: #fff;
		font-size: 22px;
		font-family: 'robotoregular', Arial;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span p, .work-tile-content{
		display: none;
	}	
	
	.imgholder1,
	.imgoverlay2{
		display: block;
	}
	
}
	
	
	
	/* 1024px */
@media screen and (min-width: 64em) {
	.da-thumbs li .imgholder1 .imgoverlay2 {
		position: absolute;
		background: rgba(4,5,33,.86);
		width: 100%;
		height: 100%;
        background-blend-mode: multiply;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 > span{
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
		text-align: center;
		width: 75%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span h3, .work-tile-title{
		margin: 0px;
		padding: 10px;
		display: block;
		color: #fff;
		font-size: 22px;
		font-family: 'robotoregular', Arial;
	}
	
	.da-thumbs li .imgholder1 .imgoverlay2 span p, .work-tile-content{
		padding: 0;
		display: block;
		color: #fff;
		font-size: 16px;
		font-family: 'robotoregular', Arial;
		text-align: center;
		margin-bottom: 24px;
	}
}