@media only screen and ( max-width:1250px ){
.catalog .right{
		max-width: 62.5%;
	}
}
@media only screen and ( max-width:1200px ){
	.about-block .left{
		max-width: 280px;
	}
	.about-block .news .title{
		left: 15px;
		top: 15px;
	}
	.about-block .news .title h4{
		font-size: 22px;
		line-height: 26px;
	}
	.about-block .news .title h4 small{
		font-size: 13px;
	}
	.about-block .news .title h5{
		font-size: 14px;
		margin-top: 18px;
	} 	
	.about-block .right{
		max-width: 71%;
		margin-left: 1.5%;
		width: 69vw;
		display: inline-block;
		margin-bottom: 10px;
	}	
	.catalog .news .title h4{
		font-size: 17px;
	}	
	.nav.menu > li a{
		font-size: 13px;
	}	
	ul.nav.menu > li{
		min-width: 70px;
		max-width: 9%;
	}
	ul.nav.menu li.item-109 {
		width: 100%;
		max-width: 37%;
	}	
	header {
		min-height: 230px;
		margin-bottom: 25px;
	}
	/************************/
	.first-slider .info{
		max-width: 45%;
		padding: 15px;
	}
	.first-slider .info h3{
		font-size: 1.3vw;
		line-height: 1.9vw;
	}
	.line{
		width: 25%;
		margin: 2.5vh 0;
	}
	.first-slider .info p{
		font-size: 1.15vw;
		line-height: 1.6vw;
	}
	.first-slider .info a{
		height: 30px;
		font-size: 13px;
		line-height: 28px;
		margin-top: 20px;
	}	
	.cont-slider {
		width: 55%;
	}
	.first-slider .slick-dots{
		bottom: 12px;
		right: 17vw;
	}	
 	
}
@media only screen and ( max-width:1100px ){
	.about-block .left{
		max-width: 280px;
	} 	
	.about-block .right{
		max-width: 65vw;
		width: 70vw;
	}	
	.kurs .wrapper_info{
		padding-top: 15px;
	}

	.kurs .wrapper_info img{
		max-width: 65px;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 59%;
	}
	.kurs .wrapper_info a{
		max-width: 30%;
		text-align: center;
		text-align-last: center;
		-moz-text-align-last: center;	
	}
	.kurs .wrapper_info a{
		display: inline-block;
		text-decoration: none;
		vertical-align: top;
	}
	.kurs .wrapper_info span{
		width: 45px;
		height: 45px;
		font-size: 25px;
		line-height: 40px;
	}
	.kurs .wrapper_info a p{
		font-size: 14px;
	}	
}
@media only screen and ( max-width:1000px ){
	.kurs .wrapper_info img{
		max-width: 62px;
		left: 23%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 58%;
	}	
	.about-block .left{
		max-width: 280px;
	} 	
	.about-block .right{
		max-width: 62vw;
		width: 60vw;
	}	
	.wraper-content{
		margin-top: 25px;
	}	
	/******************************/
	header .logo img{
		width: 85px; 
	}
	header .title h1{
		font-size: 18px;
		line-height: 25px;
	}
	header .title h2{
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 4px;
	}
	ul.contacts li p{
		font-size: 12px;
	}
	ul.contacts li img{
		vertical-align: middle;
		margin-right: 5px;
	}
	ul.contacts li span{
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 6px;
	}	
}

