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


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

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_form {padding-left: 15px;}
	.intro_button {margin-top: 30px;}
	
	/*------------------------------------------*/
	/*	  Video Content Settings
	/*------------------------------------------*/ 

	.video-block {padding-bottom: 68.25%;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {width: 100%;}

}


@media only screen and (max-width: 991px){
	html, body { height: 100%; }
	h1, h2, h3, h4, h5, h6 { font-size: 2rem; }
	.titlebar h1 { font-size: 32px; }
	.titlebar p {font-size: 16px; }
	.logo { margin: -31px auto 0; }
	#intro_description, #logo_image, #social_icons { padding: 0;}
	#intro_form {padding: 0 0 0 25px;}
	.intro_button {margin-top: 40px;}
	.form_register .form-control { background-color:#ffffff; height: 32px !important; min-height: 32px !important; }
	.form_register span { font-size: 1.5rem; font-weight: bold; text-transform: none; margin-bottom: 4px; display: block; }
	#intro_form { min-height: auto; height: auto; position: absolute; padding: 0; width: 100%; bottom: 0; }
	.supImg { height: 150px; min-height: 150px; }
	#intro_description img { width: 50%; margin: 0 auto 0; }
	.infImg { height: auto; text-align: center; margin: 0; padding-top: 0; min-height: 200px; background-color: #870f54; border-top-left-radius: 0; border-top-right-radius: 0; }
	#logo_image {width: 100%; text-align: center; margin-bottom: 10px; float: none !important;}
	#logo_image img { padding: 0;}
	#social_icons {width: 100%; text-align: center; float: none !important;}
	.container { overflow: hidden;}
	#intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 45px; padding-right: 45px;}
	#header { margin-bottom: 0; }
	#header img {padding: 0 15px 0 0;}
	#header img { width: 60%; }
	.social-icons li { line-height: 30px; }

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description  { background-image: url(../img/fondoM.jpg); background-position: top center; background-size: contain; width: 100%; margin-bottom: 40px; padding: 0 45px;}
	#intro_description h1 {font-size: 2em;}
	.intro_button {margin-top: 20px;}
	
	.form_register {width: 100%; }
	
	/*------------------------------------------*/
	/*	 Features
	/*------------------------------------------*/
	
	.feature-box {margin-bottom: 30px;}
	
	/*------------------------------------------*/
	/*	 Call to Action
	/*------------------------------------------*/
	
	#call-to-action p {padding: 0 4%;}
	
	/*------------------------------------------*/
	/*	 Footer
	/*------------------------------------------*/
	
	#footer_nav { text-align: center; margin-bottom: 30px;}
	.footer-nav {display: inline-block; margin: 0 auto;}
	#footer_copy p {margin-left: 0;}
	.footer-nav li {padding: 5px 10px 5px;}
		
	/*------------------------------------------*/
	/*	 Footer Social Icons  
	/*------------------------------------------*/
	
	.footer-socials {float: none;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 50%;}
	
}

@media only screen and (max-width: 673px){
	#intro_description h1 { font-size: 1.5em; }
}
@media only screen and (max-width: 533px){
	#intro_description h1 { width: 100%; }
	#intro_description { padding: 0 5%; }
	.form_register span { font-size: 1.3rem; font-weight: normal; }
}

@media (max-width: 480px) {

	#intro_description, #intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 0; padding-right: 0;}
	#intro_form { margin: 0 auto; padding: 0 10px; }
	.intro_feature p {font-size: 14px; }	
	.form_register {width: 100%; }
	
	#about-1-img img {padding: 0;}
	#about-2-img img {margin-top: 0;padding: 0;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 70%;}

}


@media (max-width: 320px) {

	.titlebar h1 { font-size: 28px; }
	
	#intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 5px; padding-right: 5px;}
	
	/*------------------------------------------*/
	/*	  Header
	/*------------------------------------------*/
	
	#logo_image {width: 100%; text-align: center; margin-bottom: 15px; float: none !important;}
	#logo_image img { padding: 0;}
	#social_icons {width: 100%; text-align: center; float: none !important;}
	
	.customNavigation {display: none;}
	
	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description { padding-left: 0; padding-right: 0;text-align: center;}
	#intro_description h1 {text-align: center;}
	
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}

}