/*
Theme Name: adforest
Description: Adforest classified, responsive, multi-purpose, corporate, business theme. It comes with 11 home variations with all necessary pages. Adforest theme filled with extra functionality of modern web technologies. The clean design with latest version of Bootstrap framework makes its fit for anywhere.
Author: Scripts Bundle
Theme URI: http://adforest.scriptsbundle.com/demos/
Author URI: http://scriptsbundle.com/
Version: 3.2.9
License: Themeforest Split Licence
License URI: https://themeforest.net/user/scriptsbundle/
Text Domain: adforest
Tags: featured-images, sticky-post, translation-ready
*/
.posts-masonry #custom_layout{
	width: 31%;
	display: inline-block;
	left: 0 !important;
	top: 0 !important;
	position: relative !important;
	clear: none;
	background: #fff;
	border: 1px solid red;
	box-shadow: 0 3px 17px 1px rgba(0, 0, 0, 0.2);
	margin: 12px;
}
.posts-masonry #custom_layout .category-grid-box{
	border:none;
	margin-bottom: 15px;
}
.posts-masonry #custom_layout .category-grid-box .user-preview{
	top:0;
	right: 0;
	position: relative;
	left: 2px;
}
.posts-masonry #custom_layout .category-grid-img{
	height: 50px;
	width: 50px;
	float: left;
	margin-right: 15px;
}
.posts-masonry #custom_layout .category-grid-img img{
	height: auto;
	width: auto;
}
.posts-masonry #custom_layout .category-grid-box .category-grid-img::before{
	background-color: transparent;
}
.posts-masonry #custom_layout .ad_content{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.posts-masonry #custom_layout .short-description{
	display: table;
	width: 100%;
	padding: 15px 0;
	background: transparent;
	border: none;
}
.posts-masonry #custom_layout  .location{
	width: 99%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.posts-masonry #custom_layout .ad-info{
	border:none;
}
.posts-masonry #custom_layout .price{
	float: right;
	text-align: center;
	color: #000;
	font-weight: 700;
}
.posts-masonry #custom_layout .price span{
	display: block;
	line-height: 20px;
	padding-top: 3px;
}
.posts-masonry #custom_layout .view-details-btn{
	float: right;
	background: #3289c8;
	color: #fff;
	font-size: 15px;
	padding: 2px 0;
	border-radius: 5px;
	width: 80px;
	text-align: center;
}

.posts-masonry #custom_layout .view-details-btn:hover{
	opacity:0.8;
}

/*Responsive*/
@media (max-width: 1200px){
	.posts-masonry #custom_layout {
		width: 30%;
	}
}
@media (max-width: 991px){
	.posts-masonry #custom_layout {
		width: 46%;
	}
}
@media (max-width: 680px){
	.posts-masonry #custom_layout {
		width: 95%;
	}
}