@media (min-width:1024px)	{
	
	.footerlink											{ position:absolute; left: 15%; bottom: 68px; height: 112px; overflow: hidden; }
	.content											{ position:absolute; top:15%; margin-top:77px; right:0; width:0; bottom:200px; opacity:0; padding:40px 15%; background:rgba(0,0,0,0.7); transition:width 0.5s,opacity 0.5s; z-index:10; }
	.content.visible									{ width:70%; opacity:1; transition:width 0.5s,opacity 0.4s; transition-delay:0.5s,0.6s; }
	.footer												{ position:fixed; left:0; bottom:0; width:70%; padding:10px 15%; background:#404041; z-index:1; }
	
}

@media (max-width:1023px)	{
	
	.bgwebsite .elem .info								{ bottom:150px; padding:0 5%; width:90%; }
	.bgarrow											{ bottom:210px; right:5%; }
	
	.header												{ display:none; }
	.mHeader											{ display:block; }
	
	.content											{ position:relative; padding:40px 5%; width:90%; opacity:0; background:rgba(0,0,0,0.7); transition:width 0.5s,opacity 0.5s; z-index:10; }
	.content.visible									{ width:90%; opacity:1; transition:width 0.5s,opacity 0.4s; transition-delay:0.5s,0.6s; }
	
	.content.visible .bottomPage						{ left:5%; }
	.content.visible .navigator							{ left:5%; }
	
	.content img										{ max-width: 100%; height: auto; }
	
	.footerlink											{ position: relative; margin: 20px 0; }
	.footerlink .area									{ padding-left: 5%; padding-right: 5%; width: 90%; text-align: center; border: none; }
	
	
	.footer												{ position: relative; padding:10px 5%; width:90%; z-index:11; background:#404041; }
	
	.footer .qren										{ margin:0; float:right; }
	.footer .clearNews									{ position:relative; clear:both; }
	.footer .newsSlide									{ width:100%; margin-top:20px; }
		
}


@media (max-width:849px)	{
	
	.mHeader											{ width:90%; margin:0 5%; }
	
	.newsInfo											{ width:100%; }
	.newsImg											{ width:100%; }
	
	.contactInfo										{ width:100%; }
	.contactList										{ width:99%; }
	.map												{ width:100%; }
	
	
	.portfolioList										{ width:49%; }
	.portfolioListImg									{ width:49%; }
	
}


@media (max-width:549px)	{
	
	.portfolioList										{ width:99%; }
	.portfolioListImg									{ width:99%; }
		
}