@media only screen and (max-width : 1600px){
	


}/**1600px**/

@media only screen and (max-width : 1440px){
	.header{
		padding-left: 135px;
	}

	.intro,
	.about,
	.about,
	.profit,
	.company,
	.company .in,
	.bottom-arrows,
	.footer,
	.content{
		padding-left: 135px;
	}

	.intro:before,
	.about:before,
	.profit:before,
	.company:before,
	.footer:before,
	.content:before{
		left: 100px;
	}

	.about:after,
	.profit:after,
	.company:after,
	.footer.main:after,
	.content:after{
		width: calc(100% - 100px);
		top: 180px;
		left: 100px;
	}

	.about,
	.profit,
	.footer.main{
		padding-top: 210px;
	}

	.profit .bottom{
		padding-top: 0;
	}

	.company .in{
		padding-bottom: 80px;
	}

	.bottom-arrows{
		bottom: 30px;
	}

	.about .pic{
		margin-top: 0;
	}

	.header.main .nav{
	    transform: translate(-530px);
	    transition: 2s;
	}

	.header.main .nav.animate{
	    transform: translate(0px);
	}

	.header.main .logo{
		left: calc(50vw - 360px);
	}

	.header.main .logo.animate{
		left: 0;
	}

	.title-block{
		font-size: 32px;
	}

	.project__head{
		padding-bottom: 10px;
		position: static;
	}
}/**1440px**/



@media only screen and (max-width : 1280px){
	.hidd1200{
		display: none!important;
	}

	.burger{
		display: block;
	}

	.header{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0;
	}

	.header .cols{
		justify-content: space-between;
	}

	.header .col:nth-child(1){
		margin-right: 0;
	}

	.header.main .logo-wrap,
	.header.main .logo-wrap.animate{
		width: auto;
		height: auto;
	}

	.header.main .logo,
	.header.main .logo.animate{
		position: relative;
	    top: 0;
	    left: 0;
	    transition: none;
	}

	.header.main .logo__img,
	.header.main .logo__img.animate,
	.header .logo__img{
		width: 180px;
		height: 76px;
		transition: none;
	}

	.header.main .nav,
	.header.main .nav.animate{
	    transform: translate(0px);
	    transition: none;
	}

	.nav > ul{
		display: block;
	}

	.nav > ul > li{
		margin-right: 0;
		margin-bottom: 25px;
	}

	.intro.vh100,
	.company.vh100,
	.company .in{
		min-height: 500px;
	}

	.intro,
	.about,
	.profit,
	.company,
	.company .in,
	.bottom-arrows,
	.footer,
	.content{
		padding-left: 0;
	}

	.footer{
		padding-top: 30px;
	}

	.about,
	.profit
	.footer.main,
	.content{
		padding-top: 130px;
		padding-bottom: 50px;
	}

	.intro .back{
		display: none;
	}

	.intro:before,
	.about:before,
	.about:after,
	.profit:before,
	.profit:after,
	.company:before,
	.company:after,
	.footer:before,
	.footer:after,
	.content:before,
	.content:after,
	.tabs__caption:after{
		display: none;
	}

	.intro .title,
	.intro .title.animate{
		font-size: 38px;
		transition: none;
	}

	.about.vh100,
	.profit.vh100,
	.footer.vh100{
		height: auto;
		min-height: 0;
	}

	.about__left{
		width: 100%;
		padding-right: 0;
	}

	.about__right{
		width: 100%;
	}

	.about__text{

	}

	.footer .bottom{
		padding-top: 0;
	}

	.tabs__caption{
		padding-top: 20px;
	}

	.project__slider .slick-list,
	.project__slider .slick-track{
		pointer-events: auto;
	}

	.project__show{
		display: none;
	}

	.project__full{
		display: block;
	}
}/**1280px**/

@media only screen and (max-width : 1200px){
	
}/**1200px**/

@media only screen and (max-width : 1199px){
	.about__right{
		display: block;
	}

	.about__text{
		width: auto;
		max-width: 365px;
		padding-top: 30px;
		padding-left: 0;
	}

	.profit .item{
		width: 100%;
		margin-bottom: 30px;
	}

	.company .cols{
		align-items: center;
		flex-wrap: wrap;
	}

	.company .col{
		width: 100%;
	}

	.footer .cols{
		flex-wrap: wrap;
	}

	.footer .col{
		width: 100%;
	}

	.footer__form{
		margin-bottom: 30px;
		flex-direction: column;
	}

	.footer__form .btn{
		margin-top: 20px;
		margin-left: 0;
	}

	.tabs__caption li{
		font-size: 15px;
		margin-right: 20px;
	}

	.portfolio .item,
	.video .item{
		width: 100%;
	}

	.project__full .col{
		width: 100%;
	}

	.project__body{
		padding: 0 0 65px;
	}

	.project__slider{
		padding: 0;
	}

	.slick-dots li{
		margin: 0 5px!important;
	}

	.slick-dots li:after{
		display: none;
	}

	.project__slider .slick-prev, .project__slider .slick-next{
		display: none!important;
	}
	.about,
	.profit,
	.footer.main{
		padding-top: 20px;
	}
	.profit .item p{
		font-size:13px;
	}
	.about .pic img{
		max-width:200px;
	}
	.footer.vh100{
		min-height:100vh;
	}
	.footer .col{
		margin-bottom:20px;
	}
}/**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){
	.intro .title,
	.intro .title.animate{
		font-size: 21px;
	}

	.title-block{
		margin-bottom: 30px;
		font-size: 22px;
	}

	.portfolio .item .pic{
		height: 296px;
	}

}/**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){
	
}

