/* ----------------------- Responsivo ----------------------- */

@media (max-width: 1280px) {
	section.solucoes {
		background-position: 150%;
	}	
}

@media (max-width: 1024px) {
	header nav > a {
		font-size: 18px;
		top: 15px;
	}
	header nav ul {
		margin-top: 18px;
	}
	header nav ul li {
		margin-right: 20px;
	}
	header nav ul li a {
		font-size: 22px;
	}
	section.banner h1 {
		font-size: 36px;
	}
	section.banner h2 {
		font-size: 30px;
	}
	section.banner h3 {
		font-size: 24px;
	}
	section.banner form p {
		line-height: 32px;
	}
	section.banner form button {
		font-size: 26px;
	}
	section.banner h3 {
		margin-bottom: 25px;
	}
	section.servicos h3, section.servicos h4, section.solucoes h3, section.atendimento h3, section.faq h3 {
		font-size: 32px;
	}
	section.solucoes h5 {
		font-size: 28px;
	}
	section.servicos p {
		font-size: 18px;
	}
	section.solucoes a {
		font-size: 26px;
	}
	section.banner form {
		margin-top: 0;
	}
	section.banner {
		padding-top: 40px;
	}
	section.solucoes {
		padding-bottom: 80px;
		overflow: hidden;
	}
	section.solucoes img {
	    position: relative;
	    top: 130px;
	}	
	section.servicos ul.nav li a {
	    font-size: 14px;
	    padding: 8px 6px;	
	}
	section.servicos ul.galeria li {
		height: 275px;
	}
	section.servicos ul.galeria li img {
		display: none;
	}
	section.banner .barra a {
		padding: 5px 35px 8px;
	}
	section.atendimento [class^=col] > img {
		width: 300px;
	}
	section.solucoes {
		background-image: none;
	}
	section.solucoes .col-md-7 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}

