/*----*****---- << Portfolio Categories List >> ----*****----*/
	.dtportfolio-categories-list > .dtportfolio-column { margin-bottom:25px; }
	.dtportfolio-categories-list .image-holder { float:left; width:100%; position:relative; overflow:hidden; }
	.dtportfolio-categories-list .image-holder:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
	.dtportfolio-categories-list .image-holder:hover .details-holder { background-color:rgba(0, 0, 0, 0.3); }
	.dtportfolio-categories-list .details-holder { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } 
	.dtportfolio-categories-list .details-holder h2 { font-size:17px; display:inline-block; font-weight:normal; position:absolute; left:0; bottom:0; padding-left: 15px; margin-bottom: 15px; color:#fff; }
 	.dtportfolio-categories-list .details-holder:after { background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69)));
    background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
    background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%); content: ''; position: absolute; left: 0;     bottom: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
	.dtportfolio-categories-list .details-holder h2 a { color:#fff; }
	.dtportfolio-categories-list .total-items-count { display:inline-block; position: absolute; bottom: 10px; right: 10px; color: #fff; cursor: pointer; }
	.dtportfolio-categories-list .total-items-count span { background-color: #000; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-size: 12px; display: inline-block; position: absolute; text-align: center; right: 0; bottom: 0; }
	
	.dtportfolio-categories-list .total-items-count span:first-child { z-index:1; }
	.dtportfolio-categories-list .total-items-count span:last-child { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
	.dtportfolio-categories-list .total-items-count:hover span:first-child { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
	.dtportfolio-categories-list .total-items-count:hover span:last-child { z-index: 9; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
	
	.dtportfolio-categories-list .with-gallery-view .image-holder:hover img { -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; transform: inherit; }