@media screen and (max-width: 1200px){
	.container{
		max-width: 1024px;
	}
	.head .nav_popup{
		left: 145px;
		bottom: 0;
	}
	.header .nav{
		position: absolute;
		top: 51px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100vw;
		background: #26547D;
		flex-direction: column;
		padding: 35px 0;
		transform: translateX(-100%);
		transition: all 0.3s linear;
	}
	.header .nav_desk{
		top: 170px;
	}
	.nav_active{
		transform: translateX(0%) !important;
	}
	.header .nav > li{
		width: 143px;
		text-align: center;
		margin: 0 auto 20px;
	}
	.header .nav > li:last-child{
		margin-bottom: 0;
	}
	.nav_block > div:nth-child(2){
		margin-left: auto;
	}
	.burger{
		display: block;
	}
	/*superiority 1200*/
	.superiority_item{
		flex-direction: column;
	}
	.superiority_left .superiority_item div{
		order: -1;
	}
	.superiority_item{
		max-width: 460px;
	}
	.superiority_item div{
		margin: 0 auto 30px !important;
	}
	.superiority_item p{
		max-width: 460px;
		text-align: center;
	}
	.superiority_left > div:nth-child(2),
	.superiority_right > div:nth-child(2){
		max-width: 460px;
	}
	.superiority_right > div:nth-child(2){
		margin-top: 85px;
	}
	.superiority_left > div:nth-child(2) p,
	.superiority_right > div:nth-child(2) p{
		max-width: 460px;
	}
	.superiority_center img{
		opacity: 0.3;
		position: absolute;
		z-index: -1;
		top: 65px;
		left: 0;
		right:0;
		bottom: 0;
		margin: auto;
	}
	/*end of superiority*/
	.tick{
		max-width: 20px;
	}
	/*energo 1200*/
	.energo_image{
		width: 80%;
	}
	.energo_images{
		width: 90%;
	}
	.energo_image2{
		width: 90%;
	}
	.energo_images2{
		width: 90%;
		margin-top: 10%;
		display: block;
	}
	.energo_images3{
		width: 90%;
	}
	.energo_images4{
		width: 90%;
	}
	.energo_block > div:last-child p{
		max-width: 460px;
		margin-left: auto;
	}
	/*end of energo*/
	/*section 1200*/
	.section_block div:last-child img:last-child{
		width: 90%;
		margin: 0 auto;
	}
	.section_block > div:first-child img{
		width: 90%;
	}
	.section_image{
		opacity: 0.3;
	}
	.section_image3{
		right: -62%;
		bottom: 0%;
	}
	/*end of section*/
	/*trainind 1200*/
	.training_block div:first-child img:last-child{
		width: 90%;
	}
	.training_block > div:last-child img{
		width: 90%;
	}
	/*end of training*/
}
@media screen and (max-width: 1070px){
	.container{
		max-width: 960px;
	}
	.offer h1{
	bottom: 35%;
	margin: 0 auto;
	}
	.tick{
		max-width: 20px;
	}
	/*section 1070*/
	.section_image3{
		right: -57%;
		bottom: 0%;
	}
	/*en of section*/
	/*energo 1070*/
	.energo_block > div:first-child:before{
		right: -10px;
		bottom: -30px;
	}
	/*end of energo*/
	.foot .nav{
		flex-wrap: wrap;
		justify-content: center;
	}
	.foot .nav > li{
		margin-left: 15px;
	}
	.foot .nav > li:first-child{
		margin-left: 0;
	}
	.foot .nav_popup{
		left: -40px;
	}
}
@media screen and (max-width: 992px){
	.container{
		max-width: 720px;
	}
	.head .logo img{
		width: 230px;
	}
	.offer h1{
	font-size: 2rem;
	bottom: 50%;
	}
	.mySlides img{
	width: 110%;
	}
	.offer_img_desk{
		display: none;
	}
	.offer_img_mobile{
		display: block;
	}
	.superiority_item{
		max-width: 330px;
	}
	.superiority_left > div:nth-child(2),
	.superiority_right > div:nth-child(2){
		max-width: 330px;
	}
	.superiority_center img{
		top: -30%;
	}
	/*section 992*/
	.section_image3{
		right: -55%;
		bottom: 15%;
	}
	/*end of section*/
	/*energo 992*/
	.energo_block > div:first-child:before{
		right: 230px;
		bottom: 20px;
		z-index: -1;
	}
	.energo_icon{
		left: 0;
	}
	.energo_image{
		width: 90%;
		margin-left: 0;
	}
	.energo_image2{
		display: block;
	}
	.energo_images2{
		margin-top: initial;
	}
	/*end of energo*/
	/*section 992*/
	.section_icon{
		margin-top: 0;
		margin-right: 0;
	}
	.section .container:before{
		bottom: 120px;
	}
	/*end of section*/
	/*training 992*/
	.training_image{
		bottom: 120px;
	}
	.training_block > div:first-child img:first-child{
		width: 25%;
		margin-left: 0;
	}
	/*end of training*/
}
@media screen and (max-width: 768px){
	.container{
		max-width: 540px;
	}
	.nav_social_desk > div{
		margin-left: 10px;
	}

	.header .nav_desk{
		top: 170px;
	}
	.offer_h1{
		bottom: 25%;
		text-align: center;
	}
	.offer_p{
		text-align: center;
	}
	.offer_btn{
		margin: 0 auto;
	}
	.mySlides img{
	width: 100%;
	}
	.offer_img_mobile{
		display: none;
	}
	.offer_img_mobile2{
		display: block;
	}
	.superiority_item p{
		max-width: 260px;
	}
	.superiority_left > div:nth-child(2) p,
	.superiority_right > div:nth-child(2) p{
		max-width: 260px;
	}
	.superiority_right > div:nth-child(2){
		margin-top: 105px;
		margin-bottom: 65px;
	}
	/*energo 768*/
	.energo_block{
		flex-direction: column;
	}
	.energo_icon{
		display: none;
	}
	.energo_block div:first-child img{
		margin: 0 auto 30px;
	}
	.energo_images{
		display: none;
	}
	.energo_image2{
		display: none;
	}
	.energo_images2{
		display: none;
	}
	.energo_images3{
		display: block;
		margin: 0 auto 5%;
	}
	.energo_images4{
		display: block;
		margin: 0 auto;
	}
	.energo_block > div:first-child:before{
		display: none;
	}
	.energo_block > div:last-child{
		width: 100%;
	}
	.energo_block > div:last-child p{
		max-width: 100%;
		margin-left: 0;
	}
	/*end of energo*/
	/*section 768*/
	.section_block{
		flex-direction: column;
	}
	.section_block > div:first-child{
		order: 2;
	}
	.section .container:before{
		bottom: 150px;
	}
	.section_icon{
		display: none;
	}
	.section_block div:last-child img:last-child{
		margin: 70px auto 0;
	}
	.section_block > div:first-child{
		width: 100%;
		margin-top: 30px;
	}
	.section_image3{
		opacity: 0.2;
		right: -55%;
		bottom: 25%;
	}
	/*end of section*/
	/*training 768*/
	.training_block{
		flex-direction: column;
	}
	.training_block > div:last-child{
		order: 2;
	}
	.training_image{
		bottom: 150px;
	}
	.training_block > div:first-child img:first-child{
		display: none;
	}
	.training_block div:first-child img:last-child{
		margin: 0 auto 0;
	}
	.training_block > div:last-child{
		width: 100%;
		margin-top: 30px;
	}
	.training_block > div:first-child{
		width: 100%;
		
	}
	/*end of training*/
	.foot .nav{
		display: none;
	}
	.foot > div:nth-child(2) > p{
		margin-top: 0;
	}
}
@media screen and (max-width: 576px){
	.container{
		max-width: 440px;
	}
	.head{
		flex-direction: column;
	}
	.nav_connect{
		display: none;
	}
	.nav_social_desk > div {
	    margin: 20px;
    }
    .nav_social_desk {
    margin: 0 ;
	}
    .burger {
    margin-top: 10px;
	}
    /**/
    .nav_connect2{
    	display: block;
    }
	.nav_connect2{
		display: flex;
		justify-content: flex-end;
		margin-top: 10px;
	}
	.nav_connect2 a{
		display: flex;
		align-items: center;
		background: #fff;
		
		padding: 10px 15px;
		font-family: 'Roboto-Bold';
		font-size:16px;
		color: #0236ae;
	}
	.nav_connect2 a p{
		margin-left: 10px;
	}
	.nav_connect2 a:last-child{
		margin-left: 25px;
	}
	/**/
	.offer h1{
		font-size: 22px;
		bottom: 20%;
	}
	.mySlides img{
	width: 130%;
	max-width: 800px;
    height: auto;
	}
	.offer_img_mobile2{
	display: none;
	}
	.offer_img_mobile3{
	display: block;
	}
	h2{
		font-size: 26px;
	}
	.superiority_block{
		flex-direction: column;
	}
	.superiority_item{
		max-width: 100%;
	}
	.superiority_item p{
		max-width: 100%;
	}
	.superiority_left > div:nth-child(2),
	.superiority_right > div:nth-child(2){
		max-width: 100%;
	}
	.superiority_left > div:nth-child(2) p,
	.superiority_right > div:nth-child(2) p{
		max-width: 100%;
	}
	.superiority_item div{
		margin-bottom: 20px !important;
	}
	.superiority_right{
		margin-top: 45px;
	}
	.superiority_right > div:nth-child(2){
		margin-top: 45px;
	}
	.superiority_center img{
		display: none;
	}
	.foot{
		flex-direction: column;
	}
	.foot > div:nth-child(2){
		order: 1;
		margin-top: 30px;
	}
	.foot_contacts{
		margin-top: 30px;
	}
	.foot_contact{
		margin-left: 5px;
	}
	.foot_phone{
		margin-left: 3px;
	}
}
@media screen and (max-width: 480px){
	.container{
		max-width: 310px;
	}
	.head .logo{
		margin-bottom: 10px;
	}
	.nav_social{
		/*display: none;*/
	}
	.nav_block > div:nth-child(2){
		margin-left: 0;
		margin-bottom: 10px;
	}
	.header .nav_desk{
		top: 260px;
	}
	.head .nav_popup{
		left: -15px;
		bottom: 40px;
	}
	.burger {
    margin-top: 0px;
	}
	.nav_social_desk {
    margin: 0 0 20px;
	}
	.offer h1{
		bottom: 20%;
	}
	.mySlides img{
	width: 150%;
	
    height: auto;
	}
	}

	.open{
		display: block;
	}
	.close{
		display: none;
}
@media screen and (max-width: 360px){
		.mySlides img{
		width:300% ;
		height: auto;
		}
		.offer_a{
		top: 280px;
		}
}	
@media screen and (max-width: 240px){
		.mySlides img{
		width:600% ;
		height: auto;
		}
		.offer_a{
		top: 330px;
		}
	}