@media only screen and ( max-width:900px ){
	.kurs .wrapper_info img{
		max-width: 83px!important;
		left: 28%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 65%;
	}		
	.button-nav-menu{
		display: inline-block;
		margin: 14px 0;
	}
	ul.nav.menu{
		position: relative;
		top: 100%;
		right: 0px;
		left: 0px;
		background: #4f7090;
		z-index: 999;
		display:none;
		
	}
	.nav-lvl2{
		width: 100%;
	}	
	ul.nav.menu > li{
		width: 100%;
		min-width: 100%;
		max-width: 100%;		
	}

	.nav.menu > li a {
		padding: 14px 17px;
		font-size: 14px;
		text-align: left;
		line-height: normal;
		min-height:auto;
	}	
	.nav-lvl2 li a{
		padding: 10px 0!important;
	}	
	.about-block .left{
		max-width: 100%;
	}
	.about-block .left .bar{
		max-width: 43%;
		display: inline-block;
		vertical-align: top;
		margin-right: 2%;
	}
	.about-block .left .news{
		max-width: 55%;
		display: inline-block;
		height: 207px;
		overflow: hidden;
	}
	.about-block .left .news img{
		min-height: 207px;
	}
	.about-block .right{
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}	
	.button-menu{
		display: block;
		margin-bottom: 20px;
	}
	.catalog .catalog_bar{
		display: none;
	}
	.catalog .new-a a img{
		top: 0;
	}
	/*************************/
	header .middle .left{
		margin: auto;
		display: block;
		float: none;
		text-align: center;
	}
	header .logo img{
		width: 60px; 
	}
	header .title h1{
		font-size: 18px;
		line-height: 25px;
		text-align: left;
	}
	header .title h2{
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 4px;
		text-align: left;
	}
	ul.contacts{
		float: none;
		text-align: center;
		width: 100%;
	}
	ul.contacts li{
		margin-bottom: 10px;
	}
	ul.contacts li:last-child{
		margin-bottom: 0;
	}
	ul.contacts li p{
		font-size: 12px;
	}
	ul.contacts li img{
		vertical-align: middle;
		margin-right: 5px;
	}
	ul.contacts li span{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 6px;
		display: inline-block; 
		margin-right: 10px;
	}		
	.info-top li input {
		width: 200px;
	}	
	/*****************************/
	.main .left.column{
		max-width: 100%;
	}	
	.first-slider .info{
		max-width: 45%;
		padding: 15px;
	}
	.first-slider .info h3{
		font-size: 2.4vw;
		line-height: 3.2vw;
	}
	.line{
		margin: 3vh 0;
	}
	.first-slider .info p{
		font-size: 2vw;
		line-height: 2.6vw;
	}
	.first-slider .slick-dots{
		bottom: 12px;
		right: 20px;
	}
	.first-slider img{
		width: 100%;
		min-height: 250px;
	}
	.main .right.column{
		max-width: 100%;
		margin-left: 0%;
	}
	.block-news .item .image{
		max-width: 33%;
		width: 100%;
		max-height: 100%;
	}	
	.block-news.kurs img{
		margin: 0 0 10px;
		width: 100%;
		max-width: 461px;
		display: table;
	}
	.block-news.new-a{
		padding: 0;
		overflow: hidden;
		position: relative;
		display: block;
		margin-bottom: 40px;
	}
	.main .block-news.new-a a{
		display: block;
		max-height: 300px;
		overflow: hidden;
	}
	.block-news.new-a .title{
		position: absolute;
		top: 30px;
		left: 20px;
		max-width: 380px;
	}
	.block-news.new-a .title h4{
		line-height: 28px;
		font-size: 21px;
		color: #fff;
		padding-right: 10px;
	}
	.block-news.new-a .title h5{
		color: #fff;
		font-size: 16px;
		text-transform:none;
		margin-top: 15px;
	}	
}



