/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/


@media (min-width: 992px) and (max-width: 1199px) {

	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/
	
	#intro_description p { padding: 0 12%;}

	/*------------------------------------------*/
	/*	  Features Box
	/*------------------------------------------*/

	.feature-box { margin-top: 35px; }
	
	/*------------------------------------------*/
	/*	  More Feature Box
	/*------------------------------------------*/

	.more_feature_box { margin-top: 30px; }
	
	/*------------------------------------------*/
	/*	 Content Slider
	/*------------------------------------------*/

	.content_slider h2 { font-size: 28px; margin-top: 0; margin-bottom: 10px;}	
	.content_slider img { margin-top: 30px;}
		
	/*------------------------------------------*/
	/*	  Video
	/*------------------------------------------*/ 
	
	#video .titlebar {margin-bottom: 40px;}
	#video_content {margin-bottom: 60px;}
	#video_content h2 {text-align: center;padding: 0 8%;}
	#video_content p { padding: 0 10%;}
	.stores {text-align: center;}
	#video_holder {margin-left: 80px; margin-right: 80px;}
	
	
}


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

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

	#intro_description p { padding: 0 2%;}
	
	/*------------------------------------------*/
	/*	  Features
	/*------------------------------------------*/

	#features .titlebar {margin-bottom: 10px;}
	#features_left_content, #features_right_content { text-align: center; padding: 0 15%; }
	.feature-box { margin-top: 30px; }
	#features_image img { margin-top: 60px; }
	
	/*------------------------------------------*/
	/*	 Call-To-Action 
	/*------------------------------------------*/  

	#cta_slogan, #cta_button { text-align: center;}
	#cta_button a { margin-top: 20px; }
	
	/*------------------------------------------*/
	/*	 More Features Description
	/*------------------------------------------*/

	#more_features_description h2 { text-align: center; margin-top: 0; }
	#more_features_description p { text-align: center; padding: 0 10%;}
	#more_features_description .more_feature_box p { text-align: left; padding: 0;}
	#more_features_description .row {margin-left: 40px; margin-right: 40px;}
	#more_features img {margin-top: 60px;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner Content
	/*------------------------------------------*/ 

	.statistic-number {font-size: 55px; line-height: 55px;}
	.statistic-text {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	 Content Slider
	/*------------------------------------------*/

	.content_slider { text-align: center; }
	.content_slider h2 { padding: 0 10%; margin-top: 0; }
	.content_slider p { padding: 0 10%; }
	.slide_2 img { margin-top: 30px;}
	.slide_1 img, .slide_3 img { margin-bottom: 20px;}	
	
	/*------------------------------------------*/
	/*	 Black promo Line
	/*------------------------------------------*/
	
	#black_promo_line h3 { line-height: 32px;}
	
	/*------------------------------------------*/
	/*	  Video
	/*------------------------------------------*/ 
	
	#video .titlebar {margin-bottom: 40px;}
	#video_content {margin-bottom: 60px;}
	#video_content h2 {text-align: center; padding: 0 8%;}
	#video_content p { padding: 0 8%; text-align: center; }
	.stores {text-align: center;}
	#video_holder {margin-left: 40px; margin-right: 40px;}
	
	/*------------------------------------------*/
	/*	 Testimonial
	/*------------------------------------------*/	
	
	.testimonials {margin: 60px 0% 50px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 100%;}
	#newsletter form input[type="submit"] {width: 25%;}	
	
	
}


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

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

	.navbar-brand {padding: 17px 30px;}  
	
	/*------------------------------------------*/
	/*	 Navigation Menu    
	/*------------------------------------------*/

	.navbar { background-color: #222; padding: 0px;  }
	
	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #444; background-color: #222;}	
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 45px; text-align: center;}
	
	/*------------------------------------------*/
	/*	 Intro Basic Settings
	/*------------------------------------------*/
	
	#intro_description h1 { font-size: 55px; line-height: 55px; }
	#intro_description h3 { font-size: 22px;}
	#intro_description p { padding: 0 4%;}

	/*------------------------------------------*/
	/*	 More Features Description
	/*------------------------------------------*/

	#more_features_description p { padding: 0 4%;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner Content
	/*------------------------------------------*/ 

	.statistic-number {font-size: 40px; line-height: 40px;}
	.statistic-text {font-size: 14px;}
	
	/*------------------------------------------*/
	/*	 Content Slider
	/*------------------------------------------*/

	.content_slider h2 { padding: 0 4%; margin-top: 0; }
	.content_slider p { padding: 0 4%; }
	
	/*------------------------------------------*/
	/*	  Video
	/*------------------------------------------*/ 
	
	#video_content h2 { padding: 0 4%;}
	#video_content p { padding: 0 4%;  }
	#video_holder {margin-left: 20px; margin-right: 20px;}
	
	/*------------------------------------------*/
	/*	 Testimonial
	/*------------------------------------------*/

	.testimonials p {font-size: 16px;line-height: 26px;}
	
	/*------------------------------------------*/
	/*	 FAQs
	/*------------------------------------------*/
	
	#faq { padding-left: 30px; padding-right: 30px; }
	
	
}


