@media only screen and (max-width: 1600px) {
	body{font-size:18px;line-height:27px;}
	#welcome .txt_ p{font-size:20px;line-height:30px;}
	#archive_ ul li{height:300px;}
}
@media only screen and (max-width: 1400px) {
	#archive_ ul li{height:260px;}
}
@media only screen and (max-width: 1400px) {
	#archive_ ul li{height:240px;}
}
@media only screen and (max-width: 1280px){
	#top ul li a, #footer ul.menu li a{font-size:16px;line-height:16px;}
	#top .menu .float_r{padding-left:60px;}
	#top .menu .float_l{padding-right:60px;}
	#top .social a{margin-left:10px;}
	#news_ind .sp-slide .big_, #project ul li .big_{font-size:22px;}
}

/*==============================
	Tablet landskape
==============================*/
@media only screen and (max-width: 1024px) {
	#archive_ ul li{height:190px;}
}

@media only screen and (max-width: 991px) {
	#header{background-attachment:scroll;}
	section.content .box-direct, section.content .box-child{display:inline-block;}
	section.content .box-direct-reverse{
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}		
	#welcome .photo_, #welcome .text_{width:100%;display:inline-block;}	
	#welcome .photo_{text-align:center;margin-bottom:30px;}
	#welcome .photo_ img{max-width:300px;}
	#welcome .small_ {font-size:18px;line-height:28px;}
	
	#footer ul.menu, #footer .address_, #footer .copy_text{margin-bottom:20px;}
	#footer, #footer .float_r.social{text-align:center;}
	#footer .float_l.contact, #footer .float_l, #footer .float_r.social{width:100%;}
	#footer .float_r.social{max-width:100%;}
	
	#top {padding:0;height:50px;}
	#top .menu{display:none;}
	.mobile-nav{display:block;position:fixed;top:0;left:0;right:0;margin:auto;}
	
	#top .logo{position:relative;}
	#header h1{font-size:40px;line-height:52px;}
	#project ul li{width:100%;margin-bottom:40px;}
	#project ul li:last-child{margin-bottom:0;}
	#project .sm{opacity:1;position:relative;display:block;margin-top:30px;}
	#archive_ {width:100%;}
	#archive_ .archive_galery{display:none;}
	#archive_ a:after{display:none;}
	#archive_slider{display:inline-block;background:#FBF5EF;}
	#project a:hover .wrap_img, #archive_ a:hover img, #footer .social a:hover img{
		transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
		-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
		box-shadow:0 0 0 rgba(0,0,0,0);	
		z-index:10;
	}	
	
	#search input[type='text']{width:70%;}
	#search input[type='submit']{width:20%;}
}

/*==============================
	Tablet portrait
============================== */
@media only screen and (max-width: 768px) {
	#header{background:url("../images/fon_mobile.jpg")no-repeat 0 0;background-size:auto 100vh;}
	#search input[type='text']{width:65%;}
	#search input[type='submit']{width:30%;}	
	body{font-size:16px;line-height:24px;}
	.big_{font-size:24px;}
	.small_{font-size:14px;}
	.border_line{padding-bottom:15px;}
	#welcome, #project{padding-top:40px;padding-bottom:40px;}
	#welcome .text_, #welcome .photo_{padding-left:4%;padding-right:4%;}
	#welcome .small_ {font-size:16px;line-height:26px;}
	#welcome .txt_ p{font-size:18px;line-height:28px;}
	
	#news_ind div.news_text{bottom:60px;padding-left:10px;padding-right:10p}
	#news_ind div.news_text p{display:none;}
	#news_ind div.news_text p.big_{display:inline-block;}
	
	.box-direct, .box-child{display:inline-block;}
	.box-direct-reverse{
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}		
}

/*==============================
	Phone
==============================*/
@media only screen and (max-width: 640px) {
	#footer ul.menu{display:none;}
}

@media only screen and (max-width: 480px) {
	#news_ind img, #archive_slider img{	 
	width:100%;height:100%;
 	  -o-object-fit: cover;
	  object-fit: cover;
	  object-position: center; 
	 }
	 #welcome .photo_ img{width:100%;max-width:100%;}
	 #header img{width:120px;}
	 #header div.wrap{height:300px;}
	 #header h1{font-size:30px;line-height:42px;}
	#search input[type="text"]{width:70%;}
	 #search input[type="submit"]{
		width:10%;
		font-size:0px;
		background:#DEB42B url("../images/arrow-w-r.svg") no-repeat center;
		height:55px;
	}
	#search input[type="submit"]:hover{background:#DEB42B url("../images/arrow-w-r.svg") no-repeat center;}
}

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

}