.vh-image-text {
	width:100%;  
	margin-bottom: 60px;	
    .content {
		width: 100%;
		display: flex;
		align-items: center;
		.image {
			width: 40%;
			position: relative;
			img {
				left: -100px;
				position: relative;
				top: 40px;
				max-height: 390px;
			}
			a {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				display: flex;
				justify-content: center;
				align-items: center;
				.video-player {
					height: 98px;
					width: 161px;
					display: flex;
					justify-content: center;
					align-items: center;
					background: #077193;
					border-radius: 116px;
					transition: all 0.5s ease;
					img {
						position: static;
						width: 44px;
						height: 44px;
						max-height: none;
					}
				}
				.video-player:hover {
					background: #109ac5;
				}
			}
		}
		.image.no_image {
			padding: 0px !important;
		}
		.text {
			width: 60%;
			padding: 100px;
			.text-inner {
				max-width: 600px;
				h2 {
					line-height: 1.2;
					margin: 0 0 25px;
					color: #404040;
					display: flex;
					align-items: center;
					.icon {
						width: 87px;
						height: 87px;
					}
				}
				.text-content { 
					p{
						line-height: 24px;
						margin: 0 0 25px;
						color: #737373;
					}
				}
				.vh-shop-btn {
					font-size: 18px;
					line-height: 24px;
					color: #fff;
					font-weight: 500;
					padding: 15px 25px;
					border-radius: 50px;
					display: inline-block;
					line-height: 1;
					margin-top: 10px;
				}
				.vh-shop-btn:hover {
					box-shadow: 0 5px 20px rgba(0,0,0,0.2);
				}
			}

		}
		.text_white {
			.text-inner {
				h2 {
					color: #fff;
					letter-spacing: -2px;
				}
				.text-content { 
					p{
						color: #fff;
					}
				}
			}
		}
    }
	.content.reverse_row {
		flex-direction: row-reverse;
		.text {
			.text-inner {
				margin-left: auto;
				margin-right: 70px;
			}
		}
	}
}
@media only screen and (max-width: 767px) { 
.vh-image-text {
	margin-bottom: 20px;
	.content {
		flex-direction: column !important;
		.image {
			width: 100%;
			img {
				left: 0;
				max-height: 250px;
			}
			a {
				.video-player {
					height: 64px;
					width: 100px;
					img {
						width: 30px;
						height: 30px;
					}
				}
			}
		}
		.text {
			width: 100%;
			padding: 40px 30px;
			.text-inner {
				margin-right: 0px !important;
				h2 {
				  margin: 0 0 20px;
				}
				.text-content {
					p {
						font-size: 16px;
						line-height: 22px;
						margin: 0 0 20px;
					}
				}
			}
		}
	}
}
}