@media only screen and (max-width : 1200px) {



	

}

@media only screen and (max-width : 991px) {

	.container{

		width: 750px;

	}

	.services_wrap .line.line_1,

	.services_wrap .line.line_2{

		top: 241px;

		left: 35px;

		width: 660px;

		height: 1px;

	}

	.services_wrap .line.line_2{

		top: 461px;

	}

	.services_wrap .line.line_3{

		top: 35px;

		left: 365px;

		width: 1px;

		height: 635px;

	}

	.services_hidden .border {

		padding: 300px 20px 20px 20px;

	}

	.services_hidden::before{

		left: 50%;

		margin-left: -180px;

	}

	.work_item:nth-child(2){

		left: 80px;

	}

	.work_item:nth-child(3){

		left: 220px;

	}

	.work_item:nth-child(4){

		left: 380px;

	}

	.work_wrap::after{

		max-width: 708px;

	}

	.why_wrap{

		max-width: 460px;

		margin: 0 auto;

	}

	.s_clients .video{

		width: 350px;

	}

	footer p.copy{

		font-size: 12px;

	}

	h1{

		font-size: 45px;

	}

}



@media only screen and (max-width : 768px) {

	.container {

		width: 100%;

	}

	.s_services{

		padding: 40px 0 0;

	}

	.services_wrap{

		padding: 15px;

		max-width: 450px;

		margin: 40px auto;

	}

	.services_wrap .line,

	.services_wrap .services_wrap_border{

		display: none;

	}

	.services_hidden{

		height: auto;

	}

	.services_hidden::before{

		-webkit-background-size: 1800px;

		background-size: 1800px;

		width: 300px;

		height: 206px;

		margin-left: -150px;

	}

	#services_2::before{

		background-position: -300px 0;

	}

	#services_3::before{

		background-position: -600px 0;

	}

	#services_4::before{

		background-position: -900px 0;

	}

	#services_5::before{

		background-position: -1200px 0;

	}

	#services_6::before{

		background-position: -1500px 0;

	}

	.services_hidden .border{

		padding-top: 250px;

	}

	.services_item .border_wrap{

		padding: 8px;

	}

	.services_item{

		border-bottom: 1px solid rgba(18,42,52,.15);

		padding: 115px 10px 20px;

	}

	.services_item.item_6{

		padding-top: 130px;

		border-bottom: none;

	}

	.services_item::before{

		top: 20px;

	}

	.s_work{

		padding: 60px 0 50px;

	}

	.work_wrap{

		margin: 50px 0 30px;

	}

	.work_item{

		display: block;

		position: relative;

		top: 0!important;

		left: 0!important;

		padding: 70px 0 0!important;

		height: auto;

		margin: 0 auto 20px;

		text-align: center!important;

	}

	.work_item span{

		top: 0;

	}

	.work_wrap::after{

		display: none;

	}

	.work_item .number{

		top: 0;

		left: 50%!important;

		margin-left: -30px!important;

	}

	.equipment_item{

		margin: 0 auto;

	}

	.s_equipment{

		padding: 40px 0 20px;

	}

	.s_equipment h2{

		margin-bottom: 35px;

	}

	.why_wrap{

		max-width: 300px;

	}

	.s_why h2{

		padding-bottom: 50px;

	}

	.why_item{

		float: none!important;

		display: block;

		background-image: url(../img/bg/bg_why_item_mobile.png);

		width: 100%!important;

		height: 110px;

		margin-bottom: 10px;

		box-shadow: 0 5px 15.3px 2.7px rgba(33, 109, 106, 0.44);

	}

	.why_item br{

		display: none;

	}

	.why_item .center{

		width: 400px;

		height: 110px;

		padding: 0 20px;

	}

	.why_item.item_2{

		background-position: -300px 0;

	}

	.why_item.item_3{

		background-position: -600px 0;

	}

	.why_item.item_4{

		background-position: -900px 0;

		height: 144px;

		line-height: 1.2em;

	}

	.why_item.item_4 .center{

		height: 144px;

	}

	.why_item.item_4 .center br.visible{

		display: block;

	}

	.why_item.item_5{

		background-position: -1200px 0;

	}

	.why_item.item_6{

		background-position: -1500px 0;

	}

	.s_clients h2{

		margin-bottom: 45px;

	}

	.s_clients .video{

		margin-bottom: 25px;

	}

	.s_contacts{

		-webkit-background-size: cover;

		background-size: cover;

		padding: 40px 0 350px;

		height: auto;

		font-size: 14px;

	}

	.s_contacts h2{

		margin-bottom: 40px;

	}

	.s_contacts .location{

		margin-bottom: 20px;

	}

	.s_contacts .fb{

		margin: 20px 0 30px;

	}

	#map{

		top: auto;

		bottom: 0;

		left: 0;

		width: 100%;

		height: 300px;

	}

	footer{

		padding: 25px 0 15px;

	}

	footer,

	footer .logo{

		text-align: center;

		font-size: 12px;

	}

	footer .logo img{

		width: 120px;

	}

	footer .logo a{

		margin-left: 10px;

	}

	footer p.copy{

		margin: 0 0 15px;

	}

	footer p.copy .br{

		display: block;

	}

	header{

		text-align: center;

		background-position: -300px 0;

	}

	.callback{

		float: none;

		display: block;

		text-align: center;

		margin: 0 -10px;

	}

	.callback .top_mobile{

		background-color: #f0e4b5;

		margin-bottom: 5px;

		padding: 3px 0;

	}

	.callback .number_border{

		display: inline-block;

	}

	.callback .top_mobile .number{

		font-size: 14px;

		color: #323840;

	}

	.callback br{

		display: none;

	}

	.header_top{

		padding-top: 0;

		text-align: center;

	}

	.header_top .logo{

		margin-top: 30px;

	}

	.language{

		margin-top: 0;

		float: none;

		position: absolute;

		top: 30px;

		right: 10px;

	}

	.header_top .logo{

		width: 280px;

	}

	.header_main p{

		font-size: 16px;

		margin: 25px 0 30px;

		letter-spacing: 0;

	}

	h1{

		font-size: 38px;

	}

	.header_main .btn{

		margin-top: 150px;

	}

	.header_main .bg{

		bottom: -20px;

		right: 0;

		width: 376px;

		height: 271px;

		position: absolute;

		background-image: url(../img/bg/bg_header_mobile.png);

		z-index: 1;

	}

}



