@media only screen and (max-width: 768px) {
	.content_div .bg_svg:before {
		left: 8px;
		top: 5px;
	}

	.from_editor_div {
		margin-top: 230px;
		min-height: unset;
	}

	#animated_header_div {
		height: 220px;
		width: 88%;
		left: 50%;
		transform: translateX(-50%);
	}

	.about_us_img {
		top: 90px;
		width: 100%;
		right: 50%;
		transform: translateX(50%);
	}

	#animated_header_div > span {
		left: 30px;
	    bottom: 30px;
	}
}

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

	.from_editor_div {
		margin-top: 460px;
		min-height: unset;
	}

	#animated_header_div {
		height: 450px;
		width: 84%;
		left: 50%;
		transform: translateX(-50%);
	}

	.about_us_img {
		top: 135px;
		width: 740px;
		right: 50%;
		transform: translateX(50%);
	}

	#animated_header_div > span {
		left: 60px;
	    bottom: 60px;
	}
}

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

	.from_editor_div {
		margin-top: 460px;
		min-height: unset;
	}

	#animated_header_div {
		height: 450px;
		width: 85%;
		left: 50%;
		transform: translateX(-50%);
	}

	.about_us_img {
		top: 135px;
		width: 900px;
		right: 50%;
		transform: translateX(50%);
	}

	#animated_header_div > span {
		left: 60px;
	    bottom: 60px;
	}
}

@media only screen and (min-width: 1250px) {
	.content_div .bg_svg:before {
		left: 55px;
		top: 85px;
	}

	.from_editor_div {
		margin-top: unset;
		min-height: 500px;
	}

	#animated_header_div {
		height: 550px;
		width: 100%;
		left: unset;
		transform: unset;
	}

	.about_us_img {
		top: 150px;
		width: 41.66666667%;
		right: 0;
		transform: translateX(0);
	}

	#animated_header_div > span {
		left: 60px;
	    bottom: 60px;
	}
}

@media only screen and (min-width: 1400px) {
	.content_div .bg_svg:before {
		left: 55px;
		top: 85px;
	}

	.from_editor_div {
		margin-top: unset;
		min-height: 500px;
	}

	#animated_header_div {
		height: 550px;
		width: 100%;
		left: unset;
		transform: unset;
	}

	.about_us_img {
		top: 150px;
		width: 41.66666667%;
		right: 0;
		transform: translateX(0);
	}

	#animated_header_div > span {
		left: 60px;
	    bottom: 60px;
	}
}

/* # */
	#animated_header_div {
		position: relative;
		z-index: 0;
	}

	#animated_header_div > span {
		display: block;
		position: absolute;
	    z-index: 100;
	    transform: rotate(180deg);
	}

	#animated_header_div > span > span {
		background-color: #fff;
		cursor: pointer;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		display: block;
		border: 4px solid #fff;
		position: absolute;
		bottom: 0;
		transition: all 0.2s ease-in-out;
	}

	#animated_header_div > span > span:hover {
		background-color: transparent;
		width: 20px;
		height: 20px;
	}

	#animated_header_div > div {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
/* # */

/* . */
	.content_div_overlay {

		position: relative;

	}

	.about_us_img {
		position: absolute;
	}

	.content_div .bg_svg:before {
		background: url(../../images/symbols/red.svg)no-repeat;
		content: "";
		height: 120px;
		position: absolute;
		width: 107px;
		z-index: 0;
	}
/* . */