.penci-owl-featured-area.style-23 {

	.penci-image-holder {
		width: 67%;
	}
	.penci-item-mag:hover .penci-slider__cat .penci-cat-name {
		background-color: $color__dark;
	}

	.penci-slider__text {
		padding-top:0;
		padding-bottom: 0;
	}

	.penci-slider-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: -moz-linear-gradient(left, transparent 26%, #3f51b5 65%);
		background: -webkit-gradient(linear, left top, right top, color-stop(26%, #3f51b5), color-stop(65%, transparent));
		background: -webkit-linear-gradient(left, transparent 26%, #3f51b5 65%);
		background: -o-linear-gradient(left, transparent 26%, #3f51b5 65%);
		background: -ms-linear-gradient(left, transparent 26%, #3f51b5 65%);
		background: linear-gradient(to right, transparent 26%, #3f51b5 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f51b5', endColorstr='#3f51b5', GradientType=1);
	}
	.penci-featured-content {
		width: 40%;
		padding: 0 20px;
		right: 0;
		z-index: 5;
		position: absolute;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.penci-slider__text {
		max-width: 480px;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 23px 10px 21px;
		position: relative;
		text-align: center;
	}

	h3 {
		text-align: center;
	}

	.penci-slider__cat { }

	.penci-slider__meta {
		z-index: 3;
		position: relative;
		margin-top: 8px;
	}

	.penci-item-mag {
		max-height: 500px;
	}
}



@media screen and (max-width: 960px) {
	.penci-owl-featured-area.style-23 {
		.penci-slider-overlay {
			background: transparent !important;
		}

		.penci-image-holder {
			width: 100%;
		}

		.penci-featured-content {
			width: 100%;
		}

		.featured-slider-overlay {
			background: #3f51b5;
			opacity: 0.7;
			width: 480px;
			margin-left: -240px;
			left: 50%;
		}

		h3 {
			font-size: 20px;
		}


	}
}

@media screen and (max-width: 768px) {
	.penci-owl-featured-area.style-23 {

		.penci-featured-content {
			padding-left: 20px;
			padding-right: 20px;
		}

		.penci-slider__text {
			padding: 18px 15px 16px !important;
		}

		h3 {
			font-size: 20px;
		}

		.penci-slider__cat,
		.penci-slider__meta {
			display: none;
		}
	}

	.penci-container-width-1400.penci-vc_sidebar-left,
	.penci-container-width-1400.penci-vc_sidebar-right {
		.penci-owl-featured-area.style-23 {
			h3 {
				font-size: 20px;
			}
		}
	}
}
@media screen and (max-width: 480px) {
	.penci-owl-featured-area.style-23 {

		.penci-featured-content {
			max-width: 350px;
			right: auto;
			left: 50%;
			-webkit-transform: translateY(-50%) translatex(-50%);
			-ms-transform: translateY(-50%) translatex(-50%);
			transform: translateY(-50%) translatex(-50%);
		}

		.featured-slider-overlay {
			width: auto;
			margin-left: 0;
			left: 20px;
			right: 20px;
		}

		.penci-image-holder:before {
			padding-top: 66.6667% !important;
		}

		h3 {
			font-size: 16px;
		}

		.penci-featured-content .penci-slider__text {
			padding: 10px 5px !important;
		}
	}

	.penci-container-width-1400.penci-vc_sidebar-left,
	.penci-container-width-1400.penci-vc_sidebar-right {
		.penci-owl-featured-area.style-23 {
			h3 {
				font-size: 16px;
			}
		}
	}
}
