/* 

   ------------------------------------------------------

					Responsive Styles

   ------------------------------------------------------

*/





@media (min-width: 992px) {

	

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

	/*	 Header

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

	

	

	.social-icons-phone {font-size: 24px;}	

    #intro_description h2 {
        font-size: 48px;
        padding-top: 64px;
		margin-right: 120px;
    }
	
	.intro_feature {
    margin-right: 60px;
}
	
}


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

	/*	  Intro Section

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

	

	#intro_form {padding-left: 15px;}

	.intro_button {margin-top: 30px; margin-bottom: 30px;}	

	

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

	/*	  Video Content Settings

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



	.video-block {padding-bottom: 28.25%;}

	

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

	/*	 Footer Newsletter Form

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

	

	.subscribe-form {width: 100%;}



}





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



	.titlebar h1 { font-size: 32px; }

	.titlebar p {font-size: 16px; }

	

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

	/*	 Header

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



	#header { margin-bottom: 40px; }	

	.social-icons-phone {font-size: 20px; margin-top:10px;}

	

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

	/*	  Intro Section

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

	

	#intro_description, #logo_image, #social_icons { padding: 0;}

	#intro_form {padding: 0 0 0 25px;}

	#intro_description h1 {font-size: 32px;}

	.intro_button {margin-top: 40px;}	

	

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

	/*	 About Sections

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

	

	#about-1 {padding-bottom: 60px;}

	#about-2 {padding-top: 60px;}

	

	#about-1-text {padding-right: 15px;}

	#about-2-text {padding-left: 15px;}

	

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

	/*	 About-1 Image

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



	#about-1-img img {padding: 30px 10px;}

		

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

	/*	 Video Holder

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

	

	#video_holder {margin-bottom: 40px;}

	

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

	/*	 Call to Action

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

	

	#call-to-action h1 {font-size: 32px; padding: 0;}

	#call-to-action p {font-size: 18px; padding: 0;}

	

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

	/*	 Footer Social Icons  

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

	

	#footer_icons { margin:6px 0; }

	.footer-socials { display: inline-block; float: right;}

	

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

	/*	 Footer Newsletter Form

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

	

	.subscribe-form {margin: 40px auto 5px; width: 55%; float: none !important;}

	#newsletter-paragraph {float: none !important;}



}





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

	

	.container { overflow: hidden;}



	#intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 45px; padding-right: 45px;}

	

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

	/*	 Header

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



	#header { margin-bottom: 10px; }

	.social-icons-phone {font-size: 20px; margin-top:10px;}

	

		#logo_image { text-align:center;}

	#social_icons {text-align:center;}



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

	/*	  Intro Section

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

	

	#intro_description  { margin-bottom: 40px; padding: 0 45px;}

	#intro_description h1 {font-size: 32px;}

	.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 (max-width: 480px) {



	#intro_description, #intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 20px; padding-right: 20px;}

	

	

	#intro {background-image: none; background-color:#424852;}

	

	.intro_feature p {font-size: 14px; }	

	.form_register {width: 100%; }

	

	#logo_image { text-align:center;}

	#social_icons {text-align:center;}

	

	.social-icons-phone {font-size: 15px; margin-top:10px;}

	

	#about-1-img img {padding: 20px 0px;}

	#about-2-img img {margin-top: 0;padding: 0;}

	

	.video-block {padding-bottom: 54.25%;}

	

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

	/*	 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: 15px; padding-right: 15px;text-align: center;}

	#intro_description h1 {text-align: center;}

	#intro {background-image: none; background-color:#ebede0;}

}

	

	

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

	/*	 Footer Newsletter Form

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

	

	.subscribe-form {margin: 25px auto 5px; width: 100%;}



}