/* ===========================================================
 * Filename: responsive.css
 * Version: 0.1
 * Project:	~
 * Author: web360
 * =========================================================== */

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

	body { padding-top: 0; margin-top: -10px;}
	.container { width: calc(100% - 40px); padding: 0 20px;}
	.container80 { width: 100%;}
	#languages {position: absolute; top: 100px; right: 0; left: 0; }
	.span1 ,.span12, .span13, .span23, .span24, .span34, .span15, .span25, .span35, .span45 { float: none; padding-right: 0; width: 100%; height: auto; }
	.span14 { width: 49%; margin-bottom: 50px;}
	.span14:nth-child(2n+2) { padding-right: 0;}
	header .header-wrapper { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 60px; padding: 20px 0 30px 0; }
	header .header-wrapper #logo { float: left; margin-left: 10px;}
	header .header-wrapper #logo a img { width: 200px;}
	header .header-wrapper nav .menu-icon { display: block; position: absolute; top: 30px; right: 10px;}
	header .header-wrapper nav .menu-icon i { font-size: 4em; color: #fff;}
	header .header-wrapper nav { width: 100%; background-color: #F0FF3A; margin-top: 15px; position: static; top: 110px; left: 0; padding: 0; z-index: 9999999;}
	header .header-wrapper nav ul { display: none; padding: 10px 0;}
	header .header-wrapper nav ul li { display: block; border: 0; text-align: center; margin-right: 0;}
	header .header-wrapper nav ul li a {border: 0;}
	.activities .activitiesList li div { width: 100%;}
	footer { text-align: center;}
	#footer-image { min-height: 200px; background: url('../images/elements/footer-bg.png') no-repeat; background-size: cover; }
	.sidebar { text-align: center;}

	.contactUs { position: absolute; top: 150px; left: 0; }
	.contactUs .contactForm { width: calc(80% - 60px); padding: 30px; background-color: #000; float: left; }
	.controlsNews { display: none; }

	.leftBg { display: none;}
	.rightBg { display: none;}

	.caption { display: none; }

	.topGradient { display: none; }

	.arrowBounce { cursor: pointer; display: block; position: fixed; width: auto; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 5em; color: #fff;}

	.vehicles { padding: 150px 0 100px 0;}

	.vehicles .title h2 { position: absolute; top: 60px; left: 0; z-index: 1; width: 100%; text-align: center; color: #fff; font-size: 5em; text-shadow: 2px 3px rgba(0,0,0,0.3);}



}

@media screen and (max-width: 460px){
	
	.span14 { float: none; padding-right: 0; width: 100%; height: auto; }
	
}