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


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

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

	#intro_description h1 {font-size: 45px; line-height: 45px; margin-top: 10px;}
	#intro_description p { font-size: 18px; line-height: 24px;}
	
	/*------------------------------------------*/
	/*	 Intro Register Form  
	/*------------------------------------------*/

	.form_register form { margin: 0 20px;}
		
	/*------------------------------------------*/
	/*	 Feature Section Basic Styles
	/*------------------------------------------*/
	
	.feature_description h2 {font-size: 26px;}	
	.feature_description p {font-size: 16px; line-height: 24px;} 

	/*------------------------------------------*/
	/*	 Feature One Description
	/*------------------------------------------*/	

	#feature_1_description {margin-top: 70px;}
	
	/*------------------------------------------*/
	/*	 Feature Two Description
	/*------------------------------------------*/	

	#feature_2_description {margin-top: 20px;}
	
	/*------------------------------------------*/
	/*	 Feature Three Description
	/*------------------------------------------*/	

	#feature_3_description {margin-top: 70px;}
	
	/*------------------------------------------*/
	/*	 Testimonial Message Text
	/*------------------------------------------*/

	.testimonials p {font-size: 26px; line-height: 40px;}
	
	/*------------------------------------------*/
	/*	 Feature Four Description
	/*------------------------------------------*/	

	#feature_4_description {margin-top: 130px;}
	
	/*------------------------------------------*/
	/*	  FAQs Question
	/*------------------------------------------*/

	.question h4 {font-size: 16px;}
	.question p {font-size: 16px; line-height: 24px;}
		
	/*------------------------------------------*/
	/*	  Newsletter
	/*------------------------------------------*/
	
	#newsletter p {font-size: 20px; padding: 0 10%;}

/*------------------------------------------*/
/*	  Contador tiempo 
/*------------------------------------------*/ 

#contenedor{
	text-align:center;
	overflow: visible;
	display:block;
	margin-top:20px;
	color:#FC0;
	
}

	/*------------------------------------------*/
	/*	 Video portada
	/*------------------------------------------*/

	.f_video iframe {width:520px; height:292px;}
	
	/*------------------------------------------*/
	/*	 Titulo principal
	/*------------------------------------------*/ 

	
	
	#title_principal h1 {margin-top:-60px;}

	.grand {font-weight:900; font-size:46px; text-align:center; letter-spacing:2px;}
			
}


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

