@media only screen and (max-width : 1600px){
	.serv__m-l{
		transform: none;
	}


}/**1600px**/

@media only screen and (max-width : 1440px){
	.serv{
		max-width: 700px;
	}

	.events__col.col-4{
		padding: 25px 35px;
	}

	.events{
		padding-right: 0;
	}

	.card__left{
		width: 420px;
	}
}/**1440px**/



@media only screen and (max-width : 1280px){
	
}/**1280px**/

@media only screen and (max-width : 1200px){
	.burger{
		display: block;
	}

	.hidd1200{
		display: none!important;
	}

	.header{
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.header .border{
		padding: 15px;
	}

	.header .logo img{
		width: 160px;
	}

	.nav > ul{
		display: block;
	}

	.nav > ul > li{
		margin-left: 0;
		margin-bottom: 15px;
	}

	.nav > ul > li > a{
		min-height: 0;
		justify-content: flex-start;
		padding: 10px 0;
	}
}/**1200px**/

@media only screen and (max-width : 1199px){
	/*.intro .grid:before,*/
	.intro .grid:after,
	/*.intro .in:before,*/
	.intro .in .line-r,
	.intro .in .line-l{
		display: none;
	}

	.intro .in{
		padding: 35px;
	}

	.intro .front{
		height: auto;
	}

	.intro .title{
		font-size: 30px;
	}

	.btn-cir{
		width: 180px;
		height: 180px;
	}

	.serv__cols{
		flex-wrap: wrap;
	}

	.serv__left{
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.serv__right{
		width: 100%;
	}

	.serv{
		max-width: 100%;
	}

	.section-about:before,
	.about-bottom__cols-1 .about-bottom__right:before{
		display: none;
	}

	.about-top{
		max-width: 100%;
	}

	.about-top{
		padding: 50px 15px 30px;
	}

	.about-top p{
		font-size: 18px;
	}

	.about-bottom__cols-2{
		padding-top: 30px;
	}

	.about-bottom__cols-1 .about-bottom__left,
	.about-bottom__cols-1 .about-bottom__right{
		padding-top: 30px;
	}

	.about-bottom__left{
		width: 100%;
	}

	.about-bottom__right{
		width: 100%;
	}

	.about-bottom p{
		font-size: 18px;
	}

	.list-about li{
		font-size: 18px;
	}

	.list-about li:before{
		top: 6px;
	}

	.title-block{
		font-size: 34px;
	}

	.about-bottom{
		padding-bottom: 50px;
	}

	.how__cols-1 .how__left,
	.how__cols-1 .how__right{
		padding-top: 50px;
	}

	.how p{
		font-size: 18px;
	}

	.how__cols-1 .how__right:before,
	.section-how .grid .line-1,
	.how__cols-1:before{
		display: none;
	}

	.how__left{
		width: 100%;
	}

	.how__right{
		width: 100%;
		padding-top: 20px;
	}

	.what{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.what__left{
		width: 100%;
		padding-right: 0;
	}

	.what__right{
		width: 100%;
	}

	.what p{
		font-size: 18px;
	}

	.section-what .line-2,
	.section-what .grid .line-1{
		display: none;
	}

	.include{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.include__cols{
		flex-wrap: wrap;
	}

	.include__left{
		width: 100%;
		padding-bottom: 20px;
	}

	.include__center{
		width: 100%;
		padding-left: 0;
	}

	.include__right{
		width: 100%;
	}

	.include-list li{
		font-size: 18px;
	}

	.include__right ul li,
	.include__left ul li{
		font-size: 18px;
	}

	.section-include{
		padding-bottom: 20px;
	}

	.section-include .grid .line-1,
	.section-include .line-2{
		display: none;
	}

	.what p.black{
		font-size: 18px;
	}

	.section-what-2 .what{
		padding-bottom: 50px;
	}

	.team-in{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-team .line-2,
	.section-team .grid .line-1{
		display: none;
	}

	.team{
		padding-right: 80px;
	}

	.news-in{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-news .line-2,
	.section-news .grid .line-1{
		display: none;
	}

	.news .item{
		width: 50%;
	}

	.contacts-in{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-contacts .line-2,
	.section-contacts .grid .line-1{
		display: none;
	}

	.contacts{
		padding-top: 50px;
	}

	.contacts .cols{
		flex-wrap: wrap;
	}

	.contacts .col{
		width: 100%;
	}

	.contacts__phone{
		font-size: 38px;
	}

	.footer{
		padding-top: 45px;
	}

	.footer__bottom .cols{
		flex-wrap: wrap;
	}

	.footer__bottom .col{
		width: 100%;
		text-align: right;
	}

	.content h1{
		font-size: 32px;
	}

	.paper p{
		font-size: 16px;
	}

	.paper p.big{
		font-size: 20px;
	}

	.contacts-in:after{
		display: none;
	}

	.content{
		padding-top: 110px;
		padding-bottom: 50px;
	}

	.sort__item{
		font-size: 20px;
	}

	.events .item{
		margin-bottom: 30px;
	}

	.events__cols{
		flex-wrap: wrap;
	}

	.events__col{
		width: 100%!important;
		min-height: 0;
		padding: 0!important;
	}

	.events__col.col-2{
		padding-bottom: 10px!important;
	}

	.events__col.col-3{
		padding-bottom: 10px!important;
	}

	.events .item:nth-child(even) .events__col.col-3{
	    order: 0;
	}

	.events .time{
		margin-top: 20px;
	}

	.event-top{
		padding-bottom: 20px;
	}

	.event-top__cols{
		display: block;
	}

	.event-top__left{
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.event-top__right{
		width: 100%;
	}

	.event-bottom__left{
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.event-bottom__right{
		width: 100%;
	}

	.event .item{
		margin-bottom: 20px;
	}

	.event .sub{
		font-size: 20px;
	}

	.event p{
		font-size: 16px;
	}

	.gift{
		font-size: 16px;
	}

	.event-list li{
		font-size: 16px;
	}

	.event__chisel{
		margin-bottom: 30px;
		padding: 25px;
	}

	.event__title{
		font-size: 30px;
	}

	.event__pic{
		height: 380px;
	}

	.projects .item{
		margin-bottom: 30px;
	}

	.projects .col{
		width: 100%;
	}

	.projects .title{
		font-size: 30px;
	}

	.projects p{
		font-size: 16px;
	}

	.projects .pics{
		padding-top: 20px;
	}

	.projects .pic{
		height: 280px;
	}

	.case .sub{
		font-size: 20px;
	}

	.case p{
		font-size: 16px;
	}

	.case .title{
		font-size: 30px;
	}

	.case__top{
		padding-bottom: 20px;
	}

	.case__middle .col{
		width: 100%;
		padding-bottom: 20px;
	}

	.case__middle{
		padding-bottom: 20px;
	}

	.case-view{
		display: block;
	}

	.case-view__left{
		width: 100%;
	}

	.case-view__right{
		width: 100%;
		padding-left: 0;
	}

	.case-view__cols{
		display: block;
	}

	.case-view__col{
		width: 100%;
	}

	.case .pic{
		width: 100%!important;
		height: 180px!important;
		margin-bottom: 12px;
	}

	.team .items .item{
		width: 100%;
	}

	.card{
		flex-wrap: wrap;
	}

	.card__left{
		width: 100%;
		padding-bottom: 20px;
	}

	.card__center{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.card .pic{
		height: 600px;
	}

	.card__right{
		width: 100%;
	}

	.card .title{
		font-size: 30px;
	}

	.card-2 .col{
		width: 100%;
		padding-top: 0!important;
		padding-bottom: 20px;
	}

	.card-2{
		padding-bottom: 30px;
	}

	.ad-2 .item{
		display: block;
		margin-bottom: 30px;
	}

	.ad-2 .item .cols{
		flex-wrap: wrap;
	}

	.ad-2 .item .col{
		width: 100%;
		flex-basis: 100%;
	}

	.ad-2 .item .right{
		padding-top: 20px;
		padding-left: 0;
	}

	.ad-2 .item .pic{
		margin-bottom: 10px;
	}

	.sort-2{
		flex-wrap: wrap;
	}

	.sort-2__item{
		width: 100%;
		padding: 5px 0!important;
	}

	.sort-2__item:before{
		display: none;
	}

	.services .item{
		width: 50%;
	}

	.office .list li{
		font-size: 16px;
	}

	.office-top{
		padding-bottom: 30px;
	}

	.office-top__left{
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.office-top__right{
		width: 100%;
	}

	.office .pic{
		height: 380px;
	}

	.office-middle{
		max-width: 100%;
		padding-bottom: 30px;
	}

	.office .sub{
		font-size: 20px;
	}

	.office p{
		font-size: 16px;
	}

	.office-bottom .col{
		width: 100%;
		margin-bottom: 30px;
	}

}/**1199px**/

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

}/**992px**/

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

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

@media only screen and (max-width : 767px){
	.serv{
		padding: 25px;
	}

	.serv .item{
		margin: 25px 0;
	}

	.serv .item .in{
		font-size: 16px;
	}

	.manager .pic{
		width: 150px;
		height: 150px;
	}

	.news .item{
		width: 100%;
	}

	.projects .pic{
		height: 200px;
	}

	.services .item{
		width: 100%;
	}

}/**767px**/

@media only screen and (max-width : 576px){
	
}/**576px**/

@media only screen and (max-width : 575px){
	
}/**575px**/

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

@media only screen and (max-width : 425px){
	
}/**425px**/

@media only screen and (max-width : 375px){
	
}/**375px**/

@media only screen and (max-width : 360px){
	
}/**360px**/

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

}/**320px**/





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

}