@media screen and (max-width: 1280px) {
	.inline_parent {
		max-width: 610px;
		text-align: center;
		margin: 0 auto;
	}
	.flip-container {
	    margin-right: 12px;
	    margin-left: 12px;
	    margin-bottom: 12px;
	}

	.gray_block ul {
		max-width: 610px;
		margin: 0 auto;
	}

	.gray_left,
	.gray_right {
		float: none;
		max-width: 100%;
	}

	.gray_left {
		margin-bottom: 10px;
	}

	.gray_right {
		min-height: auto;
	}

}

@media screen and (max-width: 1160px) {
	/* весь контейнер поддерживает перспективу */
	.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-ms-transform: none;
		-moz-transform: none;
		-moz-transform-style: none;
		-ms-transform-style: none;
	}

	/* переверните сторону при проведении мышью */
	.flip-container:hover .flipper, 
	.flip-container.hover .flipper {
		transform: none;
	}

	.front {
		display: none;
	}

	.back {
		transform: none;
	}

	.flip-container:hover .flipper, 
	.flip-container.hover .flipper, 
	.flip-container.flip .flipper {
		transform: none;
	}

	.flip-container:hover .flipper .back, 
	.flip-container.hover .flipper .back, 
	.flip-container.flip .flipper .back{
		transform: none;
	}

	.back {
		padding: 0;
	}

	.back1 {
		background: url(../img/flip1.jpg);
	}

	.back2 {
		background: url(../img/flip2.jpg);
	}

	.back3 {
		background: url(../img/flip3.jpg);
	}

	.back4 {
		background: url(../img/flip4.jpg);
	}

	.opacity {
		background: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100%;
		padding: 50px 15px 15px 25px;
		box-sizing: border-box;
		color: #ffffff;
	}

	.back .title_info {
		color: #ffffff;
	}

}

@media screen and (max-width: 1100px) {
	.inline_block_max,
	.inline_block_min {
		width: 100%;
	}

}

@media screen and (max-width: 1000px) {
	.inline_block_max,
	.inline_block_min {
		width: 100%;
	}

}

@media screen and (max-width: 970px) {
	.logo_seven {
		width: 400px;
		height: 65px;
		background: url(../img/sprite.png) -309px -106px no-repeat transparent;
		margin-top: 20px;
	}

}

@media screen and (max-width: 750px) {
	.logo_ingos {
		width: 250px;
		height: 85px;
		background: url(../img/sprite.png) -309px -170px no-repeat transparent;
	}
	.logo_seven {
		width: 276px;
		height: 53px;
		background: url(../img/sprite.png) -560px -170px no-repeat transparent;
		margin-top: 17px;
	}
	.form_ingo_block {
		font-size: 18px;
		margin-bottom: 30px;
	}
	.border_block .phone_contacts {
		float: none;
		margin-bottom: 15px;
	}
	.border_block {
	    margin-bottom: 25px;
	    padding: 0 10px 0 15px;
	}

}

@media screen and (max-width: 700px) {
	.gray_mini {
	    padding: 20px;
	}

}

@media screen and (max-width: 580px) {
	.logo_ingos {
		width: 112px;
		height: 40px;
		background: url(../img/sprite.png) 0px -106px no-repeat transparent;
	}

	.logo_seven {
		width: 169px;
		height: 48px;
		background: url(../img/sprite.png) -131px -106px no-repeat transparent;
		margin-top: 0px;
	}
	.main_text, ul .item, .gray_mini ul li, .front .title_info {
		font-size: 14px;
	}
	ul .item {
		font-size: 13px;
	}
	.border_block .title {
		font-size: 19px;
	}
	.border_block {
	    margin-bottom: 25px;
	    padding: 0 10px 0 15px;
	}
	ul .item {
	    padding-left: 65px;
	}
	.border_block .phone_contacts,
	.border_block .mail_contacts {
		font-size: 17px;
	}

}

@media screen and (max-width: 400px) {
	
	.flip-container {
	    margin-left: 0;
	    margin-right: 0;
	}

}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {

.logo_ingos, 
.logo_seven, 
ul .item1:before, 
ul .item2:before, 
ul .item3:before, 
ul .item4:before, 
ul .item5:before, 
ul .item6:before, 
ul .item:hover.item1:before, 
ul .item:hover.item2:before, 
ul .item:hover.item3:before, 
ul .item:hover.item4:before, 
ul .item:hover.item5:before, 
ul .item:hover.item6:before, 
.gray_block .gray_item1:before, 
.gray_block .gray_item2:before, 
.gray_block .gray_item3:before, 
.gray_block .gray_item4:before, 
.gray_block .gray_item5:before, 
.gray_block .gray_item6:before, 
.gray_block .gray_item:hover.gray_item1:before, 
.gray_block .gray_item:hover.gray_item2:before, 
.gray_block .gray_item:hover.gray_item3:before, 
.gray_block .gray_item:hover.gray_item4:before, 
.gray_block .gray_item:hover.gray_item5:before, 
.gray_block .gray_item:hover.gray_item6:before {
	background-image: url(../img/sprite_x2.png);
	background-size: 925px 572px;
}

}