@media only screen and (max-width: 1630px) {
	#pq-fiibo .box .dir .imagem {
		width: 26vw;
	}
}
@media only screen and (max-width: 1600px) {

	#clientes .top .titulo {

		font-size: 34px;

		line-height: 42px;

	}

	#clientes .top .titulo:before, #clientes .top .titulo:after {

		width: 26%;

	}

	#visao-proposito .container .box .titulo {

		font-size: 34px;

	}

	#visao-proposito .container .box .texto {

		font-size: 26px;

	}

	#visao-proposito .container .box {

		width: 515px;

		height: 270px;

	}

	#futuro .titulo {

		font-size: 42px;

		margin: 0 0 50px 0;

	}

	#futuro .texto {

		font-size: 28px;

		line-height: 43px;

	}

	#linha-tempo .top .titulo {

		font-size: 36px;

		line-height: 42px;

		margin: 0 0 25px 0;

	}

}

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

	#visao-proposito .container .box .titulo {

		font-size: 32px;

	}

	#visao-proposito .container .box .texto {

    	font-size: 24px;

		margin: 10px 0;

	}

	#visao-proposito .container .box {

		width: 410px;

		height: 270px;

	}

	#visao-proposito .container .box-1 {

		padding: 0 42px;

	}

}

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

	#banner .esq .texto {

		font-size: 14px;

		line-height: 20px;

		font-weight: 400;

		margin: 0 0 30px 0;

	}

	#banner .esq .btn {

		padding: 14px 0 12px;

		font-size: 16px;

	}

	#banner .esq .btn-conhecer {

		border: 2px solid var(--amarelo);

		width: 195px;

	}

	#banner .esq .btn-ser-fiibo {

		border: 2px solid #fff;

		margin-right: 20px;

		width: 214px;

	}

	#banner .esq .titulo {

		font-size: 33px;

		line-height: 36px;

	}

	#futuro .texto {

		font-size: 24px;

		line-height: 38px;

	}

	#linha-tempo .top .titulo {

		font-size: 32px;

		line-height: 40px;

	}

}

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

	#banner .esq .titulo {

		font-size: 30px;

	}

}

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

	#futuro .texto {

		font-size: 22px;

		line-height: 34px;

	}

	#futuro .titulo {

		font-size: 40px;

		margin: 0 0 40px 0;

	}

	#futuro .btn-conversar {

		margin: 50px auto;

	}

}

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

	#clientes .top .titulo {

		font-size: 32px;

		line-height: 40px;

	}

	#clientes .top .titulo:before, #clientes .top .titulo:after {

		width: 22%;

	}

	#visao-proposito .container .box .titulo {

		font-size: 28px;

	}

	#visao-proposito .container .box .texto {

		font-size: 20px;

	}

	#visao-proposito .container .box {

    	width: 355px;

		height: 220px;

	}

}

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

	#banner .esq .titulo {

		font-size: 28px;

		line-height: 33px;

	}

	#banner .esq .texto {

		margin: 0 0 18px 0;

	}

}

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

	#banner .esq .btn {

		padding: 11px 0 9px;

		font-size: 14px;

	}

	#banner .esq .titulo {

		margin: 12px 0;

	}

	#banner .esq .texto {

		font-size: 12px;

		line-height: 18px;

	}

}

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

	#banner {

		height: 52vw;

		border-bottom-right-radius: 32% 55%;

		min-height: 435px;

	}

	#banner .esq {

		margin: 10vw 0 0 0;

		padding: 0 2vw 0 0;

	}

	#banner .container {

		width: 90%;

	}

	#banner .dir .btn-play {

		position: absolute;

		bottom: 37%;

	}

	#clientes .box-btn-cta .btn-conversar {

		border-radius: 50px;

		padding: 10px 0px;

		font-size: 16px;

		width: 275px;

	}

	#clientes .box-btn-cta .btn-conversar svg {

		margin: 0 0 0 15px;

		width: 23px;

	}

	#app-fiibo {

		padding: 0 0 50px 0;

	}

	#pq-fiibo {

		padding: 50px 0;

	}

	#pq-fiibo .box {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		width: 90%;

		height: auto;

	}

	#pq-fiibo .box .esq {

		width: 100%;

		padding: 35px 50px;

	}

	#pq-fiibo .box .dir {

		width: 100%;

	}

	#pq-fiibo .box .dir .imagem {

		position: relative;

		bottom: initial;

		right: initial;

		margin: 0 0 -5px 0;

		width: 25%;

	}

	#pq-fiibo .box .titulo {

		font-size: 26px;

		line-height: 32px;

		margin: 0 0 30px 0;

		padding: 0 5%;

		text-align: center;

	}

	#pq-fiibo .box .texto {

		margin: 0 0 10px 0;

		font-size: 14px;

		line-height: 20px;

	}

	#pq-fiibo .box .dir {

		text-align: center;

	}

	#visao-proposito .container {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		width: 90%;

		margin: 0 auto;

	}

	#visao-proposito .container .box-1 {

		margin: 0 0 45px 0;

	}

	#visao-proposito .container .box {

		width: 100%;

		height: auto;

		padding: 50px 10%;

	}

	#futuro .container {

		padding: 0 10%;

	}

	#futuro .texto {

		font-size: 18px;

		line-height: 30px;

	}

	#futuro .btn-conversar {

		border-radius: 50px;

		padding: 13px 0px;

		font-size: 16px;

		width: 278px;

	}

	#futuro .btn-conversar svg {

		margin: 0 0 0 15px;

		width: 23px;

	}

	#futuro .titulo {

		line-height: 52px;

	}

	#futuro {

		padding: 30px 0 0;

	}

}

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

	#banner .esq .titulo {

		font-size: 28px;

	}

	#banner .esq .btn-ser-fiibo {

		font-size: 12px;

		width: 200px;

	}

	#banner .esq .btn-conhecer {

		width: 170px;

		font-size: 12px;

	}

	#banner .esq .texto {

		font-size: 13px;

		margin: 0 0 18px 0;

		padding: 0;

	}

}

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

	#clientes .top .titulo {

		font-size: 30px;

		line-height: 38px;

	}

	#clientes .top .titulo:before, #clientes .top .titulo:after {

		width: 18%;

	}

}

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

	#banner .esq .titulo {

		font-size: 26px;

		line-height: 32px;

	}

}

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

	#banner .esq {

		width: 60%;

	}

	#banner .dir {

		width: 45%;

	}

}

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

	#pq-fiibo .box ul li {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		text-align: center;

	}

	#pq-fiibo .box ul li .icone {

		margin: 0 0 20px 0;

	}	

}

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

	#clientes .top .titulo:before, #clientes .top .titulo:after {

		width: 10%;

	}

}

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

	#banner .esq .titulo {

		font-size: 26px;

		line-height: 32px;

		margin: 0 0 12px 0;

	}

	#banner .esq .texto {

    font-size: 11px;

		margin: 0 0 18px 0;

		padding: 0;

		line-height: 17px;

	}

}

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

	#banner .esq .titulo {

		font-size: 22px;

		line-height: 28px;

	}

	#banner .esq .btn-conhecer {

		font-size: 10px;

	}

	#banner .esq .btn-ser-fiibo {

		font-size: 10px;

	}

}

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

	#banner {

		height: 172vw;

		background-position-x: 12%;

		border-bottom-right-radius: 65% 37.5%;

	}

	#banner .container {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-align: start;

		-ms-flex-align: start;

		align-items: flex-start;

		padding: 32vw 0 0 0;

		width: 85%;

	}

	#banner .esq {

		width: 100%;

		height: 50%;

		margin: 0;

		padding: 0;

		position: relative;

	}

	#banner .dir {

		width: 100%;

		height: 50%;

	}

	#banner .esq .titulo {

		font-size: 7.2vw;

		line-height: 9vw;

	}

	#banner .esq .texto {

		font-size: 2.7vw;

		line-height: 4.7vw;

		margin: 0 0 4vw 0;

		padding: 0 30% 0 0;

	}

	#banner .dir .imagem {
		bottom: -28%;
		right: 0;
		width: 100%;
	}

	#banner .esq .btn-ser-fiibo {

		border: 2px solid #fff;

		margin-right: 0;

		margin-bottom: 3.5vw;

		width: 47vw;

	}

	#banner .esq .btn-ser-fiibo svg {

		margin: -0.3vw 0 0 2.5vw;

		width: 2.5vw;

	}

	#banner .esq .btn {

		border-radius: 10vw;

		padding: 2.8vw 0 2.4vw;

    	font-size: 4vw;

	}

	#banner .esq .btn-conhecer {

		border: 2px solid var(--amarelo);

		width: 43vw;

	}

	#linha-tempo {

		padding: 26vw 0 0;

	}

	#linha-tempo .top .titulo {

		font-size: 30px;

		line-height: 37px;

		margin: 0 0 25px 0;

	}

	#linha-tempo .top .texto {

		font-size: 16px;

		line-height: 23px;

	}

	#pq-fiibo .box .dir .imagem {

		width: 50%;

	}

}

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

	#clientes .top .titulo:before, #clientes .top .titulo:after {

		width: 5%;

	}

	#clientes .top .titulo {

		font-size: 28px;

		line-height: 36px;

		padding: 0 10%;

	}

	#visao-proposito .container .box .titulo {

		font-size: 26px;

	}

	#visao-proposito .container .box .texto {

		font-size: 18px;

	}

	#futuro .texto {

		font-size: 16px;

		line-height: 26px;

	}

	#futuro .titulo {

		font-size: 36px;

		margin: 0 0 25px 0;

	}

	#futuro .btn-conversar {

		margin: 30px auto;

	}

}

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

	#clientes .box-btn-cta .btn-conversar{

		padding: 10px 5vw;

	}

	#clientes .box-btn-cta .btn-conversar svg{

		margin: 0 0 0 8px;

		width: 38px;

	}

}

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

	#pq-fiibo .btn-conversar {

		padding: 8px 0px;

		font-size: 14px;

		width: 80%;

	}

	#pq-fiibo .btn-conversar svg {

		margin: 0 0 0 15px;

	}

}

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

	#banner .esq .texto {

		font-size: 14px;

		line-height: 20px;

		margin: 0 0 20px 0;

		padding: 0 0 0 0;

	}

	#banner {

		height: auto;

	}

	#banner .dir {

		height: 70vw;

	}

}

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

	#clientes .box-btn-cta .btn-conversar {

		font-size: 14px;

	}

}

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

	#futuro .btn-conversar {

		font-size: 14px;

		width: 90%;

	}

}