

/* 

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

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



    #about-1-text:before {

    	right: -42px;

    }



    #intro_form {

    	padding-top: 48px;

    }

}





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



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

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

	

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

	/*	 Header

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



	#header { margin-bottom: 40px; }



	.redes-sociais {

		position: absolute;

		float: none;

		top:7px; 

		right:48px;

		margin-top: 0px;

	}

	

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

	/*	  Intro Section

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

	

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

	#intro_form {padding: 0;}

	#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, #about-1-img {width:100%;}

	#about-1-text:before {display:none;}

	#about-1-img {background-color:#fff;padding:20px 15px 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;}



	ul.footer-nav, p#footer_copy{

		float: none;

	}



	#servico-1 {padding-top: 0px;}



	#servico-1-img {margin-top:40px;}



	#servico-2-text h1, #servico-2-text p {text-align:left;}



}



@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;

	}



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

	/*	 Responsive Menu

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

	

	.navbar {min-height:auto !important;}

	.navbar-nav { margin: 20px 0 0; padding-top: 10px; border-top: 1px solid #ddd; background-color: #fff;}	

	.navbar-brand {width:calc(70% - 50px); padding: 0px 0 0 10px; margin:10px; z-index:50; }

	.navbar-nav > li { text-align: center; margin: 0px; }

	.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{margin-top: 50px;}

	

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

	/*	 Header

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



	#header { margin-bottom: 0px; }

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



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



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

	/*	  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%; 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 p {margin-left: 0;}

	.footer-nav li {padding: 5px 10px 5px;}

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

	.foo_social .ico-twitter {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: 800px) {

	.navbar-collapse {

		margin-top: 0px;

	}

	.navbar-toggle{

		margin-right: 15px;

	}

	#about-1-text {

		padding-top: 0px;

	}

	#faq {

		padding-left: 15px;

	    padding-right: 15px;

	}

	.accordion {

		margin-bottom: 20px;

	}

	.accordion li div {

		padding: 10px 0px;

	}

	.question {

		width: 100%;

	}

	.question p, #about-1-text p {

		text-align: left !important;

	}

	div[id^="question_"] + div {

		margin-bottom: 0px;

	}

	#clients .container {

		padding-left: 15px;

	}

	#clients-titlebar .col-sm-6 {

		padding-left: 0px;

		padding-right: 0px;

	}

	p#footer_copy {

		margin-top: 20px;

	}

}





@media (max-width: 480px) {



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



	div[id^="question_"] + div img,

	#accordion_holder img {

		width: 100%;

		margin-bottom: 40px;

	}	

	#clients {padding-top:0px; padding-bottom:0px;}

	

	.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;}



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

	.footer-nav li.foo_social {margin-top:10px;}



}





@media (max-width: 320px) {



	.redes-sociais {top:7px; right:48px; z-index:9999;}



	.navbar-brand{padding: 0;}



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

	

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

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



}