@media (max-width: 480px) {

	#stlChanger { display: none;}
	
	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 { font-size: 34px; line-height: 34px; }
	.titlebar p { padding: 0 2%; }
	
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/
	
	.intro_slider {height: 600px;}
	#intro_description h1 { font-size: 38px; line-height: 38px; padding-top: 200px; }
	#intro_description h3 { font-size: 18px;}
	#intro_description p { font-size: 15px; line-height: 22px; padding: 0 2%;}
	
	/*------------------------------------------*/
	/*	  Features
	/*------------------------------------------*/

	#features_left_content, #features_right_content { text-align: center; padding: 0 7%; }

	/*------------------------------------------*/
	/*	 Call-To-Action Slogan
	/*------------------------------------------*/  

	#cta_slogan h2 {font-size: 24px; line-height: 32px;}
	#cta_slogan p {	font-size: 14px;line-height: 22px; padding: 0 12%;}
	
	/*------------------------------------------*/
	/*	 More Features Description
	/*------------------------------------------*/

	#more_features_description h2 {font-size: 24px; line-height: 32px;}
	#more_features_description p { padding: 0;}
	.more_feature_box {width: 100%; float: none; margin: 40px 30px 0;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/ 

	#statistic_banner {padding-top: 30px; }
	.statistic-block {width: 100%; float: none; margin-top: 30px;}
	.statistic-number {margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	 Content Slider
	/*------------------------------------------*/

	.content_slider h2 {font-size: 24px; line-height: 32px; padding: 0;}
	.content_slider p { padding: 0; }
	
	/*------------------------------------------*/
	/*	 Promo Banner 
	/*------------------------------------------*/
	
	#promo_banner h2 {font-size: 30px; line-height: 30px;}
	#promo_banner h3 {font-size: 17px;}
	
	/*------------------------------------------*/
	/*	 Black Promo Line
	/*------------------------------------------*/
	
	#black_promo_line h3 {font-size: 20px; line-height: 30px;}
	
	/*------------------------------------------*/
	/*	  Video
	/*------------------------------------------*/ 
	
	#video_content h2 {font-size: 24px; line-height: 32px; padding: 0;}
	#video_content p { padding: 0;  }
	#video_holder {margin-left: 10px; margin-right: 10px;}
	.stores a img { margin-bottom: 10px;}
		
	/*------------------------------------------*/
	/*	 FAQs
	/*------------------------------------------*/
	
	#faq { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	  Newsletter
	/*------------------------------------------*/
	
	#newsletter h1 {font-size: 28px; }
	#newsletter p {font-size: 16px; padding: 0 5%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 100%; font-size: 16px;}
	#newsletter form input[type="submit"] {width: 30%; font-size: 16px; margin-left: 5px;}	
	.message {font-size: 14px;}
	
	
}


@media (max-width: 320px) {

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

	.titlebar h2 { font-size: 30px; line-height: 34px; }
	.titlebar p { font-size: 14px; line-height: 20px; padding: 0 5%; }
	
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/

	.intro_slider {height: 480px;}
	#intro_description h1 { font-size: 26px; line-height: 26px; padding-top: 100px; }
	#intro_description h3 { font-size: 18px; } 
	#intro_description p { padding: 0; }
	
	/*------------------------------------------*/
	/*	 Intro Buttons
	/*------------------------------------------*/

	.intro_buttons .btn-theme {font-size: 14px;padding: 6px 12px;}
	
	/*------------------------------------------*/
	/*	  Features
	/*------------------------------------------*/

	#features_left_content, #features_right_content { text-align: center; padding: 0 2%; }
	
	/*------------------------------------------*/
	/*	 More Features Description
	/*------------------------------------------*/

	#more_features_description p { padding: 0;}
	#more_features_description .row {margin-left: 5px; margin-right: 5px;}
	.more_feature_box {margin: 40px 0 0;}
	
	/*------------------------------------------*/
	/*	 Promo Banner 
	/*------------------------------------------*/
	
	#promo_banner { padding-top: 30px; }
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 100%; font-size: 14px;}
	#newsletter form input[type="submit"] {width: 40%; font-size: 14px; margin-left: 2px;}	
	.message {font-size: 16px;}

	
}