@media only screen and (max-width:1680px) {
	#masthead #menu-principal .menu-item a {
		font-size: 16px;
	}
}
@media only screen and (max-width:1600px) {
	#masthead #logo {
		width: 145px;
		margin: 25px 43px;
	}
	#masthead .call-to-action {
		margin-top: -15px;
	}
	#masthead .btn {
		font-size: 14px;
	}
	#masthead #menu-principal {
        margin: -17px 231px 0 0;
	}
}
@media only screen and (max-width:1583px) {
	#colophon .top .box-1 .texto {
		margin: 0 0 133px 0;
	}
}
@media only screen and (max-width:1500px) {
	#masthead .btn-ser-fiibo {
		margin-right: 8px;
	}
	#masthead .logo {
		width: 20%;
	}
	#colophon .top .box-3 .texto-app {
		font-size: 22px;
	}
	#colophon .top .box-2 ul li a {
		font-size: 16px;
	}
	#colophon .box-3 .plataforma img {
		width: 100%;
	}
	#colophon .top .box-1 .texto {
		margin: 0 0 80px 0;
	}
	#colophon .top .box.box-2, #colophon .top .box.box-3 {
    	max-width: 186px;
	}
}
@media only screen and (max-width:1440px) {
	#masthead #menu-principal .menu-item a {
		font-size: 14px;
	}
	
	#masthead .btn, #masthead .btn:first-child {
		width: 10.8vw;
	}

	#masthead.header_fixo #menu-principal {
    	margin: 0 283px 0 0;
	}
}
@media only screen and (max-width:1410px) {
	#masthead .btn {
		font-size: 14px;
	}
	#colophon {
		height: auto;
		padding: 60px 0 0 0;
	}
	#colophon .bottom {
		margin: 8px 0 30px;
	}
	#colophon .top {
		margin: 0 0 22px 0;
	}
	.breadcrumb, .breadcrumb a {
		font-size: 12px;
	}
	#general_form_modal_container {
		top: 20px;
	}
	#general_form_modal .control {
		margin: 0 0 10px 0;
	}
}

@media only screen and (max-width:1330px) {
	#masthead .logo {
		width: auto;
	}
	#masthead .btn {
		font-size: 14px;
	}
}
@media only screen and (max-width:1266px) {
	#colophon .top .box-3 .texto-app{
		font-size: 16px;
	}
	#masthead #menu-principal .menu-item a {
		font-size: 13px;
	}
	#masthead .btn {
		font-size: 13px;
	}
	#masthead #logo {
		width: 120px;
	}
	#masthead .call-to-action {
		margin-top: 0;
	}
	#masthead #menu-principal {
        margin: 3px 50px 0 0;
		padding: 0 40px;
    }

	#masthead .btn, #masthead .btn:first-child {
        width: 11.8vw;
    }
}
@media only screen and (max-width:1222px) {
	#colophon .top .box-1 .texto {
		margin: 0 0 50px 0;
	}
	#masthead #menu-principal {
		padding: 0 20px;
		margin: 0 167px 0 0 !important; ;
    }

	#masthead .btn, #masthead .btn:first-child {
        width: 12.8vw;
    }
}
@media only screen and (max-width:1185px) {
	#masthead #logo {
		width: 115px;
	}
	#masthead #menu-principal .menu-item a {
		font-size: 12px;
	}
	#masthead .btn {
    	font-size: 12px;
	}
}

