@media only screen and (min-width:1025px) and (max-width:1200px)
{
	#headerWrapper #topNav{padding-right: 60px !important;}
	
}

@media only screen and (min-width:991px) and (max-width:1024px)
{
	
	
	
}

@media only screen and (min-width: 768px) and (max-width: 990px)
{
	
	img.alignleft{ float:none; display:block; margin-right:0; height:auto !important;}
	
}
@media only screen and (max-width: 1024px)
{
	header{height: 79px; text-align: center;}
	#topNav {float:none; clear:both; display:inherit;}
	#cssmenu ul{background:#000000;}
	#cssmenu ul.open li a{color:#ffffff;}
	#cssmenu ul ul{padding:0; background: #666666;}
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{background: #333333; }
	#cssmenu ul ul li{border-bottom:none;}
	#cssmenu #menu-button{position: absolute; top:-65px; left: 0px;}
	#logo{float: none;}

}

@media only screen and (max-width: 767px)
{
	.ctrl-button.info{display: none;}
	footer, .push{height:auto;}
	.page-wrapper {	min-height: 100%;	height: auto !important; height: 100%;	margin: 0 auto auto; }
	
	#indexProjects .project:last-child{padding:15px 15px 100px;}
		img.alignleft{ float:none; display:block; margin-right:0; height:auto !important; }
}

@media only screen and (min-width: 640px) and (max-width: 767px)
{
	
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	
	.next-slide, .prev-slide{width:40px; height:52px; background-size:100%;}
	.title-city{top:20px; width:240px; padding:10px; line-height:24px;}
	.title-city h2{font-size:24px; }

	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	.title-city{top:20px; width:240px; padding:10px; line-height:24px;}
	.title-city h2{font-size:24px; }
	.copyright{text-align: center;}
	
	.next-slide, .prev-slide{width:40px; height:52px; background-size:100%;}
	
	.ctrl-button a{width:24px; height:24px; background-size:100%;}
	#header .controls{margin-top:-12px;}
	
	#cssmenu #menu-button{ top: -48px; }
	#logo{ max-width:58%; margin:13px auto 0;}
	
}