.main__slider video {
	height: 100%;
	max-height: 470px;
	width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

#main__slider .slick-list {
	width: 100%;
}

.main__slider--container {
    position: relative;
}

.main__slider--arrow-back,
.main__slider--arrow-next {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 46.9%;
    left: 15px;
    z-index: 1;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.main__slider--arrow-next {
    left: auto;
    right: 15px;
}

.main__slider--arrow-back:before, 
.main__slider--arrow-next:before {
    content: url('/local/templates/smonta_new/images/slide_back.svg');
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
}

.main__slider--arrow-next:before {
    transform: rotate(180deg);
    top: 7px;
}

.main__slider--arrow-back:hover, 
.main__slider--arrow-next:hover {
    opacity: 80%;
}

.main__slider--arrow-back:active, 
.main__slider--arrow-next:active {
    opacity: 100%;
}

@media only screen and (min-width: 0) and (max-width: 767px) and (orientation: portrait) {

	.main__slider--container {
		margin: 0 -20px;
	}

	#main__slider {
		height: auto;
		width: 100vw;
		max-height: unset;
		margin-bottom: 20px;
	}

	#main__slider .slick-list {
		width: 100%;
		height: auto
	}

	.main__banner img {
		height: auto;
		width: 100%;
		max-height: unset;
	}

	#main__slider picture {
		height: auto;
	}

	#main__slider .slick-dots li.slick-active button {
		opacity: 1;
		background: #FFFFFF;
	}

	#main__slider .slick-dots li button {
		background: #FFFFFF;
		opacity: 0.3;
		position: absolute;
		top: 0;
		left: 0;
	}

	#main__slider .slick-dots {
		bottom: 15px;
		display: flex;
		width: auto;
		justify-content: center;
		padding: 0 20px;
	}

	#main__slider .slick-dots li{
		position: relative;
	}

	#main__slider .slick-dots li:not(:last-child) {
		margin-right: 5px;
	}

	.main__banner:nth-child(n+2) {
		display: none;
	}

	.main__banner.slick-slide {
		display: block;
	}

	.main__slider video {
		height: auto;
		/*max-height: 320px;*/
		width: auto;
	}

	.main__right .main__banner {
		margin-bottom: 0px !important;
	}
}