/* 
   ------------------------------------------------------
					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){

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

	#header { margin-bottom: 40px; }
	
	/*------------------------------------------*/
	/*	  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: 30px;}
	#about-2 {padding-top: 30px;}
	
	#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;}

}


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

	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #ddd; background-color: #f6f6f6;}	
	.navbar-brand { padding: 15px 15px 10px 30px;}
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 44px; text-align: center; display: inline-block; text-align: center;}
	
	.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: 50px; }
	#header img {padding: 0 15px 0 0;}

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description  { margin-bottom: 40px; padding: 0 45px;}
	#intro_description h1 {font-size: 32px;color: #fff;}
	.intro_button {margin-top: 20px;}
	.about-section-title{margin-top: 25px;}
	.form_register {width: 60%; }
    .lead{
        font-size: 20px;}
	/*------------------------------------------*/
	/*	 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%;}
	#ntk .row{
		flex-direction: column;
	}
	#ntk .video-block{
		height: 350px;
	}
	#images{
		margin-top: 25px;
	}
	
}


@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_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%;}
	.tz-section{
		padding-top: 0;
		padding-bottom: 0;
	}



}


@media (max-width: 320px) {

	.titlebar h1 { font-size: 28px;
		color: #3A839D;
	}
	
	#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;}
	
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}

}
@media screen and (max-width: 640px){
	.intro-parallax{
		background-attachment: scroll !important;
	}
	#content-wrapper{overflow: hidden;}
	#intro{
		padding: 20px;
		position: relative;
		height: 550px;
		display: flex;
		align-items: flex-end;
	}
	#header {
		background-color: rgba(255, 255, 255, 0.8);
	}
	#intro .container #main-header-wrap{
		min-height: 1px;
	}
	.navbar-toggle{
		margin: 0 auto;
		border-radius: 0;
		border-color: var(--secondary-color);
	}
	.navbar-toggle .icon-bar{
		background-color: var(--secondary-color);
	}

	.container > .navbar-header{
		width: 100%;
	}
	#intro_description h1{
		text-align: center;
		font-size: 25px;
		position: relative;
		padding-top: .5em;
		top: 20px;
	}
	#navigation-menu{
		margin-top: 30px;
		width: 100%;
	}
	.navbar-nav{
		display: flex;
		flex-direction: column;
		background: transparent;
		width: 100%;
	}
	.navbar-nav li{
		text-align: right	;
	}
	form{
		flex-direction: column;
		margin: 25px auto;
	}
	.cta-form-wrap{
		margin: 25px auto;
	}
	.model-row {
		padding: 0;
	}
	#wwl ul{
		padding-right: 15px;
	}
	#tz-model-1 > .vid-side-list {

		padding: 1em;
	}
	.intro-parallax .container{
		overflow: visible;
	}

	#about-main-text h2{
		font-size: 25px;
		text-align: left;
		line-height: 1.2;
	}
	#about-main-text p{
		font-size: 22px;
		text-align: justify;
	}
	#about-4{
		margin-top: 25px;
	}
	.header-optin {
		padding-top: 2rem;
	}
	.header-optin .lead{
		margin-bottom: 0;
	}
	#optin{
		padding: 3em .5em;
	}
	#footer .text-center{
		margin: 0 auto;
	}

}