#clients {padding-top: 80px;padding-bottom: 80px;}
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/

	#intro {text-align: center; padding-top: 80px; padding-bottom: 80px;}
	
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/

	#intro_description h1 {font-size: 45px; line-height: 45px; margin-top: 0px;}
	#intro_description h2 { margin-bottom: 15px;}
	#intro_description p { font-size: 18px; line-height: 24px; padding: 0 10%;}
	
	
	/*------------------------------------------*/
	/*	 Intro Header Store Icons
	/*------------------------------------------*/

	#intro_stores { margin-top: 25px; margin-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	 Intro Page Register Form  
	/*------------------------------------------*/
	
	#intro_form , #intro_formA { width: 66.66666667%; margin-left: 16.66666667%;}
	
	/*------------------------------------------*/
	/*	  Features
	/*------------------------------------------*/
	
	.features_title h1 {font-size: 32px;}
	.feature-box-content h4 {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	 Call-To-Action Slogan
	/*------------------------------------------*/  

	#cta_slogan { text-align: center; margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	 Call-To-Action Button
	/*------------------------------------------*/  
	
	#cta_button { text-align: center;}
	#cta_button p {margin-top: 10px; }
	
	/*------------------------------------------*/
	/*	 Feature Section Basic Styles
	/*------------------------------------------*/
	
	.feature_description h2 {font-size: 26px;}	
	.feature_description p {font-size: 16px; line-height: 24px;} 
	
	/*------------------------------------------*/
	/*	 Feature One Description
	/*------------------------------------------*/	

	#feature_1_description {margin-top: 30px;}
	
	/*------------------------------------------*/
	/*	 Feature Two
	/*------------------------------------------*/	
	
	#feature_two .row {	padding-top: 100px; }
	
	/*------------------------------------------*/
	/*	 Feature Two Description
	/*------------------------------------------*/	

	#feature_2_description {margin-top: 0; margin-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	 Feature Three
	/*------------------------------------------*/	
	
	#feature_three .row {padding-bottom: 100px;} 
	#feature_three .feature_image .img-responsive {display: block;}
	
	/*------------------------------------------*/
	/*	 Feature Three Description
	/*------------------------------------------*/	

	#feature_3_description {margin-top: 30px;}
		
	/*------------------------------------------*/
	/*	  Statistic Banner Content
	/*------------------------------------------*/ 

	.statistic-icon {font-size: 60px; line-height: 50px;	}
	.statistic-number {font-size: 60px; line-height: 60px;}
	.statistic-text {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	  Video Banner
	/*------------------------------------------*/ 
	
	#video_title h2, #videoA_title h2 {font-size: 32px;}
	#video_title p, #videoA_title p {font-size: 18px; line-height: 24px; padding: 0 2%;}
		
	/*------------------------------------------*/
	/*	 Testimonial
	/*------------------------------------------*/
	
	.testimonials {margin: 100px 0% 80px;}
	
	/*------------------------------------------*/
	/*	 Testimonial Message Text
	/*------------------------------------------*/

	.testimonials p {font-size: 24px; line-height: 36px;}
	
	/*------------------------------------------*/
	/*	 Feature Four
	/*------------------------------------------*/	

	#feature_four {padding-bottom: 100px;}
	.stores {text-align: center;}
	
	/*------------------------------------------*/
	/*	 Feature Four Description
	/*------------------------------------------*/	

	#feature_4_description {margin-top: 30px;	}
	
	/*------------------------------------------*/
	/*	  FAQs
	/*------------------------------------------*/
	
	#faq h1 {font-size: 32px;}
	.question h4 {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	  FAQs Question
	/*------------------------------------------*/

	.question p {font-size: 16px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  Newsletter
	/*------------------------------------------*/
	
	#newsletter h1 {font-size: 32px;}
	#newsletter p {font-size: 18px; padding: 0 5%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 55%;}
	#newsletter form input[type="submit"] {width: 25%;}	
	
	/*------------------------------------------*/
	/*	 Footer Copy 
	/*------------------------------------------*/  

	#footer_copy p {font-size: 16px;}
/*------------------------------------------*/
/*	  Contador tiempo 
/*------------------------------------------*/ 

#contenedor{
	text-align:center;
	overflow: visible;
	display:block;
	margin-top:20px;
	
	
}
	
	#contenedor h2{
	padding-bottom:30px;
	clear:both;
}


	
	
/*------------------------------------------*/
/*	 Video portada
/*------------------------------------------*/

	.f_video iframe {width:512px; height:288px;}
	
	
	/*------------------------------------------*/
	/*	 Titulo principal
	/*------------------------------------------*/ 

	
	#title_principal h1 {margin-top:-20px;}

	.grand {font-weight:900; font-size:46px; text-align:center; letter-spacing:2px;}


}


@media only screen and (max-width: 767px){
	
	/*------------------------------------------*/
	/*	 Logo Image    
	/*------------------------------------------*/

	.navbar-brand {padding: 10px 45px;}  
	
	.navbar-brand img {width:102px;}
	
	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #ddd; background-color: #f4f4f4;}	
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 50px; text-align: center; text-align: center;}
	
	#features, #feature_one, #feature_two, #feature_three, #video, #videoA, #portfolio, #testimonials-rotator, #feature_four, #faq { padding-left: 45px; padding-right: 45px; }
	#statistic-banner { padding-left: 30px; padding-right: 30px; }
	
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/

	#intro_description h1 {font-size: 40px; line-height: 40px;}
	#intro_description h2 { font-size: 26px; }
	#intro_description p { font-size: 16px; line-height: 22px; padding: 0 10%;}
	
	#intro_description .col-md-7 div {width:480; height:270px;}
	
	/*------------------------------------------*/
	/*	 IntroStore Icons
	/*------------------------------------------*/

	#intro_stores a img {margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	 Testimonial Message Text
	/*------------------------------------------*/

	.testimonials p {font-size: 22px; line-height: 32px;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner Content
	/*------------------------------------------*/ 

	.statistic-icon {font-size: 50px; line-height: 40px;	}
	.statistic-number {font-size: 50px; line-height: 50px;}
	.statistic-text {font-size: 14px;}
	
	/*------------------------------------------*/
	/*	 Footer Copy 
	/*------------------------------------------*/  

	#footer_copy p {font-size: 14px;}
	
	/*------------------------------------------*/
	/*	 Clients Carousel Navigation
	/*------------------------------------------*/

	.customNavigation {right: 30px;}
	
	/*------------------------------------------*/
	/*	 Video portada
	/*------------------------------------------*/

	.f_video iframe {width:512px; height:288px;}
	
	/*------------------------------------------*/
	/*	 Titulo principal
	/*------------------------------------------*/ 

	
	#title_principal{ display:none; overflow:hidden;}	
	
}


@media (max-width: 480px) {

	#stlChanger { display: none; }
	
	#features, #feature_one, #feature_two, #feature_three, #video,  #videoA, #portfoilo, #testimonials-rotator, #feature_four, #faq { padding-left: 15px; padding-right: 15px; }
	#statistic-banner { padding-left: 10px; padding-right: 10px; }
	
	.navbar-brand img {width:102px;}
	
	/*------------------------------------------*/
	/*	 Intro Description 
	/*------------------------------------------*/

	#intro_description h1 {font-size: 38px; line-height: 40px;}
	#intro_description h2 { font-size: 26px; }
	#intro_description p { font-size: 16px; line-height: 22px; padding: 0;}
	#intro_description .col-md-7 div {width:480; height:270px;}

	/*------------------------------------------*/
	/*	 Intro Register Form  
	/*------------------------------------------*/
	
	#intro_form { width: 100%; margin-left: 0%;}
	.form_register form { margin: 0 15px;}
	
	/*------------------------------------------*/
	/*	  Feature List
	/*------------------------------------------*/
	
	.features_title h1 {font-size: 30px;}
	.feature-box-content h4 {font-size: 16px;}
	.feature-box-content p {font-size: 14px; }
	
	/*------------------------------------------*/
	/*	 Call-To-Action
	/*------------------------------------------*/  
	
	#cta_slogan h2 {font-size: 26px; line-height: 32px; padding: 0 8%;}
	#cta_slogan p {font-size: 16px; line-height: 24px; padding: 0 11%;}
		
	/*------------------------------------------*/
	/*	  Statistic Banner Content
	/*------------------------------------------*/ 

	.statistic-block {width: 100%; float: none; margin-bottom: 30px;}
	.statistic-block:last-child { margin-bottom: 0; }
	
	/*------------------------------------------*/
	/*	  Feature List Content
	/*------------------------------------------*/

	.list-item h5 {font-size: 15px;}
		
	/*------------------------------------------*/
	/*	  Video Banner
	/*------------------------------------------*/ 

	#video , #videoA {padding-top: 60px;}
	#video_title h2, #videoA_title h2 {font-size: 30px;}
	#video_title p, #videoA_title p {font-size: 18px; line-height: 22px; padding: 0 2%;}
	
	/*------------------------------------------*/
	/*	  Video Content Settings
	/*------------------------------------------*/ 
	
	.video-block {padding-top: 10px;}
	
/*------------------------------------------*/
/*	 Video portada
/*------------------------------------------*/

	.f_video iframe {width:400px; height:225px;}
	
	/*------------------------------------------*/
	/*	 Portfolio Content Settings
	/*------------------------------------------*/
	
	#portfolio {padding-top: 60px;}
	#portfolio_title h2 {font-size: 30px;}
	
	/*------------------------------------------*/
	/*	 Testimonial Message Text
	/*------------------------------------------*/

	.testimonials p {font-size: 20px; line-height: 30px; padding: 0 2%;}
	
	/*------------------------------------------*/
	/*	 Feature Four Stores Buttons
	/*------------------------------------------*/

	.stores a img {margin-bottom: 8px;}
		
	/*------------------------------------------*/
	/*	  FAQs Question
	/*------------------------------------------*/
	
	#faq h1 {font-size: 30px;}
	.question h4 {font-size: 16px;}
	.question p {font-size: 14px; line-height: 20px;}
	
	/*------------------------------------------*/
	/*	 Our Clients
	/*------------------------------------------*/
	.customNavigation {display: none;}
		
	/*------------------------------------------*/
	/*	  Newsletter
	/*------------------------------------------*/
	
	#newsletter h1 {font-size: 28px; }
	#newsletter p {font-size: 16px; padding: 0 2%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 60%; font-size: 16px;}
	#newsletter form input[type="submit"] {width: 30%; font-size: 16px; margin-left: 5px;}	
	.message {font-size: 16px;}
	
	
	/*------------------------------------------*/
	/*	 Titulo principal
	/*------------------------------------------*/ 

	#title_principal{ display:none; overflow:hidden;}	
	
	/*------------------------------------------*/
/*	  Contador tiempo 
/*------------------------------------------*/ 

#contenedor{
	text-align:center;
	overflow: visible;
	display:block;
	margin-top:20px;
	
	
}

#contador {size:60%;}

#contador span { font-size:90%; }
	
	#contenedor h2{
	padding-bottom:30px;
	clear:both;
}


	
}


