/* 
   ------------------------------------------------------
					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 (max-width: 1024px) {

	.intro-parallax {
		background-size: 1216px;
	}

	#intro_01 #intro_form .form_register .form-control {
		height: 40px;
	    margin-bottom: 10px;
	}

    #about-1-text:before {
    	right: -42px;
    }
}


@media only screen and (max-width: 991px){
	
#servico-1 .container,
#servico-2 .container {
padding-top: 30px;
padding-bottom: 40px;
}


	.titlebar h1 { font-size: 28px; }
	.titlebar p {/*font-size: 14px;*/ margin-bottom:0px;}
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	#header { margin-bottom: 40px; }

	.redes-sociais {
		position: absolute;
		float: none;
		top: 50px;
		right: 56px;
		margin-top: 0px;
	}

	.navbar-toggle {
		margin-top: 53px;
	}
	
	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/

	.intro-parallax {background-size:cover;}

	[id^="intro"]{width: 100%;height:auto;min-height: 300px;}
	
	#intro_description, #logo_image, #social_icons { padding: 0;}
	#intro_form {width:100%; padding: 0; height:auto;}
	#intro_description h1 {font-size: 32px;}
	.intro_button {margin-top: 40px;}
	
	/*------------------------------------------*/
	/*	 About Sections
	/*------------------------------------------*/
	
	#about-1 {padding-top: 0px;}
	#about-2 {padding-top: 60px;}

	#about-1-text, #about-1-img {width:100%;}
	#about-1-text:before {display:none;}
	#about-1-img {background-color:#fff;padding:20px 15px 30px;margin-top:0px;}
	#about-1-text {padding-top:40px;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;}
	ul.footer-nav, .footer-nav li a, p#footer_copy{float:none;font-size:16px;}
	#servico-1 {padding-top: 0px;}
	#servico-1-img, #servico-2-img, #servico-3-img {margin-top:40px;}
	#servico-2-text h1, #servico-2-text p {text-align:left;}
	.bt-orcamento {display:block;background: #101c33;font-size:16px;text-align:center;padding:10px 20px;}
	.bt-orcamento a {color:#fff;font-weight:bold;text-transform:uppercase;}
	section#features {padding-top:76px;}
	#features p {font-size:26px;line-height:32px;}
	#logos-fornecedores {text-align: center;}
	#logos-fornecedores img {width:24%;margin: 0px 0px 20px;}
	#clients iframe {margin-top:40px;}
	#rodape {background-position: 0px;}
	#rodape .col-sm-8 p {font-size: 18px;line-height:24px;text-shadow: #fff 2px 2px 7px;}
	.navbar-nav > li {margin: 0px 28px;}
	#intro_01 #intro_form .form_register .form-control {
		height: 24px;
	}
	.form_register textarea {
		min-height: 50px;
	}
	#form_register_btn {
		margin-top: -10px;
	}
	.btn-lg {
		font-size: 14px;
		padding: 7px 16px;
	}
}

@media only screen and (max-width: 991px) and (orientation: portrait) {
	#intro_01 #intro_form {
		margin-top: 12px;
	}
	#intro_form {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
	#intro_form {
		width: 50%;
		margin-top: 98px;
	}
	ul.footer-nav {
		display: inline-block;
		float: left;
	}
	p#footer_copy {
		float: right;
		margin-top: -5px;
	}
}

@media only screen and (device-width: 820px) and (device-height: 1180px) and (orientation: portrait) { 
	#intro_form {
		width: 50%;
		margin-top: 98px;
	}
	ul.footer-nav {
		display: inline-block;
		float: left;
	}
	p#footer_copy {
		float: right;
		margin-top: -5px;
	}
}

@media only screen and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape) { 
	#logos-fornecedores img {
		width: 24%;
    	margin: 0;
	}
}

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

	#intro{background-size: contain; background-position: 0!important;}
}

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

	#intro{
		padding-bottom: 0;
    	background-position: 0!important;
		height: auto!Important;
		padding-top: 50%;
	}

	#intro_description h1{
		margin-top: 30px;
	}

	#servico-3 {
		padding-bottom: 54px;
	}

	#clients .container {
		padding-left: 15px;
	}

	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	
.navbar {min-height:auto !important;}
.navbar-nav { margin: 20px 0; border-top: 1px solid #ddd; background-color: #fff;padding-top: 20px;}	
.navbar-brand {
padding: 20px;
max-width: 300px;
}
.navbar-nav > li { text-align: center;}
.navbar-nav > li > a { line-height: 22px; text-align: center; display: inline-block; text-align: center; margin-bottom:10px;}
.navbar-nav > li > a.selected-nav {background:#fff;}


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

	#intro_form{margin-top: 50px;}

	#intro_01 #intro_form {display: none;}
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	#header { margin-bottom: 0px; }
	#header img {padding: 0; max-width:100%;}

	.redes-sociais img {margin-left:5px;}

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_description  { margin-bottom: 40px; padding: 0 45px;}
	#intro_description h1 {font-size: 32px;}
	.intro_button {margin-top: 20px;}

	.intro-parallax > .boxcontent{display:none;}
	
	.form_register {width: 100%; margin-top: -10px; margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	 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 {margin-top: 20px;}
	#footer_copy p {margin-left: 0;}
	.footer-nav li {padding: 0px 10px;}

	.foo_social a.ico-instagram {margin-left:0px;}
		
	/*------------------------------------------*/
	/*	 Footer Social Icons  
	/*------------------------------------------*/
	
	.footer-socials {float: none;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 50%;}

	.accordion li div, div#question_1 + div img{
		float: none;
	}
	
}



@media (max-width: 480px) {

	#intro{background-size: contain; background-position: 0!important;}

	[id^="intro"] {min-height: 170px;}

	div[id^="question_"] + div img,
	#accordion_holder img {
		width: 100%;
		margin-bottom: 40px;
	}	

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

	#faq {padding-bottom:10px;}

	#clients {padding-top:40px;}
	
	.intro_feature p {font-size: 14px; }	
	.form_register {width: 100%; }
	.parallax{background-attachment: inherit;background-size: cover;}
	
	#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%;}

	.footer-nav li {float:none;margin-bottom:16px;}

	.footer-nav li.foo_social {display:inline-block; padding:0px; margin-top:10px;}

	.footer-nav li:before {display: none;}

}


@media (max-width: 320px) {

	.redes-sociais {right: 44px; margin:0px; top:30px;}

	.navbar-brand{padding: 0;}

	.navbar-toggle{margin: 33px 10px 12px 0}

	.titlebar h1 { font-size: 28px; }
	
	#intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 0px; padding-right: 0px;}
	
	/*------------------------------------------*/
	/*	  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%;}

}