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

}


@media only screen and (max-width: 767px){
	
	.container { width: 100%; }

	#intro_description, #intro_form, #logo_image { padding-left: 15px; padding-right: 15px;}
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	#header { margin-bottom: 30px; }
	#header img {padding: 0;width: 150px;
    height: auto;}

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description  { margin-bottom: 30px;}
	#intro_description h1 {font-size: 25px;text-align: center;}
	.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: 22px;}
	.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%;}
	
	#content-wrapper{overflow: hidden;}
	.contact_page #header { margin-bottom: 65px; }
	.menu_icon{position: absolute;
    top: -61px;
    right: 15px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border: 1px solid #fb5a2a;
    color: #fb5a2a;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    z-index: 999;}
    .menu_icon:hover,.menu_icon:focus{border:1px solid #08890a;color: #08890a;}
    .menu_icon.active i.fa:before {content: "\f00d";}
    .menu_right {
    display: none;
    text-align: center;    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 1px 3px 0px #555;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 999;}
    .menu_right.active {display: block;}
    .menu_list{margin-bottom: 15px;}
    #intro {padding-top: 12px;padding-bottom: 20px;background-size: contain;}
    .intro-parallax {background-attachment: scroll !important;}
    .talk_us{flex-direction: column;}
    .talk_us span { padding-right: 0px;}
    .intro_feature p{padding-left: 0px;}
    #about-1 {padding-bottom: 30px; padding-top: 20px;}
    #about-2 {padding-top: 30px;}
    #about-1-img iframe{width: 100%;height: 100%;}
    .titlebar h1 { font-size: 25px;font-weight: normal;}
    .btn-lg, .btn-group-lg > .btn{font-size: 15px;}
    #faq { padding-top: 30px;padding-bottom: 20px;}
    #clients {padding-top: 20px;padding-bottom: 0px;border-top:none;}
    .contact_page .titlebar h3 {font-size: 20px;}
    .contact_page .titlebar p.desc {line-height: 20px;font-size: 15px;min-height: auto; margin-bottom: 8px;}
    .contact_form {position: relative; top: auto;left: auto;margin-bottom: 20px;z-index: 900;}
    .titlebar { margin-bottom: 15px;}
    .titlebar p {font-size: 15px;font-weight: normal;}
    .map {display: flex;flex-direction: column-reverse;}
    .map iframe{height: 300px;}
    #footer {padding: 15px 0 20px;}
    #footer_icons{text-align: center;}
	
}


@media (max-width: 480px) {
    
	.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: 15px; padding-right: 15px;text-align: center;}
	#intro_description h1 {text-align: center;}
	
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}

}