.penci-grid_4 {

	.penci-block-wrapper-item,
	.penci-block_content__items {
		margin-top:4px;

		&:first-child {
		margin-top:0;
		}

	}

	&.penci-block-pagination .penci-block_content {
	    margin-bottom: 0;
	}

	.penci-block_content {
		margin-left: -20px;
		margin-right: -20px;

		.penci_dis_padding_bw & {
			margin-left: 0;
			margin-right: 0;
		}
	}

	.penci_post_content {
		position: absolute;
		bottom: 0;
	}

	.grid4_items,
	.penci-post-item-1 {
		width: 100%;
		float: left;
	}

	.penci_post_content {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		padding: 10px 19px 16px;

		a {
			color: $color__white;
		}

		.penci__post-title {
			@include font-size(1.8);
			font-weight: 600;
			line-height: 1.25;
			margin-top: 0;
			margin-bottom: 0;
		}


		.penci__post-title ,
		.penci_post-meta {
			position: relative;
			z-index: 2;
		}
	}

	.penci_post_content .penci_post-meta {
		color: $color__white;
	}

	.penci_post-meta {
		margin-top: 5px;
		.entry-meta-item {
			padding-left: 10px;
			display: inline-block;

			&:first-child {
				padding-left: 1px;
			}
		}

	}

	.grid4_items {

		.penci_post_content {
			padding: 0 15px 10px;

		}

		.penci-post-item {
			width: 50%;
			float: left;
			margin-bottom: 0;

			&:nth-child( 2n ) {
				padding-left: 2px;
			}

			&:nth-child( 2n +1 ) {
				padding-right: 2px;
			}


			&:nth-child( 1 ),
			&:nth-child( 2 ) {
				margin-bottom: 4px;
			}

			&:hover .penci-image-holder:after {
				opacity: 0.85;
			}
		}

		.penci-image-holder {
			&:after {
				background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
				opacity: 0.65;
			}
		}
	}

	.penci-post-item-1 {
		padding-left: 0;
		padding-right: 4px;
		margin-bottom: 0;


		.penci__post-title {
			@include font-size( 2.4 );
			margin-bottom: 0;
		}

		.penci_post-meta {
			padding-top: 3px;
		}


		.penci-image-holder{
			&:before {
				padding-top: 67.242%
			}

			&:after {
				opacity: 0.6;
				transition: all 0.3s;
				background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 1) 100%);
			}
		}

		&:hover .penci-image-holder:after {
			opacity: 0.75;
		}

	}

	&.penci-imgtype-square {
		.penci-post-item-1 .penci-image-holder:before{
			padding-top: 100.6%;
		}
	}

	&.penci-imgtype-vertical {
		.penci-post-item-1 .penci-image-holder:before{
			padding-top: 135%;
		}
	}
}

.penci-container-width-1080 .penci-content-main.penci-col-4 .penci-grid_4,
.penci-container-width-1400 .penci-content-main.penci-col-4 .penci-grid_4,
.wpb_wrapper > .penci-grid_4.penci-vc-column-1,
.widget-area .penci-grid_4{

	.grid4_items,
	.penci-post-item-1 {
		width: 100%;
	}

	.penci-post-item-1 {
		margin-bottom: 4px;
		padding-right: 0;
	}

	.penci-piechart,
	.penci_post-meta,
	.icon-post-format {
		display: none;
	}

	.penci_post_content {
		padding: 5px 10px 6px;

		.penci__post-title{
			font-size: 14px;
			margin-bottom: 0;
		}
	}

	.penci-post-item-1 .penci__post-title {
		font-size: 18px;
	}
}

.penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_4 {

	.grid4_items,
	.penci-post-item-1 {
		width: 100%;
	}

	.penci-post-item-1 {
		margin-bottom: 4px;
		padding-right: 0;
	}

	.penci-post-item-1 .penci__post-title {
		font-size: 20px;
	}

	.grid4_items {
		.penci__post-title{
			font-size: 16px;
		}
	}
}

.penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_4,
.penci-container-width-1080.penci-vc_sidebar-right .penci-content-main .penci-grid_4,
.penci-container-width-1080.penci-vc_sidebar-left .penci-content-main .penci-grid_4,
.penci-container-width-1400.penci-vc_two-sidebar .penci-content-main .penci-grid_4{
	.penci-piechart,
	.icon-post-format {
		display: none;
	}

	.penci_post_content {
		padding: 5px 10px 6px;
	}

	.penci-post-item-1 .penci__post-title {
		font-size: 18px;
	}

	.grid4_items {
		.penci__post-title{
			font-size: 13px;
		}

		.penci_post-meta {
			display: none;
		}
	}
}
.penci-container-width-1080.penci-vc_one-column .penci-grid_4,
.penci-container-width-1400.penci-vc_sidebar-right .penci-content-main .penci-grid_4,
.penci-container-width-1400.penci-vc_sidebar-left .penci-content-main .penci-grid_4 {
	.grid4_items {
		.penci__post-title{
			font-size: 16px;
		}
	}
}

@media screen and (max-width: 1200px ) and (min-width: 961px) {
	.penci-container-width-1400.penci-vc_sidebar-right .penci-content-main .penci-grid_4,
	.penci-container-width-1400.penci-vc_sidebar-left .penci-content-main .penci-grid_4 {
		.penci-piechart,
		.icon-post-format {
			display: none;
		}

		.penci_post_content {
			padding: 5px 10px 6px;
		}

		.penci-post-item-1 .penci__post-title a{
			font-size: 18px;
			line-height: 1.3;
			display: block;

		}

		.grid4_items {
			.penci__post-title{
				font-size: 13px;
			}

			.penci_post-meta {
				display: none;
			}
		}
	}
	.penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_4,
	.penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_4 {
		.grid4_items,
		.penci-post-item-1 {
			width: 100%;
		}

		.penci-post-item-1 {
			margin-bottom: 4px;
			padding-right: 0;
		}

		.penci-piechart,
		.penci_post-meta,
		.icon-post-format {
			display: none;
		}

		.penci_post_content {
			padding: 5px 10px 6px;

			.penci__post-title{
				font-size: 14px;
				margin-bottom: 0;
			}
		}

		.penci-post-item-1 .penci__post-title {
			font-size: 18px;
		}
	}

	.penci-container-width-1400.penci-vc_sidebar-left,
	.penci-container-width-1400.penci-vc_sidebar-right {
		.penci-owl-featured-area.penci-grid_4 {

			.penci-slider11-item-1,
			.penci-slider11-item-3 {
				.penci-slider__cat,
				.penci_post-meta {
					display: none;
				}
			}

			.penci-slider__text {
				padding: 0 10px 10px;
			}
		}
	}
}

@media screen and ( min-width: 960px ) {
	.penci-grid_4 {
		.grid4_items,
		.penci-post-item-1 {
			width: 50%;
		}
	}
}

@media screen and ( max-width: 960px ) {
	.penci-grid_4 {
		.penci-post-item-1 {
			margin-bottom: 4px;
		}

		.penci-block_content {
			text-align: center;
		}
	}
}

@media screen and ( max-width: 960px ) and ( min-width: 769px ) {
	.penci-grid_4 .grid4_items .penci__post-title a{
		font-size: 18px !important;
		line-height: 1.3;
		display: block;
	}
}

@media screen and ( max-width: 768px ) {
	.penci-grid_4 {
		.penci-block_content {
			margin-left: 0;
			margin-right: 0;
		}

		.penci-post-item-1 {
			margin-bottom: 4px;
		}
		.penci-block_content {
			margin-left: 0;
			margin-right: 0;
		}

		.penci-post-item-1 {
			margin-bottom: 4px;
			padding-right: 0;
		}

		.penci_post_content {
			padding: 0 15px 10px;

			.penci__post-title {
				font-size: 18px !important;
			}
		}

		.penci-post-item-1 .penci__post-title {
			font-size: 22px !important;
		}
	}
}

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

	.penci-vc_two-sidebar {
		.penci-grid_4 .penci_post_content {
			display: block;
		}
	}

	.penci-grid_4 {
		.penci-block_content {
			margin-left: 0;
			margin-right: 0;
		}

		.penci_post_content {
			padding: 0 15px 10px;
		}

		.penci_post_content .penci_post-meta,
		.icon-post-format,
		.penci-post-cat,
		.penci-piechart {
			display: none;
		}

		.penci_post_content .penci__post-title{
			font-size: 14px !important;
			margin-bottom: 0;
			text-align: center;
		}

		.penci-post-item-1 .penci__post-title {
			font-size: 18px !important;
			margin-bottom: 0;
			text-align: center;
		}
	}
}

@media screen and ( max-width: 480px ) {
	.penci-grid_4 {
		.grid4_items .penci_post_content,
		.penci_post_content {
			padding: 0 5px 5px;
		}
	}
}