@media screen and (max-width: 567px){
	.contact-page > div{width:100%;}
	html, body {
		font-size: 11px;
	}
	.margin-auto {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	#mobile-nav{
		display: block;
	}
	header{
		min-height: 85px;
	}
	header>div.margin-auto{
		padding-top: 12px;
		padding-bottom: 14px;
	}
	header .logo img{
		width: 67px;
	}
	header .header-nav{
		display: none;
	}
	header .header-phone{
		float: none;
		text-align: center;
		margin: 26px auto 0;
		width: 130px;
	}
	header .header-phone a:not(.callback){
		font-size: 14px;
		margin-bottom: 3px;
	}
	header .header-phone a:not(.callback)>span{
		font-size: 14px;
	}
	header .header-phone a.callback{
		display: none;
	}
	nav{
		display: none;
	}
	#slider{
		height: auto;
	}
	#slider .pic{
		position: relative;
		text-align: center;
		top: auto;
		right: auto;
		margin: 0;
		overflow: hidden;
	}
	#slider .pic img{
		max-width: 100%;
	}
	#slider .mask{
		display: none;
	}
	#slider .margin-auto{
		height: auto;
		position: relative;
		background-image: url(../images/slider-mask.png);
    	background-repeat: no-repeat;
		background-position: center top;
	}
	#slider .text{
		position: relative;
		right: auto;
		top: auto;
		padding: 15px 0;
		font-size: 12px;
		width: auto;
		transform: none;
		text-align: left;
	}
	#slider .text h1{
		font-size: 17px;
		margin-bottom: 9px;
	}
	.pic-nav.margin-auto{
		padding: 2px 0 0;
		margin: 0;
	}
	.pic-nav ul{
		display: block;
		width: 100%;
	}
	.pic-nav ul li{		
		max-width: 100%;
		margin-bottom: 2px;
		padding: 0;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}
	.pic-nav ul li a{
		font-size: 17px;
	}
	.pic-nav ul li a>img{
		width: 100%;
	}
	.pic-nav ul li a>div.shadow{
		display: none;
	}
	.news{
		/*display: none;*/
	}
	.news .news-brief{
		flex-wrap: wrap;
	}
	.news .news-brief .news-item{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		border: none;
	}
	.partners{
		display: none;
	}
	aside{
		display: none;
	}
	#content{
		width: 100%;
		margin-left: 0;
	}
	
	footer{
		font-size: 11px;
	}
	footer>.margin-auto{
		padding: 0px;
		width: 100%;
	}
	footer .copy, footer .contact{
		width: 100%;
		margin-top: 0px;
		padding: 10px 20px;
		border-left: none;
		border-top: 3px solid #fff;
	}
	footer .map{
		display: none;
	}
	
	.project-item{
		padding: 20px 0 23px;
	}
	.project-item:nth-of-type(odd){
		text-align: left;
	}
	.project-item .head{
		font-size: 14px;
	}
	.project-item .pic{
		float: none;
		margin-left: 0;
		margin-top: 18px;
		width: 100%;
	}
	.project-item_v2 .project-slider-wrap{
		float: none;
		margin: 0;
		width: 100%;
	}
	
	.catalog-detail .block-left{
		float: none;
		width: 100%;
		height: 305px;
	}
	.catalog-detail .block-right{
		float: none;
		width: 100%;
	}
	.catalog-detail .block-right .line-table{
		width: 100%;
	}
	#feed-back{
		display: none;
	}
	
	h1{
		font-size: 18px;
	}
	.btn span{
		font-size: 11px;
	}
	.mobile{
		display: block;
	}
	.desctop{
		display: none;
	}
	
.map-container{width:calc(100%); margin-bottom:15px;}

#alion_contact_form {
    width: calc(100%);
    height: 578px;
    background: url(/alion_contact_form.png) center no-repeat;
    padding: 40px;
}

#alion_contact_form form {
    border: solid 10px rgba(235,171,0,.5);
    width: 100%;
    display: flex;
    flex-flow: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-size: 15px;
}
#alion_contact_form h2 { font-size: 10px;}
#alion_contact_form h3 { font-size: 15px; }

#alion_contact_form #adminForm #nc_moderate_form { }
#alion_contact_form #adminForm #nc_moderate_form .nc_clear { }
#alion_contact_form #adminForm #nc_moderate_form input { }
#alion_contact_form #adminForm .nc-field {}
#alion_contact_form #adminForm .nc-field #nc_capfld_175 { }
#alion_contact_form #adminForm .nc-field input[type='text']{
	border: solid 1px #fff;
	width: 100%;
	height: 38px;
	background:rgba(255, 191, 21, 0.2);
	border-radius:3px;
}
#alion_contact_form #adminForm .nc-hint { }
#alion_contact_form #adminForm input[type="submit"] {
    min-width: 0 !important;
    font-size: 18px;
    width: auto;
    padding: 0 30px;
    margin-bottom: 15px;
}


.flex-row {
	width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

}	
}