@media only screen and (max-width: 768px) {
	.content_div .bg_svg_video:before {
		left: 10px;
		top: -3px;
	}
}

@media only screen and (min-width: 768px) {
	.content_div .bg_svg_video:before {
		left: -30px;
		top: -17px;
	}
}

@media only screen and (min-width: 1024px) {
	.content_div .bg_svg_video:before {
		left: 0px;
		top: 0px;
	}
}

@media only screen and (min-width: 1250px) {
	.content_div .bg_svg_video:before {
		left: -45px;
		top: -15px;
	}
}

@media only screen and (min-width: 1400px) {
	.content_div .bg_svg_video:before {
		left: -40px;
		top: -15px;
	}
}
/* # */
/* # */

/* . */
	.m_div {
		cursor: pointer;
		position: relative;
	}

	.m_div img {
		position: relative;
		z-index: 5;
	}

	.m_title_h2 {
		margin: 0 0 10px;
	}

	.m_video_iframe {
		height: 100%;
	    /* margin: 10px 0 0 10px; */
	    width: 100%;
	}

	.m_play_icon_div {
		background-image: url(/modules/video_gallery/images/play_icon.png);
		left: 50%;
		opacity: 0.7;
		position: absolute;
		top: 50%;
		z-index: 10;
		height: 40px;
		width: 60px;
		background-size: 100% 100%;
		transform: translate(-50%, -50%);
		transition: 0.25s all ease-in-out;
	}

	div.m_div:hover div.m_play_icon_div{
		opacity: 1;
	}
	.bg_svg_video{
		position: relative;
		z-index:10;
		margin-top: 50px;
	}
	.content_div .bg_svg_video:before {
	    background: url(../../images/symbols/yel_s.svg)no-repeat;
		content: "";
		height: 120px;
		position: absolute;
		width: 107px;
		z-index:0;
	}

/* . */