@charset "utf-8";

dl.recent_mukti {display:block;margin:0 0 10px 0;}
dl.recent_mukti:after {display:block;visibility:hidden;clear:both;content:""}
dl.recent_mukti dd {display:block;position:relative;float:left;width:20%;padding:5px;overflow:hidden}
dl.recent_mukti dd a {display:block;position:relative;overflow:hidden;}

dl.recent_mukti dd a .new_icon {display:block;position:absolute;right:0;top:0;height:16px;padding:0 6px;font-family:arial;color:#fff200;font-size:10px;line-height:16px;background:#f00001;z-index:99999;}

dl.recent_mukti dd img {width:100%;height:auto;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

dl.recent_mukti dd img:hover {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);   
-o-transform:scale(1.3);
}

dl.recent_mukti dd .subject {position:absolute;width:100%;height:30px;left:0;bottom:0px;padding:0 10px;color:#ff7700;font-size:12px;line-height:30px;text-align:center;background:rgba(0,0,0,0.6);overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

dl.recent_mukti dd .subject .comment {font-size:11px;color:#f00001}



@media screen and (max-width:768px) {
dl.recent_mukti {display:block;margin:0 10px 10px 10px;}
dl.recent_mukti dd {width:33.3%;}
}





@media screen and (max-width:480px) {
dl.recent_mukti dd {width:50%;}
}