/* ==================================================
   Responsive CSS rules
================================================== */


@media(max-width:1200px){
#main-menu .nav a{
	margin:0px 8px;
}
.language a{
	margin-right:13px;
}
.header-info p{
	padding-top:0px;
}
.negPos img{
	position:relative;
	bottom:-50px;
}

}

@media(max-width:980px){
.negPos img{
	position:relative;
	bottom:-30px;
}

}

@media(max-width:768px){

#responsive-menu .nav li{
	margin-top:10px;
	float:none;
}

.header-info p{
	text-align:left;
	padding-top:10px;
}

#wrapper header {
	padding-bottom:40px;
}

#photos-container .grid-sizer{
	width:25%;
}
	.quovolve-nav .nav-next, .quovolve-nav .nav-prev {
		top:75%;
	}
	.quovolve-nav .nav-prev{
		left:30px;
	}
	.quovolve-nav .nav-next{
		right:30px;
	}
	.nav-numbers{
		right:-35%;
	}

}

@media(max-width:641px){
	#quote_wrap img{
		width:100%;
	}
}


@media(max-width:480px){
}

@media(max-width:420px){
	#inner-red-bar, #logo-red-bar{
		display:none;
	}
	
	.footer-info, .footer-info .tac{
		text-align:left;
	}
	
	.footer-info .flr, .footer-info .fll{
		float:none;
	}
		.quovolve-nav .nav-prev, .quovolve-nav .nav-next{
		top:90%;
	}
	.nav-numbers{
		position: absolute;
		top: 90%;
		left: 35%;
	}

	
}