.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:0 0 25px rgb(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:0 0 5px 0;font-size:15px;line-height:23px}.blog.element-three .blog-item>.holder .data h4{margin:0 0 10px 0;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:0 0 20px 0}.blog.element-three .blog-item>.holder .data .btn{margin:0 0 10px 0;padding:0;text-transform:uppercase;font-weight:700;font-size:14px;color:#1a1a1a;line-height:22px}@media screen and (min-width:992px) and (max-width:1199px){.blog.element-three .blog-item>.holder .pic{position:static;width:100%;height:auto;background:none}}@media screen and (min-width:768px) and (max-width:991px){.blog.element-three .blog-item>.holder .pic{position:static;width:100%;height:auto;background:none}}@media screen and (min-width:480px) and (max-width:767px){.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}}@media screen and (min-width:321px) and (max-width:479px){.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}}@media screen and (max-width:320px){.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}}