@media (min-width: 801px) {
	.carousel-items {
		position: relative;
		z-index: 1;
	}

	.carousel-items:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1;
		height: 100%;
	}

	.carousel-item-title {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		right: 0;
		left: 0;
		z-index: 2;
		margin: auto;
		text-align: center;
		color: #fff;
		font-family: 'centur-gothic';
	}
	.carousel-item-title h1 {
		font-size: 40px;
		margin-bottom: 60px;
		line-height: 36px;
	}
	.carousel-item-title p {
		font-size: 24px;
	}
	.cta-btn a {
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		align-items: center;
		display: flex;
		border: 1px solid #fff;
		padding: 10px 35px;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		outline:none;
	}

	.cta-btn {
		display: inline-block;
		text-align: center;
		margin-top: 40px;
	}
		.cta-btn a:hover {
			background-color: rgba(0, 0, 0, .2);
			outline: none;
		}
}
@media (max-width: 991.98px) {
	.carousel-items {
		position: relative;
		z-index: 1;
	}

	.carousel-items:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1;
		height: 100%;
	}

	.carousel-item-title {
		position: absolute;
		top: 55%;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		right: 0;
		left: 0;
		z-index: 2;
		margin: auto;
		text-align: left;
		color: #fff;
		font-family: 'centur-gothic';
		padding: 0 20px;
	}
		.carousel-item-title h1 {
			font-size: 28px;
			margin-bottom: 15px;
			line-height: 30px;
			text-align: left;
		}
		.carousel-item-title p {
			font-size: 14px;
			text-align: left;
		}
	.cta-btn a {
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		align-items: center;
		display: flex;
		border: 1px solid #fff;
		padding: 5px 20px;
		min-width: 150px;
		justify-content: center;
		text-align: center;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		outline: none;
	}

		.cta-btn a:hover {
			background-color: rgba(0, 0, 0, .2);
			outline: none;
		}
	.carousel-item-title .cta-btn {
		display: inline-block;
		text-align: center;
		margin-top: 20px;
	}

	.homespotlightslider ul.slick-dots li.slick-active button:before {
		color: #fff;
	}

}