/* ==========================================================================
   LINX LANDING PAGE: RESPONSIVE STYLES
   ========================================================================== */


@media only screen and (max-width: 1200px){
	
	/*------------------------------------------*/
	/*	 NAV 
	/*------------------------------------------*/

	.navbar-header {
		float: none;
	}

	.navbar-brand {
		display: block;
		width: 100%;
	}

	.navbar-nav.navbar-right {
		float: left !important;
		width: 845px;
		margin-left: -14px;
	}

	.navbar-nav.navbar-right:last-child {
		margin-right: auto;
	}


	/*------------------------------------------*/
	/*	 INTRO 
	/*------------------------------------------*/

	#intro_content {
		padding-top: 280px; 
		padding-bottom: 30px;
	}

	#intro h2 {	
		margin-top: 28px;
		margin-bottom: 5px;
	}

		#intro .small h2 {	
			margin-top: 48px;
			margin-bottom: 10px;
			font-size: 65px;
			line-height: 70px;
		}

	#intro h3 {	
		font-size: 55px;
		line-height: 55px;
	}

		#intro .small h3 {				
			font-size: 40px;
			line-height: 43px;
		}

}


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

	/*------------------------------------------*/
	/*	 HEADER 
	/*------------------------------------------*/

	#header .container {
		padding: 0;
	}

	.navbar-nav.navbar-right {
		width: 730px;
	}

	.navbar-nav > li > a {
		font-size: 13px;
		padding: 0 10px;
	}

	/*------------------------------------------*/
	/*	 Intro 
	/*------------------------------------------*/

	#intro_content {
		padding-bottom: 55px; 
		text-align: center;
	}

	#intro h2 {	
		margin-top: 0;
		margin-bottom: 5px;
	}

		#intro .small h2 {	
			margin-top: 0;
		}

	#intro h3 {	
		font-size: 50px;
		margin-bottom: 20px;
	}

	#intro_image .img-responsive {
		display: block;
		max-width: 70%;
		margin: 0 auto;
		margin-top: 50px;
	}

	/*------------------------------------------*/
	/*	 Logo Image    
	/*------------------------------------------*/

	.header-cta {
		float: none;
		padding: 12px 0;
		text-align: center;
	}

	/*------------------------------------------*/
	/*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

	#accordion-holder img { margin-bottom: 40px;} 


	#footer_copyright .indications {
		margin: 0 0 15px;
	}
	
}


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

	/*------------------------------------------*/
	/*	 HEADER 
	/*------------------------------------------*/

	#header .container {
		padding: 0 15px;
	}

	/*------------------------------------------*/
	/*	 NAV 
	/*------------------------------------------*/

	.navbar-brand {
		float: left;
		width: auto;
	}

	.navbar-nav.navbar-right {
		width: auto;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 0;
	}

	.navbar-nav > li > a {
		line-height: 45px;
	}

	/*------------------------------------------*/
	/*	 Header Phone Banner 
	/*------------------------------------------*/

	.header-phone-banner {
		font-size: 20px;
		line-height: 23px;
	}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 32px;}
	.titlebar h3 {font-size: 22px;}
	.titlebar h2:after { width: 140px;}

	#goals { padding-left: 30px; padding-right: 30px; }
	

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {
		padding-top: 183px;
	}

	#intro h3 {	
		line-height: 50px;
	}

	#intro_image .img-responsive {
		display: block;
		margin: 0 auto;
		margin-top: 50px;
	}


	/*------------------------------------------*/
	/*	 GOALS
	/*------------------------------------------*/ 

	#goals .linx-statement {
		margin: 20px 0 40px;
		font-size: 20px;
		line-height: 28px;
	}



	/*------------------------------------------*/
	/*	 BLOG
	/*------------------------------------------*/ 
	.blog-post-img {
		float: left;
		width: 50%;
		height: auto;
		margin: 0 25px 25px 0;
	}

	
}

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

	#linx-advantage, #goals, #faqs, #footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#linx-advantage {
		padding-bottom: 50px;
	}

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	.intro_text .asterisk {	
		top: -17px;
	}
		
	/*------------------------------------------*/
	/*	Panel Title
	/*------------------------------------------*/

	.panel-title {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	Panel Title Icon
	/*------------------------------------------*/

	.panel-title i {font-size: 24px;}

	/*------------------------------------------*/
	/*	Panel Content 
	/*------------------------------------------*/

	.panel-body {font-size: 14px;line-height: 24px;}
	
	
}


@media (max-width: 480px) {

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 28px; line-height: 34px;}
	.titlebar h3 {font-size: 18px;}
	.titlebar h2:after { width: 100px;}

	#linx-advantage, #goals { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	#intro_content {
		padding-top: 195px;
		padding-bottom: 25px; 
	}

	#intro h2 {	
		font-size: 70px;
		line-height: 70px;
	}

		#intro .small h2 {	
			font-size: 55px;
			line-height: 55px;
		}

	#intro h3 {	
		margin-bottom: 20px;
		font-size: 35px;
		line-height: 40px;
	}

		#intro .small h3 {	
			font-size: 25px;
			line-height: 30px;
		}

	.scroll-for-more {
		margin-top: 20px;
	}

	#intro_image .img-responsive {
		margin-top: 40px;
	}
	.header-phone-banner {
		font-size: 14px;
		line-height: 16px;
	}

	/*------------------------------------------*/
	/*	GOALS
	/*------------------------------------------*/ 

	#goals .linx-statement {
		margin: 10px 0 0;
		font-size: 16px;
		line-height: 25px;
	}


	/*------------------------------------------*/
	/*	 BLOG
	/*------------------------------------------*/ 
	.blog-post-img {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
	}

	/*------------------------------------------*/
	/*	 HOW LINX WORKS
	/*------------------------------------------*/ 

	#how-linx-works {
		padding-bottom: 0;
	}


	/*------------------------------------------*/
	/*	  Feature Icon
	/*------------------------------------------*/

	.icon-box {
	    margin: 0 auto;
	    float: none;
	}
		
		
	#footer_copyright p {line-height: 24px;}

	
}


@media (max-width: 350px) {

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	#intro {
		margin-top: 10px; 
	}

}