/*
 * Home Recent Post : Blog Style 3
*/
.recent{list-style:none}
.recent .ps5{width:32.667%;margin:0 1% 15px 0;padding:0;position:relative;vertical-align:top;display:inline-block}
.container-trans .recent .ps5{background-color:#fff;padding:10px;}
.dark.container-trans .recent .ps5{background-color: #161B1E;}
.recent .ps5 img{width:100%}
.recent .ps5:nth-child(3n){margin:0 0 15px}
.recent .ps5 .thumbnail{position:relative;width:100%;margin-bottom:15px;}
.recent .ps5 .thumbnail .mplay{position:absolute;left:5px;bottom:5px}
.recent .ps5 .thumbnail .mgallery{position:absolute;left:8px;bottom:5px}
.recent .ps5 .thumbnail .mduration{position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.recent .ps5 .meta:after{clear:both}
.recent .ps5 .meta:before,
.recent .ps5 .meta:after{content:"";display:table}
.recent .ps5 .meta{margin-top:5px;color:#656c7a}
.recent .ps5 .info{overflow:hidden;margin-top:5px}
.recent .ps5 .info a:hover{text-decoration:underline}
.recent .ps5 .info .time{margin-left:20px;float:right}
.recent .ps5 h2{margin-top:5px;margin-bottom:5px;display:inline-block;width:100%}
.recent .ps5 .category{display:inline-block;width:100%;color:#656c7a}
.recent .ps5 .category a:hover{text-decoration:underline}
.recent .ps5 .category .separator{padding:0 5px;color:#bcc5c5}
.recent .ps5 p{margin-top:5px;margin-bottom:10px;display:inline-block;width:100%;color:#5d6769}
.rtl .recent .ps5{margin:0 0 15px 1%;}
.rtl .recent .ps5:nth-child(3n){margin:0 0 15px}
.rtl .recent .ps5 .info .time{margin-right:10px;margin-left:0;float:left}
.recent .ps5 .category span,
.recent .ps5 .category a{float:left}
.rtl .recent .ps5 .category span,
.rtl .recent .ps5 .category a{float:right}
.dark .recent .ps5 .category {color:#ccc}
.dark .recent .ps5 .category .separator{color:#444}
.dark .recent .ps5 p{color:#bdc1c6}
@media only screen and (max-width: 986px) and (min-width:768px){
	.recent .ps5,
	.recent .ps5:nth-child(3n){width:49%!important;margin:0 2% 15px 0}
	.rtl .recent .ps5,
	.rtl .recent .ps5:nth-child(3n){margin:0 0 15px 2%}
	.recent .ps5:nth-child(2n),
	.rtl .recent .ps5:nth-child(2n){margin:0 0 15px}
}
@media only screen and (max-width:767px){
	.recent .ps5{width:100%;margin:0 0 15px!important;box-shadow:none !important;padding:0;}
}