.banner-pro {
	padding: 30px 0;
}
.banner-pro-title {
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 30px;
}
.banner-pro-description {
	margin-bottom: 30px;
}
.banner-pro-left {
	padding: 30px;
	max-width: 375px;
	padding-right: 15px;
}
.banner-pro-button a {
	padding: 7px 15px;
}
.banner-pro-button .banner-video-button {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}
.banner-pro-button a:hover {
	opacity: 0.8;
}
.banner-pro-button span {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.banner-pro-button .btn-play {
	display: inline-block;
}
.banner-pro-button {
	margin-bottom: 15px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 15px;
}
#content > .banner-pro {
	margin-top: -20px;
}
.banner-pro + .module-text-blocks {
	margin-top: 0;
}
.banner-pro:hover .swiper-buttons {
	opacity: 1;
}
.banner-pro-right {
	height: 100%;
}
.banner-pro-right img {
	padding: 30px;
    width: 100%;
	padding-left: 15px;
}
#service-service .banner-pro {
	margin-top: 15px;
}
@media (max-width: 991px) {
	#content > .banner-pro {
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	
	.banner-pro-slide {
		flex-direction: column;
		height: unset !important;
	}
	.banner-pro-left {
		order: 1;
	}
	.banner-pro-right {
		height: unset !important;
		
	}
	.banner-pro-right img {
		height: auto;
		width: auto;
	}
}
@media (max-width: 480px) {
	.banner-pro-right img {
    	padding: 15px;
    }
    .banner-pro-left {
    	padding: 15px;
    }
    .banner-pro-title {
    	font-size: 26px;
    	margin-bottom: 15px;
    }
    .banner-pro-description {
	    margin-bottom: 15px;
	}
	.banner-pro-button {
    	margin-bottom: 5px;
    }
}