@media only screen and (max-width: 1800px) {
	#beneficios .box .esq {
		height: 600px;
	}
	#beneficios ul li p {
		line-height: 23px;
		margin: 3px 0;
		font-size: 16px;
	}
}
@media only screen and (max-width: 1700px) {
	#dna-fiibo .bottom .box .texto {
		font-size: 16px;
		line-height: 25px;
	}
	#dna-fiibo .top .texto {
		font-size: 18px;
		line-height: 27px;
	}
	#dna-fiibo .top .titulo {
		margin: 0 0 30px 0;
		font-size: 36px;
	}
	#beneficios .box .esq {
		height: 560px;
	}
}
@media only screen and (max-width: 1600px) {
	#dna-fiibo .bottom .box {
		padding: 48px 30px 0;
		min-height: 380px;
	}	
	#dna-fiibo .bottom .box .texto {
		font-size: 14px;
		line-height: 24px;
	}
	#dna-fiibo .bottom .box .titulo {
		margin: 0 0 20px 0;
	}
	#beneficios .box .esq {
		height: 530px;
	}
	#beneficios ul li {
		margin: 0 0 8px 0;
	}
}
@media only screen and (max-width: 1500px) {
	#beneficios .box .esq {
		height: 34vw;
	}	
	#beneficios ul li p {
		line-height: 19px;
		font-size: 14px;
	}
	#beneficios ul li img {
		max-width: 28px;
		margin-right: 20px;
	}
	#banner .esq .texto {
		font-size: 16px;
		line-height: 22px;
	}
}
@media only screen and (max-width: 1400px) {
	#banner .esq .texto {
		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;
	}
	.btn-rev {
		width: 365px;
		font-size: 20px;
	}
	#box-cta .titulo {
		font-size: 32px;
	}
	#box-cta .texto {
		font-size: 24px;
        line-height: 34px;
        width: 70%;
	}
	#beneficios .titulo-top {
		font-size: 38px;
	}
}
@media only screen and (max-width: 1350px) {
	#dna-fiibo .bottom .container {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#dna-fiibo .bottom .box {
		width: 46%;
		padding: 48px 30px 0;
		margin: 0 40px 40px 0;
		min-height: 255px;
	}
	#dna-fiibo .bottom .box:last-child {
		margin: 0 0 40px 0;
	}
	#dna-fiibo .bottom .box:hover{
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .5s ease all;
	}
}
@media only screen and (max-width: 1335px) {
	#banner .esq .titulo {
		font-size: 30px;
	}
	#banner .dir .imagem {
		bottom: -10.2%;
	}
}
@media only screen and (max-width: 1300px) {
	#beneficios .box .esq {
		min-height: 477px;
	}
}
@media only screen and (max-width: 1250px) {
	#dna-fiibo .bottom .box {
		width: 45%;
	}
}
@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: 14px;
        line-height: 20px;
	}
}
@media only screen and (max-width: 1024px) {
	#primary {
		background-position-y: 104vw;
	}
	#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%;
	}
	#dna-fiibo .bottom .box {
		width: 46%;
		margin: 0 4% 5% 0;
	}
	#dna-fiibo .top .titulo {
		font-size: 32px;
	}
	#dna-fiibo .top .texto {
		font-size: 16px;
		line-height: 25px;
	}
	#dna-fiibo .top {
		margin: 10vw auto 0;
	}
	#box-cta .texto {
		width: 70%;
	}
	#beneficios .titulo-top {
		font-size: 32px;
	}
	#beneficios .box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#beneficios .box .dir {
		position: relative;
		width: 90%;
		height: auto;
		padding: 2% 0;
	}
	#beneficios .box .esq {
		height: 40.4vw;
		min-height: auto;
	}
	#beneficios .box .esq .imagem {
		position: absolute;
		bottom: 0;
		right: initial;
		width: 95%;
		max-width: 515px;
		top: 50.2%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#beneficios .titulo-top {
		font-size: 36px;
	}
}
@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: 900px) {
	#banner .esq .titulo {
		font-size: 26px;
		line-height: 32px;
	}
}
@media only screen and (max-width: 850px) {
	#banner .esq {
		width: 60%;
	}
	#dna-fiibo .bottom .container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#dna-fiibo .bottom .box {
		width: 100%;
		margin: 0 0 40px 0;
		min-height: auto;
		padding: 40px;
	}
	#dna-fiibo .bottom .box:last-child {
		margin: 0 0 40px 0;
	}
	#box-cta .texto {
		width: 80%;
	}
	#box-cta .titulo {
		font-size: 28px;
		padding: 0 10%;
	}
	.btn-rev {
		width: 315px;
		font-size: 18px;
	}
}
@media only screen and (max-width: 770px) {
	#banner .esq .titulo {
		font-size: 26px;
		line-height: 32px;
		margin: 0 0 12px 0;
	}
	#banner .esq .texto {
		margin: 0 0 18px 0;
		padding: 0;
	}
}
@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) {
	#primary {
		background-image: none;
	}
	#banner {
		height: 140vw;
		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: -22.2%;
		right: 0;
	}
	#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;
	}	
	#dna-fiibo .top {
		margin: 20vw auto 0;
	}
	#dna-fiibo .top .titulo {
		font-size: 30px;
	}
	#dna-fiibo .bottom {
		margin: 40px 0 0 0;
	}
	#dna-fiibo .bottom .box .titulo {
		font-size: 22px;
	}
	#beneficios .box .esq {
		height: 70.4vw;
		width: 100%;
	}
	#beneficios .box .esq .imagem {
		width: 67%;
	}
	#beneficios ul li img {
		max-width: 23px;
		margin-right: 10px;
	}
	#beneficios ul {
		padding: 0 5%;
	}
	#beneficios .titulo-top {
		margin: 0 0 36px 0;
		padding: 0 10%;
	}
}
@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: 62vw;
	}
	.btn-rev {
		width: 250px;
		font-size: 16px;
	}
}