@media (max-width: 768px) {
	header {
		height: inherit;
	}
	header nav ul {
	    display: inline-block;
	    margin-top: 30px;
	    text-align: center;
	    width: 100%;
	}	
	header nav > a {
		right: 15px;
		top: 15px;
	}
	section.banner ul li {
		font-size: 14px;
	}
	section.banner h3 {
	    margin-bottom: 8px;
	}	
	header nav ul li a {
	    font-size: 25px;
	    font-weight: 600;
	}	
	section.banner h1 {
	    font-size: 34px;
	}	
	section.banner h2 {
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	section.banner h3 {
	    font-size: 27px;
	}	
	section.banner form {
		padding: 30px;
	}
	section.banner form p {
	    font-size: 22px;
	}	
	section.banner .barra p {
		font-size: 24px;
		line-height: 40px;
	}
	section.banner .barra p strong {
		font-size: 41px;
	}
	section.banner form {
		left: 25px;
	}
	section.banner form input {
		padding: 10px 25px;
		margin-bottom: 10px;
	}
	section.banner form button {
	    font-size: 20px;
	}	
	section.solucoes a {
	    font-size: 18px;
	}	
	section.servicos img {
		width: 185px;
		margin-bottom: 0;
	}
	section.chamada h3 {
		font-size: 24px;
	}
	section.chamada p {
		font-size: 36px;
    	line-height: 36px;
	}
	section.chamada a {
		font-size: 17px;
		padding: 8px 20px 10px;
	}
	section.depoimentos .item p {
		margin-bottom: 50px;
	}
	section.depoimentos .owl-nav {
		bottom: -10px;
	}
	footer {
		padding-top: 60px;
	}
	footer .col-md-4 img {
		margin: 0 auto 30px;
		display: block;
	}	
	footer .col-md-3, footer .col-md-2 {
		width: 33.6363693%;
		flex: 33.6363693%;
		max-width: 33.6363693%;		
	}
	footer .social li img {
		display: none;
	}
	section {
		padding: 50px 0;
	}
	section.solucoes img {
		display: none;
	}
	section.solucoes a img {
		display: inherit;
	}
	section.servicos ul.nav li a {
	    font-size: 16px;
	    padding: 8px 6px;
	    margin-bottom: 10px;
	}	
	footer [class^=col] {
		width: 100%;
		flex: 100%;
		max-width: 100%;		
	}
	footer .social ul {
		text-align: center;
	}
	footer .social span {
		display: block;
		text-align: center;
	}
	footer .social span a {
		display: inline-block;
	}
	footer p {
		text-align: center;
	}
	header nav p {
		margin: 5px 0 0;
	}
	section.banner .barra a {
	    padding: 5px 13px 8px;
	    font-size: 24px;
	}	
	section.atendimento [class^=col] > img {
    	width: 200px;
	}
	section.atendimento a {
		display: block;
		width: 100%;
		text-align: center;
	}
	section.solucoes a {
	    font-size: 32px;
	    padding: 5px 90px 8px;
	    width: 100%;
	    display: block;
	    text-align: center;
	}	
	section.solucoes a img {
	    display: inline-block;
	}	
	footer span {
		display: block;
		text-align: center;
	}	
	footer .creditos {
		margin-top: 45px;
	}
}


@media (max-width: 640px) {
	header nav ul li a {
		font-size: 22px;
	}
	section.banner h1 {
	    font-size: 32px;
	}	
	section.banner h2 {
	    font-size: 22px;
	}
	section.banner h3 {
	    font-size: 22px;
	}	
	section.banner form {
		top: -27em;
	}
	section.banner .box h3, section.banner .box p {
		display: none;
	}
	section.banner .barra p {
		font-size: 33px;
		text-align: center;
		line-height: 52px;
	}
	section.banner .barra p strong {
		font-size: 62px;
	}
	section.atendimento {
		padding-top: 50px;
	}
	section.chamada h3 {
	    font-size: 27px;
	    text-align: center;
	}	
	section.chamada p {
	    font-size: 48px;
	    text-align: center;
	}	
	section.chamada a {
	    font-size: 25px;
	    margin: 0 auto;
	    display: table;
	}	
	section.depoimentos .item figure img {
	    max-width: 105px;
	    margin: 0 0 0 auto;
	}	
	section.depoimentos .owl-nav {
	    bottom: -15px;
	}	
	section.faq .accordion>.card .card-header h2 {
		font-size: 20px;
	}	
	section.banner {
	    padding-top: 25px;
	    text-align: center;
	}	
	section.banner h2 {
		margin-bottom: 20px;
	}
	section.banner img {
		display: none;
	}
	section.banner .barra {
		margin-top: 40px;
	}
	section.servicos ul.galeria li {
		width: 49%;
	}
	section.banner form {
    	left: 15px;
	}
	section.banner form {
	    position: unset;
	}	
	section.banner h1 {
	    font-size: 32px;
	}	
	section.banner h3, section.banner ul {
		margin: 0;
	}
	section.banner ul {
		margin: 0 0 30px;
	}
	section.banner h3 {
	    font-size: 34px;
	}	
	section.banner ul li {
	    font-size: 18px;
	}	
	section.banner form label {
		text-align: left;
    	margin: 0 20px 5px;
	}
	section.banner .barra a {
	    width: 100%;
	    display: block;
	}	
	section.banner .barra {
		padding: 20px 0;
	}
	section.atendimento a {
	    background-color: #5BCC78;
	    color: #fff;
	    font-size: 32px;
	    padding: 5px 30px 8px;
    }	
	section.atendimento {
	    padding: 50px 0 60px;
	}    
	section.solucoes {
	    padding: 50px 0 60px;
	}    
	section.solucoes a {
		padding: 5px 30px 8px;
	    font-size: 22px;
	}
	section.chamada p {
		font-size: 32px;
	}
	section.chamada h5 {
		text-align: center;
	}
	footer .creditos span {
		float: unset;
		text-align: center;
	}
	section.banner a {
		width: unset;
		display: table;
		margin: 0 auto 30px;
	}
}


@media (max-width: 480px) {
	header [class^=col] > a img {
	    width: unset;
	    margin: 0 auto;
	    display: block;
	    float: unset;
	}
	header nav p {
	    float: unset;
	    text-align: center;
	    margin-top: 15px;
	    font-size: 28px;
	    line-height: 42px;
	}
	header nav p strong {
		font-size: 53.5px;
	}
	header nav ul {
		margin-top: 20px;
	}
	header nav ul li {
		margin-right: 20px;
	}
	header nav ul li a {
		font-size: 20px;
	}
	section.banner h1 {
	    font-size: 38px;
	}	
	section.chamada h3 {
		font-size: 24px;
	}
	section.depoimentos .item p {
		font-size: 16px;
	}
	footer .col-md-3, footer .col-md-2 {
	    width: 100%;
	    flex: 100%;
	    max-width: 100%;	
	    text-align: center;	
	}
	footer .lista {
		margin-bottom: 20px;
	}
	footer .social li img {
		display: inline-block;
		margin: 0;
	}
	footer .creditos span, footer .creditos p {
		float: none;
		text-align: center;
	}
	section.faq .accordion>.card .card-header h2 {
		padding-left: 15px;
		font-size: 15px;
	}
	section.atendimento article img {
		display: none;
	}
	section.banner .box i {
		top: -22em;
		left: 8px;
	}
	section.servicos ul.galeria li {
	    height: 215px;
	}	
	section.depoimentos .item figure {
		float: none;
		margin: 0 auto 20px;
	}
	section.depoimentos .item figure img {
		margin: 0 auto;
	}
	section.depoimentos .item figure figcaption {
		float: none;
		text-align: center;
	}
	section.atendimento [class^=col] > img {
	    width: 150px;
		margin-right: 15px;
	}	
	section.atendimento a {
		font-size: 28px;
	}
	section.solucoes a, section.chamada a {
		font-size: 20px;
	}
	section.banner form #fechar-form {
		right: 0;
	}
}