@media (max-width: 320px) {
	
	#features, #feature_one, #feature_two, #feature_three, #video, #videoA, #portfolio, #testimonials-rotator, #feature_four, #faq { padding-left: 0px; padding-right: 0px; }
	#statistic-banner { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	 Logo Image    
	/*------------------------------------------*/

	.navbar-brand {padding: 10px 15px;}  
	
	.navbar-brand img {width:102px;}
	
	/*------------------------------------------*/
	/*	 Responsive Menu    
	/*------------------------------------------*/

	.navbar-toggle {margin: 13px 15px 13px 0;}

	/*------------------------------------------*/
	/*	 Intro Register Form  
	/*------------------------------------------*/
	
	.form_register h4 {font-size: 16px; line-height: 24px;}
	#form_register_btn .btn { font-size: 16px; font-weight: 500; padding: 6px 12px;}
	.form_register form { margin: 0 5px;}
	
	/*------------------------------------------*/
	/*	  Feature List
	/*------------------------------------------*/
	
	#features .row {padding-bottom: 50px;}
	.features_title h1 {font-size: 26px;}
	
	/*------------------------------------------*/
	/*	 Call-To-Action
	/*------------------------------------------*/  
	
	#cta_slogan h2 {font-size: 22px; line-height: 30px; padding: 0;}
	#cta_slogan p {font-size: 16px; line-height: 24px; padding: 0;}
	
	/*------------------------------------------*/
	/*	 Feature Section Basic Styles
	/*------------------------------------------*/
	
	.feature_description h2 {font-size: 22px;}	
	.feature_description p {font-size: 14px; line-height: 20px;} 
	
	/*------------------------------------------*/
	/*	 Feature One
	/*------------------------------------------*/
	
	#feature_one .row {padding-top: 80px; padding-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	 Feature Two
	/*------------------------------------------*/
	
	#feature_two .row {padding-top: 80px; padding-bottom: 80px;}
	
	/*------------------------------------------*/
	/*	 Feature Three
	/*------------------------------------------*/
	
	#feature_three .row {padding-top: 80px; padding-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	  Feature List Content
	/*------------------------------------------*/

	.list-item h5 {font-size: 14px; line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  Video Banner
	/*------------------------------------------*/ 

	#video, #videoA {padding-top: 60px;}
	#video_title h2, #videoA_title h2 { font-size: 26px; margin-bottom: 10px;}
	#video_title p , #videoA_title p{font-size: 16px; line-height: 24px; padding: 0;}
	
	
	/*------------------------------------------*/
	/*	 Video portada
	/*------------------------------------------*/

	.f_video iframe {width:300px; height:168px;}
	
	/*------------------------------------------*/
	/*	 Portfolio Content Settings
	/*------------------------------------------*/
	
	#portfolio {padding-top: 60px;}
	#portfolio_title h2 {font-size: 26px; margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	 Testimonial
	/*------------------------------------------*/
	
	.testimonials {margin: 60px 8% 60px; }

	/*------------------------------------------*/
	/*	 Testimonial Message Text
	/*------------------------------------------*/

	.testimonials p {font-size: 16px; line-height: 24px; padding: 0;}
	
	/*------------------------------------------*/
	/*	  FAQs
	/*------------------------------------------*/

	#faq {padding-top: 80px;}
	#last_row {padding-bottom: 60px;}
	#faq h1 {font-size: 26px;}
	
	/*------------------------------------------*/
	/*	  Newsletter
	/*------------------------------------------*/
	
	#newsletter h1 {font-size: 26px; }
	#newsletter p {font-size: 16px; padding: 0;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 55%; font-size: 14px;}
	#newsletter form input[type="submit"] {width: 40%; font-size: 14px; margin-left: 2px;}	
	.message {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	 Footer Copy 
	/*------------------------------------------*/  

	#footer_copy p { line-height: 22px;}
	
	#intro_description .col-md-7 div {width:320; height:180px;}
	
	/*------------------------------------------*/
	/*	 Titulo principal
	/*------------------------------------------*/ 

	#title_principal{ display:none; overflow:hidden;}	
	
	/*------------------------------------------*/
	/*	 Marcos Crossover
	/*------------------------------------------*/ 
	
	#marcos_cross {width:220px; text-align:center;}
	
			
}