@media screen and (min-width: 1000px){
	#about .bg_screen .active{
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-o-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
		
		-webkit-transition: transform 14.5s linear;
		-moz-transition: transform 14.5s linear;
		-o-transition: transform 14.5s linear;
		transition: transform 14.5s linear;
	}
}
@media screen and (max-width: 1100px){
	.list{
		max-width: 96%;
	}
	.slick-prev{
		left: 0px;
	}
	.slick-next{
		right: 0px;
	}
	.callout{
		max-width: 90%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		height: auto;
	}
	.comments .carusel{
		padding: 0px 30px;
	}
	#footer .block.logo{
		display:none;
	}
}
@media screen and (max-width: 900px) {
	#about .company_title span{
		font-size: 50px;
	}
	.col2{
		float:none;
		width: 100%;
	}
	#about .company_title, #about .company_slogan{
		text-align:center;
		width: 100%;
		padding: 0px;
		max-width: 100%;
	}
	#about .company_title span{
		display:block;
	}
	#about .big_phone{
		margin-top: 30px;
	}
	#about .lang{
		top: 45px;
	}
	#head{
		position:fixed;
		bottom: auto;
		top: 0px;
		padding: 10px;
		background:#2e2f37;
	}
	#head .list{
		width: auto;
		margin-left: 2%;
	}
	#head .menu{
		display:none;
		position:absolute;
		width: 200px;
		left: 0px;
		background:#2e2f37;
		text-align:left;
		margin-left: -11px;
	}
	#head .menu li, #head .menu li a{
		display:block;
	}
	#head .menu.active{
		display:block;
	}
	#head .mob_menu{
		display:block;
		width: 30px;
		height: 22px;
		background: url(../img/imgs.png) no-repeat -273px -107px;
	}
	
	#price{
		text-align:left;
	}
	#price .col2 + .col2{
		display:none;
	}
	
	#partners .hands{
		display:none;
	}
	
	#branckes .col2, #branckes .col2 + .col2{
		-webkit-transform:translate(0,0%);
		-moz-transform:translate(0,0%);
		transform:translate(0,0%);	
	}
	
}
@media screen and (max-width: 850px) {
	#footer .block{
		float:none;
		width: auto;
		padding-bottom: 20px;
	}
	#footer .block2, #footer .block3{
		width: 33%;
		float:left;
	}
}
@media screen and (max-width: 700px) {
	#carier .table, #carier .table .tr, #carier .table .td, 
	#carier .table .td.left{
		display:block;
		width: auto !important;
		text-align:left;
	}
	#carier .table .td h3{
		padding-left: 30px;
	}
	#carier .carier_title{
		padding-top: 30px;
	}
	
	#about .company_title{
		font-size: 20px;
	}
	#about .company_title span{
		font-size: 36px;
	}
	#about .company_slogan{
		font-size: 24px;
	}
	#about .big_phone{
		font-size: 28px;
		padding-left: 45px;
	}
	.fifth-effect .span_wrap span{
		font-size: 18px;
	}
	#partners h3, #brands h3, #branckes h3, #price .price .title span{
		font-size: 26px;
	}
	.author{
		padding-left: 110px;
	}
	.author .name, .author .company, .callout{
		font-size: 14px;
	}
	.callout span{
		font-size: 16px;
	}
	
	.popup{
		left: 3%;
		margin-left: 0px;
		right: 3%;
		width: auto;
	}
	.popup .popup_image img{
		max-width: 100%;
	}
	#contacts{
		background:#2e2f37
	}
	#contacts .content_wrap .box{
		width: auto;
		left: 0px;
		top: 0px;
		right: 0px;
		position:static;
	}
	#map{
		height: 250px;
	}
}

@media screen and (max-width: 550px){
	#about .lang{
		width: auto;
	}
	#about .logo{
		margin-top: 60px;
	}
	#footer .block1 ul, #footer .block2, #footer .block3, #footer .block.block3{
		width: 50%;
	}
	
}
@media screen and (max-width: 500px){
	.popup_body{
		padding: 0 20px 25px;
	}
}

@media screen and (max-width: 400px) {
	.popup .author .avatar{
		position:static;
		margin: 0 auto;
	}
	.popup .author{
		text-align:center;
		padding: 0px;
		padding-bottom: 30px;
	}
	.popup .author .name, .popup .author .company{
		width: auto;
		max-width: 100%;
	}
	.popup .popup_title{
		font-size: 22px;
	}
	.fifth-effect .span_wrap, .fifth-effect .span_wrap span{
		width: 320px;
	}
	.fifth-effect .span_wrap{
		margin-left: -160px;
	}
	
}


/*For retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx){
	#footer .logo, #contacts .content_wrap .address:before, 
	#contacts .content_wrap .phone:before, 
	#contacts .content_wrap .mail:before, .slick-arrow, 
	#price .btn.download:before, .features .feature:before, 
	#about .logo, #about .big_phone:before, 
	#about .lang ul li a:before, #about .lang > a:before{
		background-image: url(../img/imgs_x2.png);
		background-size: 656px 183px;
	}
}