.penci-block_3 {

	.penci-block-wrapper-item {
		margin-top: 20px;

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

	.penci-block_content__items {
		overflow: hidden;
	}
	.block3_first_item {
		width: 65%;
		float: left;
		margin-bottom: 0;

		.penci__post-title {
			@include font-size(2);
			font-weight: 600;
			line-height: 1.2;
			color: $color__black;
			margin-top: 15px;
			margin-bottom: 0;
		}

		.penci-post-excerpt {
			margin-top: 8px;
		}

		.penci_post-meta {
			margin-top: 5px;
		}

		.penci-image-holder:before {
			padding-top: 72.65%;
		}
	}

	.block3_items {
		width: 35%;
		float: right;
		padding-left: 18px;

		.penci-post-item {
			margin-bottom: 0;
		}

		.penci-post-item + .penci-post-item{
			margin-top: 15px;
			margin-bottom: 0;
		}

		.penci__post-title {
			@include font-size(1.4);
			line-height: 1.3;
			margin-top: 16px;
			margin-bottom: 0;
		}
	}

	.penci-post-item {
		position: relative;
	}
}

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

	.block3_first_item {
		width: 100%;
		margin-bottom: 20px;
	}

	.block3_items {
		width: 100%;
		padding-left: 0;

		.penci-post-item {
			width: 100%;
			float: left;
			padding-left: 0;

			&:first-child {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

}

@media screen and (max-width: 600px) {
	.penci-block_3 {
		.penci-post-cat,
		.penci-piechart {
			display: none;
		}

		.block3_first_item {
			width: 100%;
			margin-bottom: 20px;
		}

		.block3_first_item .penci__post-title,
		.block3_items .penci__post-title {
			font-size:  16px;
		}

		.block3_items {
			width: 100%;
			padding-left: 0;

			.penci-post-item {
				width: 50%;
				float: left;
				padding-left: 10px;

				&:first-child {
					padding-left: 0;
					padding-right: 10px;
					margin-top: 0;
				}

				&:last-child {
					margin-top: 20px;
				}
			}
		}

	}
}

@media screen and (max-width: 480px) {
	.penci-block_3 {
		.block3_items {
			.penci-post-item {
				width: 100%;
				padding-left: 0;
				&:first-child {
					padding-right: 0;
				}
			}
		}

	}
}