@media all {
	.main-slider.p__swiper {
	    width: 100%;
	}
	.main-slider {
		background-color: #f5f5f5;
		overflow: hidden;
	}
	.main-slider__image {
		/*padding-bottom: 38%;*/
		height: 630px;
		background-position: center;
		-webkit-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.main-slider__image::after {
		content: '';
		position: absolute;
		width: 50%;
		left: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		background-color: rgb(41, 44, 53);
		opacity: 0.6;
		z-index: 1;
	}
	.w.main-slider__w {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.main-slider__content {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 30px;
		color: #fff;
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 44%;
		//max-width: 540px;
		max-width: 700px;
		z-index: 1;	    
	}
	.main-slider__content>* {
		position: relative;
	}
	.pre-title.main-slider__pre-title {
		font-size: 40px;
	}
	.main-slider__title {
		font-size: 55px;
		font-weight: 600;
		line-height: 1.3;

		flex-shrink: 0;
		overflow: hidden;

		//max-height: calc(45px*1.5*2);
	}
	.main-slider__description {
		font-size: 25px;
		margin-top: 30px;
		font-weight: 400;
		line-height: 1.4;

		flex-shrink: 1;
	}
	.main-slider__footer {
		margin-top: 35px;
	}
	.w.swiper-pagination-container {
		position: relative;
	}
	.p__swiper.main-slider .swiper-pagination {
		position: absolute;
		z-index: 1;
		left: 30px;
		bottom: 30px;
		width: auto;
	}
	.p__swiper.main-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		background: none;
		border: 1px solid #ecebeb;
	}
	.p__swiper.main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: var(--primary-color);
	}
	.mobile-bg {
		display: none;
	}
	.blur-bg {
		background-position: left center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 50%;
		filter: blur(4px);
	}
	.main-slider__link {
		text-decoration: none;
		color: #fff;
		cursor: default;
	}
	.b-btn.main-slider__btn {
		cursor: pointer;
		color: white;
		border-color: white;
	}

	.b-btn.main-slider__btn:active {
		background-color: var(--hover-color);
	}

	.p__swiper {
		position: relative;
	}


	/*pagination*/
	.p__swiper .swiper-pagination {
		position: relative;
		z-index: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 22px;
		width: auto;
		margin: 15px 0 0;
		bottom: 0;
	}
	.p__swiper .swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		border: 1px solid #333;
		border-radius: 50%;
		opacity: 1;
		background: none;
		transition: .15s ease;
	}
	
	.p__swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 15px;
	}
	.p__swiper .swiper-pagination-bullet:hover, .p__swiper .swiper-pagination-bullet-active {
		border: none;
    	background-color: var(--primary-color);;
	}
}

@media (max-width: 1200px) {
	.main-slider__title {
		hyphens: auto;
	}
}
/*
@media (max-width: 1310px) {
	.main-slider__content {
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		align-items: center;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.p__swiper.main-slider .swiper-pagination {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		bottom: 0;
		margin: 10px 0;
	}
	.p__swiper.main-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		border: 1px solid #333333;
	}
	.main-slider__description {
		width: 800px;
		max-width: 100%;
	}
}
*/
@media (max-width: 1024px) {
	.main-slider__image {
		height: 530px;
	}
	.pre-title.main-slider__pre-title {
		font-size: 35px;
	}
	.main-slider__title {
		font-size: 45px;
	}
	.main-slider__description {
		font-size: 20px;
	}
}
@media (max-width: 1023px) {
	.main-slider__title {
		font-size: 40px;
		//max-height: calc(40px*1.3*2);
	}
	.main-slider__description {
		margin-top: 10px;
		line-height: 1.5;
	}
	.main-slider__footer {
		margin-top: 20px;
	}
}
@media (max-width: 768px) {
	.main-slider__image {
		height: 400px;
	}
	.blur-bg {
		display: none;
	}
	.main-slider__image::after {
		width: 100%;
	}
	.main-slider__content {
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		align-items: center;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 20px;
		max-width: 560px;
	}
	.p__swiper.main-slider .swiper-pagination {
		/*position: relative;*/
		/*left: auto;*/
		/*right: auto;*/
		/*width: 100%;*/
		/*bottom: 0;*/
		/*margin: 10px 0;*/
		right: 30px;
	}
	.p__swiper.main-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		/*border: 1px solid #333333;*/
	}
	.main-slider__description {
		width: auto;
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 23px;
		line-height: 1.3;
	}
	.main-slider__footer {
		display: none;
	}
	.pre-title.main-slider__pre-title {
		font-size: 38px;
	}
	.main-slider__title {
		font-size: 48px;
		line-height: 1;
		//max-height: none;
	}
}
@media (max-width: 767px) {
	/*
	.w.main-slider__w {
		position: relative;
	}
	.main-slider__content {
		position: relative;
		margin: 0 -15px;
		width: auto;
	}
	.pre-title.main-slider__pre-title {
		display: none;
	}
	.mobile-bg {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: block;
		transform: scale(1, -1);
		background-position: center;
		background-size: cover;
		filter: blur(1px);
	}
	.main-slider__title {
		font-size: 30px;
		max-height: calc(30px*1.3*3);
	}
	.main-slider__description {
		display: none;
	}
	.main-slider__footer {
		display: none;
	}
	*/
}
@media (max-width: 480px) {
	.main-slider__image {
		height: 400px;
	}
	.pre-title.main-slider__pre-title {
		font-size: 30px;
	}
	.main-slider__title {
		font-size: 45px;
	}
	.main-slider__description {
		font-size: 20px;
		line-height: 1.4;
	}
	.main-slider__content {
		max-width: 90%;
	}
	.p__swiper.main-slider .swiper-pagination {
		bottom: 20px;
	}
}
@media (max-width: 380px) {
	.main-slider__description {
		line-height: 1.1;
	}
}
@media (max-width: 360px) {
	.pre-title.main-slider__pre-title {
		font-size: 28px;
	}
	.main-slider__title {
		font-size: 40px;
	}
	.main-slider__description {
		font-size: 18px;
		/*line-height: 1;*/
	}
}
@media (min-width: 769px) {
	.b-btn.main-slider__btn:hover {
		border-color: white;
		background: white;
		color: #333333;
	}

	.main-slider__content .main-slider__link:hover {
		color: white;
	}
}