.main-blogpage-wrapper {
			width: 100%;
		}
		.blog-page-title {
			padding: 20px 0 30px 0;
			width: 80%;
			margin:  0 auto;
		}
		.blog-wrapper {
		  display: flex;
		  width: 80%;
		  margin: 0 auto ;
		}

		.blog-content {
		  display: flex;
		  align-items: flex-start;
		  width: 100%;
		  height: 300px;
		  overflow: hidden;
		  position: relative;
		  /*z-index: 2;*/
		  margin-right: 2px;
		}
		.blog-content:last-child {
			margin-right: 0;
		}

		.coverimg {
		 width: 100%;
		 background-size: cover;
		  /*z-index: 1;*/
		}
		.blog-info {
		  position: absolute;
		  padding: 20px;
			background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.9) 100%);
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.9)));
			background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.9) 100%);
			background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.9) 100%);
			background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.9) 100%);
			background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.9) 100%);
		  bottom: -130px;
		  transition: all .2s ease-in-out;
		}
		.blog-info h2 {
		  margin-bottom: 0;
		  color: #fff;
		  min-height: 65px;
		}
		.blog-info p {
			color:  #fff;
		}
		.blog-content.content-4:hover .blog-info,
		.blog-content:hover .blog-info {
		  bottom: 0;
		}
		.linkhover {
			position: absolute;
			height: 100%;
			width: 100%;
			background: red;
			top: 0;
			left:  0;
			z-index: 9;
			pointer-events: auto;
			opacity: 0;
		}
		.readmore-blog {
		  background: #fff;
		  padding: 5px 8px;
		  border-radius: 5px;
		  color: #000;
		  text-decoration: none;
		  font-size: 12px;
		}
		.content-4-wrapper {
			margin-top: 2px;
		}
		.content-4 .blog-info {
			bottom: -130px;
		}
		/** with sidebar **/
		.blog-wrap-w-sidebar {
			display: flex;
			width: 80%;
			margin: 50px auto 0 auto;
		}
		.blog-column-left {
			  width: 75%;
			  background: red;
			  min-height: 200px;
			  margin-right: 50px;
		}
		.blog-column-sidebar {
			width: 25%;
			background: blue;
			min-height: 200px;
		}