﻿/* blog element-three */



.blog.element-three{

	width:auto;

	margin-left:-15px;

	margin-right:-15px;

}



.blog.element-three .blog-item{

	padding:5px 15px 10px 15px;

}



.blog.element-three:not(.owl-carousel) .blog-item{

	float:left;

	margin-bottom:40px;

}



.blog.element-three .blog-item > .holder{

	position:relative;

	background-color:#f2f2f4;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.blog.element-three .blog-item:hover > .holder{

	box-shadow:0px 0px 25px rgba(0,0,0,0.2);

}



.blog.element-three .blog-item > .holder > .row{

	margin-right:0;

	margin-left:0;

}



.blog.element-three .blog-item > .holder > .row > [class*='col-']{

	position:static;

	padding-right:0;

	padding-left:0;

}



.blog.element-three .blog-item > .holder .pic{

	position:absolute;

	top:0;

	left:0;

	z-index:1;

	width:50%;

	height:100%;

	background:center top no-repeat;

	background-size:cover;

	text-align:center;

}



.blog.element-three .blog-item > .holder .pic img{

	display:none;

	width:100%;

}



.blog.element-three .blog-item > .holder .data{

	position:relative;

	padding:25px 25px 30px 25px;

}



.blog.element-three .blog-item > .holder .data:before{

	position:absolute;

	top:0;

	left:0;

	z-index:0;

	content:" ";

	width:5px;

	height:100px;

}



.blog.element-three .blog-item > .holder .data > *:last-child{

	margin-bottom:0 !important;

}



.blog.element-three .blog-item > .holder .data .date{

	margin:0px 0px 5px 0px;

	font-size:15px;

	line-height:23px;
	
	display: none;

}



.blog.element-three .blog-item > .holder .data h4{

	margin:0px 0px 10px 0px;

	font-size:17px;

	line-height:25px;

}



.blog.element-three .blog-item > .holder .data h4 a{

	color:#1a1a1a;

}



.blog.element-three .blog-item > .holder .data p{

	margin:0px 0px 20px 0px;

}



.blog.element-three .blog-item > .holder .data .btn{

	margin:0px 0px 10px 0px;

	padding:0;

	text-transform:uppercase;

	font-weight:700;

	font-size:14px;

	color:#F05B22;

	line-height:22px;

}



/* LARGE DESKTOP PART */

@media screen and (min-width:1200px){

}



/* DESKTOP PART */

@media screen and (min-width:992px) and (max-width:1199px){



	/* blog element-three */



	.blog.element-three .blog-item > .holder .pic{

		position:static;

		width:100%;

		height:auto;

		background:none;

	}



}



/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px){



	/* blog element-three */



	.blog.element-three .blog-item > .holder .pic{

		position:static;

		width:100%;

		height:auto;

		background:none;

	}



}



/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px){



	/* blog element-three */



	.blog.element-three:not(.owl-carousel) .blog-item{

		width:50% !important;

	}



	.blog.element-three .blog-item > .holder .pic{

		position:static;

		width:100%;

		height:auto;

		background:none;

	}



}



/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px){



	/* blog element-three */



	.blog.element-three:not(.owl-carousel) .blog-item{

		width:100% !important;

	}



	.blog.element-three .blog-item > .holder .pic{

		position:static;

		width:100%;

		height:auto;

		background:none;

	}



}



/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px){



	/* blog element-three */



	.blog.element-three:not(.owl-carousel) .blog-item{

		width:100% !important;

	}



	.blog.element-three .blog-item > .holder .pic{

		position:static;

		width:100%;

		height:auto;

		background:none;

	}



}