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

@media screen and (max-width: 1370px){
	.container80 { width: 100%; }
}

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

	body { padding-top: 0; margin-top: -10px;}
	.container { width: calc(100% - 40px); padding: 0 20px;}
	.container80 { width: 100%;}
	
	.span1 ,.span12, .span13, .span23, .span14, .span24, .span34, .span15, .span25, .span35, .span45 { float: none; padding-right: 0; width: 100%; height: auto; }

	header .header-wrapper { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 60px; padding: 20px 0 30px 0; background: url('../images/elements/header-bg.png') no-repeat; background-size: cover; }
	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: #01A54F; margin-top: 15px; width: 100%; position: static; top: 110px; left: 0; width: 100%;}
	header .header-wrapper nav ul { display: none; padding-top: 10px;}
	header .header-wrapper nav ul li { display: block; border: 0;}
	header .header-wrapper nav ul > li { padding: 0 0 10px 0; margin: 0;}
	header .header-wrapper nav ul > li > a { margin-bottom: 5px;}
	header .header-wrapper nav ul li img { display: none;}
	header .header-wrapper nav ul > li span { margin-top: 5px; margin-bottom: 10px; font-weight: bold;}
	header .header-wrapper nav ul li .activities { position: static; visibility: visible; opacity: 1; height: auto; background-color: #046833;}
	header .header-wrapper nav ul li .activities .activitiesHeading { display: none;}
	header .header-wrapper nav ul li .activities .activitiesList { display: block !important; background-color: none; text-align: center; padding: 10px 0 5px 0;}
	header .header-wrapper nav ul > li:hover .activities { background-color: #046833;}
	header .header-wrapper nav ul li .activities .activitiesList li { display: block; text-align: center; float: none;}
	header .header-wrapper nav ul li .activities .activitiesList li span { margin: 5px 0 0 0; font-weight: normal;}
	header .header-wrapper nav ul li .activities .activitiesList li img { display: none;}
	.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;}

}