@media only screen and (max-width : 480px) {

	h1{

		font-size: 32px;

	}

	h2{

		font-size: 18px;

	}

	h2 br{

		display: none;

	}

	.equipment_item{

		-webkit-background-size: 1680px;

		background-size: 1680px;

		width: 140px;

		height: 75px;

	}

	.equipment_item.logo_1{

		background-position: 0 10px;

	}

	.equipment_item.logo_2{

		background-position: -140px 25px;

	}

	.equipment_item.logo_3{

		background-position: -280px 22px;

	}

	.equipment_item.logo_4{

		background-position: -420px -10px;

	}

	.equipment_item.logo_5{

		background-position: -560px 35px;

	}

	.equipment_item.logo_6{

		background-position: -700px 30px;

	}

	.equipment_item.logo_7{

		background-position: -840px 25px;

	}

	.equipment_item.logo_8{

		background-position: -980px 25px;

	}

	.equipment_item.logo_9{

		background-position: -1120px 15px;

	}

	.equipment_item.logo_10{

		background-position: -1260px 25px;

	}

	.equipment_item.logo_11{

		background-position: -1400px 20px;

	}

	.equipment_item.logo_12{

		background-position: -1540px 0;

	}

	.s_why .order{

		font-size: 13px;

		max-width: 190px;

		margin: 25px auto 15px;

	}

	.s_why{

		padding-bottom: 40px;

	}

	.clients_item{

		-webkit-background-size: 840px;

		background-size: 840px;

		width: 142px;

		height: 55px;

	}

	.clients_item.logo_2{

		background-position: -143px 0;

	}

	.clients_item.logo_3{

		background-position: -285px 0;

	}

	.clients_item.logo_4{

		background-position: -430px -15px;

	}

	.clients_item.logo_5{

		background-position: -560px 0;

	}

	.clients_item.logo_6{

		background-position: -700px -5px;

	}

	.s_clients h2{

		margin-bottom: 40px;

	}

	.s_clients .others{

		margin: 15px 0 35px;

	}

	.s_clients .video{

		margin-bottom: 15px;

		width: 300px;

	}

	.s_contacts{

		padding-bottom: 310px;

	}

	#map{

		height: 270px;

	}

	footer .logo img{

		width: 80px;

	}

	.popup{

		width: 300px;

		padding: 110px 10px 25px;

	}

	.popup .logo_bg{

		height: 107px;

		-webkit-background-size: 300px;

		background-size: 300px;

	}

	input:not(.btn),

	input.btn{

		max-width: 256px;

	}

	.header_top .logo{

		width: 214px;

	}

	.header_main p{

		font-size: 14px;

		margin: 20px 0 25px;

	}

	.header_main p br{

		display: none;

	}

	.services_hidden{

		padding: 10px;

	}

	.services_hidden .services_close{

		top: 0;

		right: 0;

	}

	.services_hidden::before{

		-webkit-background-size: 1500px;

		background-size: 1500px;

		width: 250px;

		margin-left: -125px;

		top: 30px;

	}

	.services_hidden .border{

		padding: 220px 10px 10px;

	}

	#services_2::before{

		background-position: -250px 0;

	}

	#services_3::before{

		background-position: -500px 0;

	}

	#services_4::before{

		background-position: -750px 0;

	}

	#services_5::before{

		background-position: -1000px 0;

	}

	#services_6::before{

		background-position: -1250px 0;

	}

}

@media only screen and (max-width : 320px) {



}

@media only screen and (min-width : 768px) {



}

@media only screen and (min-width : 992px) {

	.container{

		width: 960px;

	}

}

@media only screen and (min-width : 1200px) {

	.container{

		width: 960px;

	}

}