@media only screen and (max-width:1080px) {
	#exent_cookie_modal {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media only screen and (max-width:1070px) {
	#masthead #logo {
		width: 90px;
	}
	#masthead .btn-ser-fiibo {
		margin-right: 4px;
	}
	#masthead #menu-principal .menu-item {
		padding: 0px 10px;
	}
	#masthead #menu-principal {
		padding: 0 20px;
		margin: 8px 50px 0 0 !important;
	}

}
@media only screen and (max-width:1040px) {
	#masthead #menu-principal .menu-item {
		padding: 0px 8px;
	}
}
@media only screen and (max-width:1024px) {
	#masthead #menu-principal .menu-item>a::after{
		content: none;
	}
	body.active-menu-mobile {
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		width: 100%;
	}
	#masthead .topicos_menu {
		display: none;
	}
	#menu_mobile_icon {
		display: inline-block;
		width: 45px;
		margin: 61px 44px;
	}
	#close_menu {
		width: 34px;
		margin: 0;
		position: absolute;
		top: 45px;
		right: 52px;
	}
	#close_menu svg{
		color: #fff;
	}
	#menu_mobile_icon img {
		width: 100%;
	}
	#masthead #logo {
		width: 156px;
		margin: 0 44px;
	}
	#masthead .topicos_menu {
		padding: 0 0 0 0;
		position: fixed;
		top: 0;
		height: 100%;
		width: 100%;
		min-height: 598px;
		background-color: var(--principal);
		z-index: 9;
		text-align: center;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#masthead .topicos_menu.menu-mobile #menu-principal {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		background-color: transparent;
		border: none;
	}
	#masthead .topicos_menu.menu-mobile #menu-principal .menu-item {
		border-right: none;
		line-height: initial;
		padding: 0;
		margin: 10px 0;
		position: relative;
	}
	#masthead .topicos_menu.menu-mobile .call-to-action {
		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: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		gap: 15px;
		margin-top: 15px;
	}
	#masthead .topicos_menu.menu-mobile .btn-ser-fiibo {
		margin: 40px 0 20px;
	}
	#masthead .topicos_menu.menu-mobile .btn {
		font-size: 16px;
		width: 80%;
	}

	#masthead .btn:last-child {
		color: #000 !important;
	}
	#masthead .topicos_menu.menu-mobile #menu-principal .menu-item a {
        font-size: 18px;
		color: #fff;
		display: block;
	}
	#masthead.header_fixo #menu_mobile_icon {
		margin: 0 44px;
	}
	#colophon .top .box {
		width: 33.3%;
	}
	#colophon .btn-meu-fiibo {
		background-color: #fff;
	}
	#colophon .btn-meu-fiibo:hover {
		color: #fff;
		background-color: var(--azul);
		border-color: var(--azul);
		transition: .5s;
	}
	#masthead #menu-principal .menu-item.tem-sub::after{
		content: url(../../bem-estar/seta-menu.png);
		position: absolute;
		right: 0;
		top: 1px;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
}
	#masthead #menu-principal .menu-item:hover::after{
		transform: rotate(90deg);
	}
}
@media only screen and (max-width:1024px) {
	#colophon {
		height: auto;
		padding: 50px 0 25px;
		background-image: url("../../bem-estar/fiibo-background-footer-mobile.png");
		background-position-y: 34vw;
	}
	#colophon .top {
		margin: 0 0 22px 0;
		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: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#colophon .bottom {
		margin: 15px 0 0;
		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: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
	}
	#colophon .top .box {
		width: 80%;
		text-align: center;
		margin: 0 0 30px 0;
	}
	#colophon .top .box-1 .texto {
		margin: 0 0 20px 0;
		padding: 0;
	}
	#colophon .btn-ser-fiibo {
		margin: 20px auto;
	}
	#colophon .top .box-2 .btn-meu-fiibo {
		margin: 0 auto;
	}
	#colophon .bottom .copyright {
		margin: 0 0 20px 0;
	}
	#general_form_modal_container {
		top: 5px;
		margin-left: 0;
		left: 0;
		width: 100%;
	}
	#colophon .logo-exent {
		margin: 0;
	}
	#colophon .top .box-3 .texto-app{
		font-size: 22px;
	}
	#colophon .top .box.box-2, 
	#colophon .top .box.box-3 {
        max-width: 300px;
    }
	.box_selo .selo {
        padding: 20px;
    }
	.box_selo .selo img, 
	.box_selo .selo svg{
     	max-width: 200px;
	}
}
@media only screen and (max-width:600px) {
	#masthead #logo {
		margin: 0 7vw;
	}
	#menu_mobile_icon {
		margin: 10vw 7vw;
	}
	#close_menu {
		top: 8vw;
		right: 7.5vw;
	}
	.box_selo .selo {
        padding: 12px;
    }
}
@media only screen and (max-width:550px) {
	#masthead #logo {
		width: 135px;
	}
	#menu_mobile_icon {
		width: 35px;
	}
}
@media only screen and (max-width:450px) {
	#colophon .top .box-1 .midias-sociais svg {
		width: 40px;
	}
}
@media only screen and (max-width:360px) {
	#masthead #logo {
		width: 110px;
	}
}