.main-slider {
	height: 356px;
	overflow: hidden;
}

	.main-slider * {
		outline: none;
	}

	.main-slider .main-slider__slide {
		background-position: 0 50%;
		background-repeat: no-repeat;
		border-radius: 4px;
		height: 356px;
	}

	.main-slider__slide-inner {
		display: block;
		height: 356px;
		padding-top: 100px;
		text-align: center;
	}

		.main-slider__slide-inner,
		.main-slider__slide-inner:hover {
			color: #fff;
			text-decoration: none;
		}

		.main-slider__slide-text {
			color: #fff;
			font: 500 24px 'PFDinDisplayPro', sans-serif;
			line-height: 1;
		}
			.main-slider__slide-name {
				background: rgba(0,0,0,.44);
				border-radius: 4px;
				display: inline-block;
				font-size: 28px;
				padding: 6px 20px;
			}

			.main-slider__slide-description {
				background: rgba(0,0,0,.44);
				border-radius: 0 0 4px 4px;
				display: inline-block;
				padding: 0 20px 6px 20px;
			}

	.slick-dots {
		bottom: 16px;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: center;
		width: 100%;
	}

		.slick-dots li {
			display: inline-block;
			font-size: 0;
		}

		.slick-dots li button {
			background: #fff;
			border: 3px solid #fff;
			border-radius: 50%;
			cursor: pointer;
			font-size: 0;
			height: 16px;
			line-height: 0;
			margin: 0 2px;
			overflow: hidden;
			padding: 0;
			transition: all .3s;
			width: 16px;
		}

			.slick-dots li.slick-active button,
			.slick-dots li:hover button {
				background: transparent;
				border-color: #be0000;
			}


.main-slider__slide-inner > img {
	display: none;
}

@media (min-width: 767px) {
	.main-slider__slide-inner > .sm-image {
		display: none;
	}	
}

@media (max-width: 767px) {
	.main-slider {
		height: auto;
	}

	.main-slider .slick-slide {
		width: 100%;
	}

	.main-slider .main-slider__slide {
		background: none !important;
		height: auto;
		padding-top: 0;
	}

	.main-slider__slide-inner > .md-image {
		display: none;
	}	

	.main-slider__slide-inner > .sm-image {
		display: block;
		width: 100%;
	}

	.main-slider__slide-inner {
		position: relative;
		height: auto;
		padding: 0;
	}

	.main-slider__slide-text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
}