@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(//fiibo.com.br/wp-content/themes/saude/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(//fiibo.com.br/wp-content/themes/saude/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;
}
}