@media only screen and (max-width: 768px) {
	.step1_div:hover h3 {
		bacground: #fff;
		color: #000;
	}
	.content_div .bg_svg:before {
		left: 8px;
		top: 5px;
	}
}

@media only screen and (min-width: 768px) {
	.step1_div:hover h3 {
		bacground: #fff;
		color: #000;
	}
	.content_div .bg_svg:before {
		left: 30px;
		top: 35px;
	}
}

@media only screen and (min-width: 1024px) {
	.step1_div:hover h3 {
		bacground: #fff;
		color: #000;
	}
	.content_div .bg_svg:before {
		left: 50px;
		top: 45px;
	}
}

@media only screen and (min-width: 1250px) {
	.step1_div:hover h3 {
		background: #4877cd;
		color: #fff;
	}
	.content_div .bg_svg:before {
		left: 60px;
		top: 84px;
	}
}

@media only screen and (min-width: 1400px) {
	.step1_div:hover h3 {
		background: #4877cd;
		color: #fff;
	}
	.content_div .bg_svg:before {
		left: 60px;
		top: 84px;
	}
}

/* # */

/* # */

/* . */
	section .category_div > a > div {
		border: 1px solid #666;
		padding: 15px;
	}

	section .category_div h2 {
		margin: 15px 0 0;
	}

	section .image_div {
		background-color: #000;
	}

	section .image_div .op_image {
		opacity: 0.4;
		transition: all 0.2s ease-in-out;
		overflow: hidden;
	}

	section .image_div:hover .op_image {
		opacity: 1;
	}

	.step1_div {
		display: block;
		position: relative;
		overflow: hidden;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	}

	.step1_div:hover .step1_image_div {
		transform: scale(1.2);
	}

	.step1_div .step1_image_div {
		transition: all .5s ease-in-out;
	}

	.step1_div h3 {
		position: absolute;
		bottom: 0;
		color: #000;
		width: 100%;
		text-align: left;
		padding: 15px 35px;
		background: #FFF;
		height: 55px;
		word-break: break-all;
		overflow: hidden;
		transition: all 0.2s ease-in-out;
	}

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

	.from_editor_div {
		margin-bottom: 20px;
		margin-top: 20px;
	}
/* . */