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


@media (min-width: 1200px)  {
	#header .container, #hero .container {width: 100%; max-width: 100%;}
	/*#hero .container {max-width: 1600px;}*/
}


@media only screen and (max-width: 1200px){
	.forecast {
		padding-right: 140px !important;
		padding-top: 35px !important;
	}
	
.hero_image { 
	margin: 20% 0px 3%;
}

.btn-right {
	display: none;
}

}


@media only screen and (max-width: 1180px){
	
.btn-left, .btn-right {float: none; width: 100%; text-align: left;}

.btn-margin {margin: 0px 0px 20px 0px;}

}



@media (min-width: 992px) {

	/*------------------------------------------*/
	/*	  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%;}

	#intro_description_mobile {display: none;}
	#intro_description_mobile_pan {display: none;}
	#blogos {width: 75%; height: auto;}

}


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

	.titlebar h2 { font-size: 32px; }
	.titlebar p {font-size: 16px; }
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	#header {}
	
	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description, #logo_image, #social_icons { padding: 15px;}
	#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: 0 60px;}
		
	/*------------------------------------------*/
	/*	 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;}

	#intro_description_mobile {display: none;}
	#intro_description_mobile_pan {display: none;}
	#blogos {width: 75%; height: auto;}
	
	/*------------------------------------------*/
	/*	 Other
	/*------------------------------------------*/
	
	.feature-box {width: 100% !important; float: none !important; min-height: inherit !important; margin: 20px 0px !important;}
	#faq {background-size: inherit; background-position: center bottom;}
	
	#question_1 {padding-left: 20px;}
	.hero_image {margin: 50px 0px 20px;}
	#social_proof .col-md-2 {width: 20% !important; float: left !important;}
	#social_proof img {padding: 20px 10px !important;}
	#hero h1 {font-size: 42px; line-height: .9em !important;}
	#hero h2 {font-size: 30px;}
	.forecast {
		padding-right: 80px !important;
		padding-top: 30px !important;
	}
	
	.forecast h2 {
		font-size: 45px !important;
	}
	#features_2 img {
		width: 100% !important;
		margin-bottom: 0px !important;
		margin-top: 50px;
		max-width: 300px;
	}
	.align-center-mobile {
		text-align: center !important;
	}
	
	#features_2 #question_1, #features_2 #question_2, #features_2 #question_3, #features_2 #question_4 {
		text-align: center;
	}

}

@media (min-width: 768px) {
#hero .container {
	width: inherit !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: 15px; padding-right: 15px;}

	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	#header { margin-bottom: 20px; }
	#header img {padding: 0 15px 0 0;}

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description  { margin-bottom: 40px; padding: 0 45px;}
	#intro_description h1 {font-size: 32px;}
	.intro_button {margin-top: 20px;}
	
	.form_register {width: 60%; }
	
	/*------------------------------------------*/
	/*	 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%;}

	#intro_description {display: none;}

	#intro_description_mobile {display: block;}
	#intro_description_mobile_pan {display: block;}
	#intro_description_mobile_pan {background: rgba(255, 255, 255, 0.5);}
	#blogos {width: 88%; height: auto; margin-bottom: 5px;}
	#logo_image{margin-left: auto; margin-right: auto; float: none; text-align: center; padding: 3px !important;}
	#header { margin-bottom: 0;}
	#logo {width:80%; height: auto; max-width: 355px !important;}
	/*#intro {padding-top:5px; background-image: none; background: #DBDBD6;}*/
	#intro {background-image: none;}
	
	/*------------------------------------------*/
	/*	 Toggle Slider
	/*------------------------------------------*/
	
	.toggle {margin: 50px auto 0px !important;}
	#menu1, #menu2 {margin-top: 0px !important;}
	
	/*------------------------------------------*/
	/*	 Other
	/*------------------------------------------*/
	
	.social-proof {display:none;}
	.btn-margin {margin: 0px 0px 20px 0px;}
	.btn-left, .btn-right {float: none; width: 100%; text-align: center;}
	.floatright, .floatleft {width: 100%; text-align: center}
	#subheader {padding-bottom: 10px}
	#subheader h1 {font-size: 35px}
	.featured {float: none !important; width: 100% !important;}
	.logo_center {text-align: center;}
	#features {padding-top:45px}
	.hero_content {text-align: center; padding: 5% 10px 10px;}
	.hero_image {margin: -15px 0px;}
	#pricing_area a.rm-link {background-color: #a93544; color: #fff !important;}
	#social_proof .col-md-2 {width: 25% !important; float: left !important;}
	#social_proof img {padding: 20px 2px !important;}
	#call-to-action {
		background-size: cover;
		background-color: #323e4a;
}
	.forecast {
		padding-top: 50px !important;
		padding-left: 290px !important;
		text-align: left !important;
	}

}


@media (max-width: 480px) {

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

	#intro_description_mobile {display: block;}
	#intro_description_mobile_pan {display: block;}
	#intro_description_mobile_pan {background: rgba(255, 255, 255, 0.5);}

	.intro_feature p {font-size: 14px; }	
	.form_register {width: 90%; }
	
	#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%;}
	#logo_image{margin-left: auto; margin-right: auto; float: none; text-align: center; padding: 3px !important;}
	#blogos {width: 88%; height: auto; margin-bottom: 5px;}
	#header { margin-bottom: 0;}
	#logo {width:85%; height: auto;}
	/*#intro {padding-top:5px; background-image: none; background: #DBDBD6;}*/
	#intro {background-image: none;}
	
	/*------------------------------------------*/
	/*	 Other
	/*------------------------------------------*/
	
	#subheader h1 {font-size: 24px;}	
	#subheader h1, #call-to-action h1, #call-to-action p {font-weight: 300;}
	.feature-box-icon img {width: 40%;}
	#call-to-action {background-color: #3b4752; background-image: none;}
	.forecast {
		min-height: 220px !important;
		margin-top: 20px !important;
		width: 100% !important;
		padding-top: 20px !important;
		padding-left: 200px !important;
	}

	
}


@media (max-width: 320px) {

	.titlebar h2 { 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 {display: none;}
	

	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}

	#intro_description_mobile {display: block;}
	#intro_description_mobile_pan {display: block;}
	#intro_description_mobile_pan {background: rgba(255, 255, 255, 0.5);}
	#logo_image{margin-left: auto; margin-right: auto; float: none; text-align: center; padding: 3px !important;}
	#blogos {width: 88%; height: auto; margin-bottom: 5px;}
	#header { margin-bottom: 0;}
	#logo {width:40%; height: auto;}
	/*#intro {padding-top:5px; background-image: none; background: #DBDBD6;}*/
	#intro {background-image: none;}


}

@media (max-width: 260px) {

	.titlebar h2 { 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 {display: none;}
	

	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}

	#intro_description_mobile {display: block;}
	#intro_description_mobile_pan {display: block;}
	#intro_description_mobile_pan {background: rgba(255, 255, 255, 0.5);}
	#logo_image{margin-left: auto; margin-right: auto; float: none; text-align: center; padding: 3px !important;}
	#blogos {width: 88%; height: auto; margin-bottom: 5px;}
	#header { margin-bottom: 0;}
	#logo {width:40%; height: auto;}
	#intro {background-image: none;}


}