// blogs 1
.blog_area{
	@include gradient_bg_8(right);
}
.single_blog_item{
	background:#ffffff1a;
	margin-bottom:50px;
	position: relative;
    top: 0;
    @include transition(all,.3s,ease-in-out);
	.blog_img{ 
		height: 190px;
		@include bg_property();
	}
	.blog_bg_1{ background-image: url('../img/blog/1.png');}
	.blog_bg_2{ background-image: url('../img/blog/2.png');}
	.blog_bg_3{ background-image: url('../img/blog/3.png');}
	.blog_content{
		padding:25px;
		h2{ 
			color:#fff; 
			font-size:18px;
			margin-bottom:15px; 
			@include firasans(700);
		}
		p{ 
			font-size: 16px;
			color: $text; 
			margin-bottom:20px; 
			line-height:25px; 
			@include firasans(400);
		}
		.boxed_btn{ 
			display: inline-block; 
			background: none; 
			color: $brand; 
			font-size: 18px; 
			@include firasans(500);
			i{ 
				font-size:13px;
				margin-left:2px;
				@include transition(all,.3s,ease-in-out);
			}
			&:hover i{margin-left:5px;	}
		}
	}
	&:hover{ top: -10px; }	
}


// Responsive

@media #{$medium_device}{

}
@media #{$tab_device}{
	.blog_area{ 	
		.single_blog_item{
			margin-bottom: 45px;
		}
	}
}
@media #{$small_mobile}{
	.blog_area{ padding-bottom: 10px; }
	.single_blog_item{
		margin-bottom: 35px;
		.blog_content{
			p{ font-size:14px;}
			.boxed_btn { font-size:16px;}
		}
	}
}
@media #{$large_mobile}{

}