@media (max-width: 420px) {
	header {
    	padding: 5px 0 15px;
	}
	header nav > a {
		font-size: 16px;
		top: 9px;
	}
	
	header nav ul {
		display: none;
	}
	header nav ul li {
	    margin-right: 16px;
	}
	header nav ul li a {
		font-size: 18px;
	}	
	section.banner h1 {
	    font-size: 34px;
	}	
	section.banner h2 {
	    font-size: 19px;
	}
	section.banner h3 {
	    margin-bottom: 10px;
	    font-size: 28px;
	}		
	section.banner .barra p {
		font-size: 30px;
		line-height: 40px;
	}
	section.banner .barra p strong {
	    font-size: 52px;
	}	
	section.servicos h3, section.servicos h4, section.solucoes h3, section.atendimento h3, section.faq h3 {
    	font-size: 24px;
	}
	section.atendimento article blockquote strong {
	    font-size: 22px;
	    font-weight: 700;
	}	
	section.atendimento article blockquote {
		font-size: 14px;
	}
	section.solucoes h5 {
		display: none;
	}
	section.servicos h3 {
		margin-bottom: 30px;
	}
	section.chamada h3 {
	    font-size: 20px;
	}	
	section.servicos .row:last-child .col-md-12:nth-child(1) img, section.servicos .row:last-child .col-md-12:nth-child(3) img {
	    float: left;
	    margin-right: 15px;
	}	
	section.servicos ul li {
		font-size: 14px;
	}
	section.banner .barra {
	    margin-top: 50px;
	}	
	section.atendimento a, section.solucoes a {
	    font-size: 24px;
	}	
	section.solucoes h2, section.servicos h2 {
		font-size: 32px;
	}
	section.chamada [class^=col] > span {
		font-size: 24px;
	}
	section.solucoes h4 {
		width: unset;
	}
}


@media (max-width: 400px) {
	header nav ul li a {
	    font-size: 16px;
	}	
	section.banner h1 {
	    font-size: 26px;
	}
	section.banner h2 {
	    display: none;
	}	
	section.servicos img {
		width: 100%;
		margin: 0 0 25px 0;
	}
	section.atendimento a, section.solucoes a {
    	font-size: 20px;
	}
	section.banner a {
		font-size: 18px;
	}
	section.banner p {
		margin-bottom: 20px;
	}
	section.banner form {
	    padding: 15px;
	}
}

@media (max-width: 380px) {
	header nav > a {
		font-size: 14px;
		padding-bottom: 5px;
	}
	section.banner .barra p {
		font-size: 26px;
	}
	section.banner .barra p strong {
		font-size: 49px;
	}
	section.banner form button {
	    font-size: 18px;
	}	
	section.chamada a {
		font-size: 22px;
	}
	section.chamada [class^=col] > span {
	    font-size: 20px;
	    margin: 25px 0;
	}	
	section.chamada p {
	    font-size: 30px;
	}	
	section.solucoes ul li {
		font-size: 18px;
	}
	section.solucoes h2, section.servicos h2 {
	    font-size: 30px;
	}	
	section.servicos ul.galeria li {
	    height: 150px;
	}	
}


@media (max-width: 360px) {

	header nav ul li {
	    margin-right: 12px;
	}	
	section.banner form button {
	    font-size: 16px;
	}	
	section.banner .barra p {
	    font-size: 26px;
	}	
	section.banner .barra p strong {
	    font-size: 45px;
	}	
	section.servicos h3, section.servicos h4, section.solucoes h3, section.atendimento h3, section.faq h3 {
	    font-size: 21px;
	}
	section.chamada h3 {
	    font-size: 18px;
	}		
	section.depoimentos .item figure {
		width: 100%;
		float: none;
	}
	section.depoimentos .item figure img {
		margin: 0 auto;
	}
	section.depoimentos .item figure figcaption {
		text-align: center;
	}
	section.depoimentos .item p {
    	margin-bottom: 40px;
	}
	section.faq .accordion>.card .card-header h2 {
	    font-size: 15px;
	}	
	header nav > a {
		font-size: 12px;
	    padding: 5px 15px;
	    font-weight: 600;;
	}		
}