@media (min-width:1024px)	{
	
	.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; }
	
}

@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%; margin-bottom:250px; 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; }
	
	.footer												{ padding:10px 5%; width:90%; z-index:11; }
	
	.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%; }
		
}