/*------------------------------------------------------------------



[Table of contents]

	1. Min Widget: 1200px
	2. Min Width: 767px / Max Width: 979px
	3. Max Width: 979px
	4. Max Width: 767px
	

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Min Width: 1200px]
*/

@media (min-width: 1200px) {
	
	.navbar .container{ width:1200px;}

}




/*------------------------------------------------------------------
[2. Min Width: 767px / Max Width: 979px]
*/

@media (min-width: 767px) and (max-width: 979px) {
	.navbar .container{ width:100%;}

}




/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {

	/*----------------------------
	[Navbar / .navbar]
	*/
		
	.navbar-fixed-top .navbar-inner {
		padding: 10px;
	}
	
	.navbar .brand {
		top: 0;
	}
	
	.navbar .btn-navbar {
		margin-top: 3px;
	}
	
	.navbar .nav > li > a:hover {
		color: #FFF;
	}
	
	.nav-collapse.in {		
		margin-top: 4em;
	}
	
	
	/*----------------------------
	[Subpage / #subpage-]
	*/
	
	#subheader .container {
		padding: 0;
		
		width: auto;
	}
	
	#subheader .inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
}




/*------------------------------------------------------------------
[4. Max Width: 767px]
*/

@media (max-width: 767px) {
	.topbar .whitebg{ text-align:center;}
	
	/*----------------------------
	[Landing / #landing]
	*/
	
	#landing {
		height: auto;
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#landing .inner {
		padding: 0 20px;
	}
	
	#landing .container {
		padding-top: 15px;
	}
	
	
	/*----------------------------
	[Content]
	*/
		
	#content {
		margin-left: -20px;
		margin-right: -20px;
		
	}
	
	#content .inner {
		padding: 0 20px 20px 20px;
	}
	
	
	/*----------------------------
	[Subheader / #subheader]
	*/
	
	#subheader {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#subheader .inner {
		padding-top: 8px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 8px;
	}
	
	#subheader h1
	, #subheader h2
	, #subheader h3
	, #subheader h4
	, #subheader h5
	, #subheader h6 {
		font-size: 18px;
	}
		
	
	/*----------------------------
	[Footer / #footer]
	*/
	
	#footer {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	#footer .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#footer-terms {
		text-align: left;
	}
	
	.footer-links {
		width: 100%;
	}
	
	
	/*----------------------------
	[Extra / #extra]
	*/
	
	#extra {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	#extra [class*="span"] {
		margin-bottom: 3em;
	}
		
	
	/*----------------------------
	[Screenshots / #screenshots]
	*/
	
	#screenshots {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	#screenshots .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.screenshot {
		margin-bottom: 1.5em;
	}
	.topbar .whitebg{ text-align:center;}

}