@media only screen and ( max-width:770px ){
	.about-block ul li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}	
	.kurs .wrapper_info img{
		max-width: 83px!important;
		left: 25%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 61%;
	}		
}
@media only screen and ( max-width:600px ){
	.kurs .wrapper_info img{
		max-width: 70px!important;
		left: 24%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 59%;
	}	
	footer{
		padding: 30px 0 15px;
	}	
	footer .item .title{
		font-size: 14px;
		margin-bottom: 20px;
	}
	footer .item ul li a,
	footer .item li{
		font-size: 13px;
		line-height: 22px;
	}
	footer .nav-footer.item{
		float: none;
		width:100%;
		padding-left: 38%;
		text-align: left;
	}
	footer .nav-footer.item ul{
		display: inline-block;
		width: 50%;
	}
	footer .item{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	footer .copy{
		font-size: 13px;
		line-height: 20px;
		padding: 0 20px;
	}
	footer .logo img{
		 width: 95%;
	}	
/********************/
	.about-block .left{
		max-width: 100%;
	}
	.about-block .left .bar{
		max-width: 100%;
		margin-right: 0%;
	}
	.about-block .left .news{
		max-width: 100%;
		height: 170px;
		margin-bottom: 30px;
	}
	.about-block .left .news img{
		min-height: 170px;
	}
	.about-block .right .image{
		max-width: 180px;
	}	
	/************************/
	.info-top li{
		margin-left: 15px;
		margin-top: 10px;
	}	
	.info-top li input {
		width: 200px;
	}	
	header .logo {
		position: absolute;
		top: 10px;
		left: 20px;
	}
	header .logo img{
		width: 65px; 
	}
	header .title{
		width: 100%;
		margin-top: 40px;
	}
	header .title h1{
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 5px;
		text-align: center;		
	}
	header .title h2{
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 7px;
		text-align: center;		
	}
	header ul.contacts {
		display: none;
	}	
	.info-top li{
		display: none;
	}
	.info-top li:last-child{
		display: block;
	}
	/*****************************/
	.first-slider .info{
		max-width: 45%;
		padding: 15px;
	}
	.first-slider .info h3{
		font-size: 2.5vw;
		line-height: 3.2vw;
	}
	.line{
		margin: 3vh 0;
	}
	.first-slider .info p{
		font-size: 2.2vw;
		line-height: 2.6vw;
	}
	.first-slider img{
		width: auto;
		min-height: 280px;
	}

	.block-news .item .image{
		max-width: 33%;
		min-width: 120px;
	}	

	.block-news.new-a{
		padding: 0;
		overflow: hidden;
		position: relative;
		display: block;
		margin-bottom: 40px;
	}
	.main .block-news.new-a a{
		display: block;
		max-height: 300px;
		overflow: hidden;
	}
	.block-news.new-a .title{
		position: absolute;
		top: 30px;
		left: 20px;
		max-width: 380px;
	}
	.block-news.new-a .title h4{
		line-height: 25px;
		font-size: 18px;
	}
	.block-news.new-a .title h5{
		font-size: 16px;
	}	
	.wr-work li{
		width: 50%;
	}	
	.wr-work li a h4{
		font-size: 14px;
	}	

 
}

@media only screen and ( max-width:500px ){
	.kurs .wrapper_info img{
		max-width: 60px!important;
		left: 23%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 58%;
	}	
	.wrap-items .item-catalog{
		display: block;
		max-width: 300px;
		width: 100%;
		max-height: 170px;
		margin: 0 auto 20px!important;	
		margin-right: auto!important;
		overflow: hidden;
	}
	.catalog-wr-news .item {
		width: 100%;
		margin-right: 0%;
	}	
	.info-top li input {
		width: 180px;
	}	
	/*****************************/
	.first-slider .info{
		max-width: 100%;
		padding: 15px;
	}
	.first-slider .info h3{
		font-size: 4vw;
		line-height: 5.6vw;
	}
	.line{
		margin: 3vh 0;
	}
	.first-slider .info p{
		font-size: 3.5vw;
		line-height: 5vw;
	}
	.first-slider img{
		width: auto;
		min-height: 280px;
	}
	.cont-slider {
		position: absolute;
		top: auto;
		width: 120px;
		bottom: 50px;
	}	
	.block-news .item .image{
		max-width: 220px;
		min-width: 120px;
	}
	.block-news .info-new{
		margin-top: 20px;
		max-width: 100%;
		margin-left: 0%;
	}	

	.block-news.new-a{
		padding: 0;
		overflow: hidden;
		position: relative;
		display: block;
		margin-bottom: 40px;
	}
	.main .block-news.new-a a{
		display: block;
		max-height: 300px;
		overflow: hidden;
	}
	.block-news.new-a .title{
		position: absolute;
		top: 30px;
		left: 20px;
		max-width: 380px;
	}
	.block-news.new-a .title h4{
		line-height: 25px;
		font-size: 18px;
	}
	.block-news.new-a .title h5{
		font-size: 16px;
	}	
	.wr-work li{
		width: 50%;
	}	
	.wr-work li a h4{
		font-size: 14px;
	}	
	.item-slider .cont-slider{
		top: 0;
		bottom: 0;
	}
	.item-content .title {
		height: auto;
		line-height: 24px;
		font-size: 18px;
		padding: 14px 15px;
	}	
}

@media only screen and ( max-width:400px ){
	.kurs .wrapper_info img{
		max-width: 50px!important;
		left: 24%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 59%;
	}
	.kurs .wrapper_info span{
		width: 40px;
		height: 40px;
		font-size: 24px;
		line-height: 35px;	
	}	
	.kurs .wrapper_info a p{
		font-size: 13px;
	}
}

@media only screen and ( max-width:360px ){
	.kurs .wrapper_info img{
		max-width: 45px!important;
		left: 22%;
	}
	.kurs .wrapper_info img:nth-child(2){
		left: 57%;
	}	
	.wr-work li a h4 {
		font-size: 13px;
		line-height: 20px;
		word-wrap: break-word;
		padding:0 10px;
	}	
	.item-slider .image img{
		transform: scale(0.9);
		-moz-transform: scale(0.9);
	}	
 
	.item-slider .cont-slider span.prev{
		left: 10px;
	}
	.item-slider .cont-slider span.next {
		right: 10px;
	}	
	.info-top li input {
		width: 150px;
	}		
	footer .logo img{
		 width: 85%;
	}	
	footer .item .title{
		margin-bottom: 10px;
	}	
	footer .nav-footer.item{
		float: none;
		width:100%;
		padding-left: 40%;
		text-align: left;
	}
	footer .item{
		margin-bottom: 25px;
	}
	.about-block .right .image{
		max-width: 150px;
	}	
	/*********************/
	.block-news.new-a .title h4 {
		line-height: 20px;
		font-size: 15px;
	}	
	.block-news.new-a .title h5{
		font-size: 14px;
		margin-top: 15px;
		padding-right: 10px;
	}	
 
}


@media only screen and ( min-width:900px ){
	header ul.nav.menu,
	.catalog .catalog_bar{
		display: block!important;
		margin: 14px 0;
	}	
}

@media only screen and ( min-width:900px ){
	.first-slider .info h3 {
		font-size: 1.3vw;
		line-height: 1.6vw;
	}
}

@media only screen and ( min-width:1800px ){
	.first-slider .info a{
		    margin-top: 20px;
	}
	.first-slider .info h3 {
		font-size: 16px;
		line-height: normal;
	}	
	.first-slider .info p {
		font-size: 14px;
		line-height: 16px;
	}	
}