/* 320px — 480px: dispositivos móveis */
                               
                               @media screen and (320px <=width <=480px) {
                                   body {
                                       font-size: 15px;
                                   }
                                   #page {
                                       padding: 0 5px;
                                   }
                                   p {
                                       margin-bottom: 5px;
                                   }
                                   h1,
                                   h2,
                                   h3,
                                   h4,
                                   h5,
                                   h6 {
                                       margin: 0 0 5px 0;
                                   }
                                   #qbootstrap-home,
                                   #qbootstrap-info,
                                   #qbootstrap-box,
                                   #qbootstrap-services,
                                   #qbootstrap-partners,
                                   #qbootstrap-contact,
                                   #qbootstrap-footer {
                                       padding: 0.25em 0;
                                   }
                                   .container,
                                   .container-fluid {
                                       width: auto;
                                   }
                                   /* --------------------------------------------- */
                                   /* BTN */
                                   .btn,
                                   .btn-sm,
                                   .btn-menu {
                                       font-size: 16px;
                                   }
                                   .btn-md {
                                       padding: 6px 16px !important;
                                   }
                                   .btn-menu {
                                       max-width: 3em !important;
                                       font-size: 16px;
                                       padding: 0;
                                   }
                                   /* --------------------------------------------- */
                                   /* NAV */
                                   #qbootstrap-nav .top {
                                       display: block;
                                       width: 100%;
                                   }
                                   #qbootstrap-nav .top-menu {
                                       padding: 0;
                                   }
                                   #qbootstrap-logo {
                                       display: flex;
                                       justify-content: center;
                                       margin-top: 3em;
                                   }
                                   .logo {
                                       padding: 0;
                                   }
                                   .lg-mobile {
                                       max-width: 70%;
                                   }
                                   .nav {
                                       display: flex;
                                       padding-top: 1em;
                                       justify-content: center;
                                   }
                                   #qbootstrap-nav .menu-1 {
                                       margin-top: 0.6em;
                                       display: flex;
                                   }
                                   /* --------------------------------------------- */
                                   /* HOME */
                                   .qbootstrap-heading {
                                       margin: 2em 0 0 0;
                                       padding-left: 15px;
                                       padding-right: 15px;
                                   }
                                   .qbootstrap-heading h2 {
                                       font-size: large;
                                       text-align: center;
                                   }
                                   .qbootstrap-heading p {
                                       text-align: justify;
                                       line-height: 1.8;
                                       width: auto;
                                       color: #000;
                                       margin-bottom: 2em;
                                   }
                                   .gestao {
                                       display: inline-flex;
                                       max-width: max-content;
                                       flex-direction: column-reverse;
                                       flex-wrap: wrap;
                                       align-items: center;
                                       gap: 2em;
                                   }
                                   .gestao .item-text {
                                       max-width: max-content;
                                       position: static;
                                       row-gap: 0;
                                   }
                                   .gestao .item-figure {
                                       align-content: center;
                                   }
                                   .hexagono {
                                       display: contents;
                                       float: none;
                                       text-align: center;
                                   }
                                   #hexagono {
                                       --size: 200px;
                                   }
                                   /* --------------------------------------------- */
                                   /* INFORMATIVO */
                                   #boxe-info {
                                       display: block;
                                   }
                                   .info {
                                       margin-bottom: 2em;
                                   }
                                   #info-space {
                                       margin-left: 0;
                                       margin-bottom: 0;
                                   }
                                   .home-info {
                                       display: flex;
                                       column-gap: 0.5em;
                                   }
                                   .home-info #pictograma {
                                       width: 2.5em;
                                   }
                                   .desc h3 {
                                       font-size: medium;
                                       margin: 0.5em 0;
                                   }
                                   .desc p {
                                       margin: 0;
                                   }
                                   /* --------------------------------------------- */
                                   /* BOXES */
                                   #qbootstrap-box {
                                       display: grid;
                                       justify-content: space-around;
                                       margin-bottom: 1.5em;
                                   }
                                   img {
                                       vertical-align: baseline;
                                   }
                                   #box-start,
                                   #box-center,
                                   #box-end {
                                       display: flex;
                                       align-items: center;
                                   }
                                   #flags {
                                       display: block;
                                       margin: 0 !important;
                                   }
                                   .box-minimal {
                                       /* display: flex; */
                                       align-items: baseline;
                                   }
                                   .box-minimal-img {
                                       max-width: 2.5em;
                                   }
                                   #pictograma {
                                       max-width: 2em;
                                       margin-right: 0.5em;
                                   }
                                   .box-minimal-title h4 {
                                       margin: 0;
                                       font-size: 1.2em;
                                       min-width: max-content;
                                   }
                                   /* --------------------------------------------- */
                                   /* SERVICOS */
                                   .service-heading {
                                       display: flex;
                                       flex-wrap: wrap;
                                       justify-content: space-between;
                                       background-color: #fff;
                                       border-radius: 30px;
                                   }
                                   .service-1,
                                   .service-2,
                                   .service-3 {
                                       display: block;
                                       width: 100%;
                                   }
                                   .service-1 {
                                       background-color: #68b320;
                                       border-top-left-radius: 30px;
                                       border-top-right-radius: 30px;
                                       border-bottom-left-radius: 0;
                                   }
                                   .service-2 {
                                       background-color: #006427;
                                   }
                                   .service-3 {
                                       background-color: #68b320;
                                       border-bottom-left-radius: 30px;
                                       border-bottom-right-radius: 30px;
                                       border-top-right-radius: 0;
                                   }
                                   .services h3 {
                                       display: block;
                                       margin-bottom: 20px;
                                       font-weight: 600;
                                       color: #fff;
                                       text-align: center;
                                       font-size: 18px;
                                       line-height: 1.5;
                                   }
                                   .services>p {
                                       display: block;
                                       font-size: 15px;
                                       width: auto;
                                       color: #fff;
                                       margin: 0;
                                   }
                                   .services-wide {
                                       display: none;
                                   }
                                   .detalhes {
                                       display: flex;
                                       justify-content: end;
                                       margin-bottom: 1.5em;
                                   }
                                   /* --------------------------------------------- */
                                   /* PARCEIROS */
                                   .service-partner-mobile {
                                       display: flex;
                                       padding: 2em 0 0;
                                       justify-content: space-evenly;
                                       gap: 2em;
                                   }
                                   .service-partner-wide {
                                       display: none;
                                   }
                                   /* --------------------------------------------- */
                                   /* CONTATO */
                                   #qbootstrap-contact h2 {
                                       margin-bottom: 0;
                                       padding: 1.75em 0;
                                       font-size: 1.4em;
                                   }
                                   label {
                                       font-weight: normal;
                                   }
                                   .form-group input[type="name"],
                                   .form-group input[type="text"],
                                   .form-group input[type="number"],
                                   .form-group input[type="email"],
                                   .form-group textarea {
                                       font-size: medium;
                                   }
                                   /* --------------------------------------------- */
                                   /* FOOTER */
                                   #qbootstrap-footer {
                                       text-align: left;
                                       background-size: cover;
                                   }
                                   .footer-heading {
                                       padding: 5% 3%;
                                   }
                                   .widget {
                                       margin-bottom: 2em;
                                       top: 0;
                                       width: 100%;
                                   }
                                   .widget h3 {
                                       margin-bottom: 1em;
                                   }
                                   .widget .mobile {
                                       display: inherit;
                                   }
                                   .widget .wide {
                                       display: none;
                                   }
                                   .widget .mobile,
                                   .footer-links,
                                   .footer-links li,
                                   .footer-links li a,
                                   .widget .link {
                                       color: #fff;
                                       font-size: 14px;
                                       font-weight: 400;
                                       margin: 0;
                                   }
                                   #social {
                                       display: grid;
                                       grid-template-areas: "a";
                                       row-gap: 0.5em;
                                   }
                                   .widget a.link {
                                       display: block;
                                       padding-bottom: 0;
                                       justify-content: start;
                                       position: inherit;
                                       top: 0;
                                   }
                                   .copyright .lg-footer {
                                       max-width: 50%;
                                   }
                                   /* --------------------------------------------- */
                                   /* WHATSAPP */
                                   .whats {
                                       position: fixed;
                                       /* bottom: 0; */
                                       right: 15px;
                                       z-index: 9999;
                                       max-width: 12%;
                                   }
                                   /* POLITICA */
                                   #qbootstrap-politica {
                                       margin-top: 2em;
                                   }
                                   #qbootstrap-politica h2 {
                                       font-size: x-large;
                                       padding-bottom: 0.5em;
                                   }
                                   #qbootstrap-politica h3 {
                                       font-size: large;
                                   }
                                   #qbootstrap-politica h4 {
                                       font-size: medium;
                                   }
                               }
                               /* --------------------------------------------------- */
                               /* 481px — 768px: iPads, tablets */
                               
                               @media screen and (481px <=width <=768px) {
                                   .container,
                                   .container-fluid {
                                       width: 100%;
                                   }
                                   /* BTN */
                                   .btn,
                                   .btn-sm,
                                   .btn-menu {
                                       font-size: 16px;
                                   }
                                   .btn-md {
                                       padding: 6px 16px !important;
                                   }
                                   .btn-menu {
                                       max-width: 3em !important;
                                       font-size: 16px;
                                       padding: 0;
                                   }
                                   /* --------------------------------------------- */
                                   /* HEADER */
                                   #qbootstrap-nav #qbootstrap-logo {
                                       display: flex;
                                       justify-content: center;
                                       margin-top: 1.5em;
                                   }
                                   #qbootstrap-logo .lg-mobile {
                                       max-width: 80%;
                                   }
                                   #qbootstrap-nav .top .nav {
                                       display: flex;
                                       padding: 1em 15px 0;
                                       justify-content: end;
                                   }
                                   #qbootstrap-nav .top-menu {
                                       padding: 1.875em 0;
                                   }
                                   #qbootstrap-nav .menu-1 {
                                       margin-top: 0.6em;
                                       display: flex;
                                   }
                                   /* --------------------------------------------- */
                                   /* HOME */
                                   .qbootstrap-heading {
                                       margin: 2em 0 0 0;
                                       padding-left: 15px;
                                       padding-right: 15px;
                                   }
                                   .qbootstrap-heading h2 {
                                       font-size: large;
                                       text-align: center;
                                   }
                                   .qbootstrap-heading p {
                                       text-align: justify;
                                       line-height: 1.8;
                                       width: auto;
                                       color: #000;
                                       margin-bottom: 2em;
                                   }
                                   .gestao {
                                       display: inline-flex;
                                       max-width: max-content;
                                       flex-direction: column-reverse;
                                       flex-wrap: wrap;
                                       align-items: center;
                                       gap: 2em;
                                   }
                                   .gestao .item-text {
                                       max-width: max-content;
                                       position: static;
                                       row-gap: 0;
                                   }
                                   .gestao .item-figure {
                                       align-content: center;
                                   }
                                   .hexagono {
                                       display: contents;
                                       float: none;
                                       text-align: center;
                                   }
                                   #hexagono {
                                       --size: 200px;
                                   }
                                   /* --------------------------------------------- */
                                   /* INFORMATIVO */
                                   #boxe-info {
                                       display: block;
                                   }
                                   .info {
                                       margin-bottom: 2em;
                                   }
                                   #info-space {
                                       margin-left: 0;
                                       margin-bottom: 0;
                                   }
                                   .home-info {
                                       display: flex;
                                       column-gap: 0.5em;
                                   }
                                   .home-info #pictograma {
                                       width: 2.5em;
                                   }
                                   .desc h3 {
                                       font-size: medium;
                                       margin: 0.5em 0;
                                   }
                                   .desc p {
                                       margin: 0;
                                   }
                                   /* --------------------------------------------- */
                                   /* BOXES */
                                   #qbootstrap-box {
                                       display: grid;
                                       justify-content: space-around;
                                       margin-bottom: 1.5em;
                                   }
                                   img {
                                       vertical-align: baseline;
                                   }
                                   #box-start,
                                   #box-center,
                                   #box-end {
                                       display: flex;
                                       align-items: center;
                                   }
                                   #flags {
                                       display: block;
                                       margin: 0 !important;
                                   }
                                   .box-minimal {
                                       align-items: baseline;
                                   }
                                   .box-minimal-img {
                                       max-width: 2.5em;
                                   }
                                   #pictograma {
                                       max-width: 2em;
                                       margin-right: 0.5em;
                                   }
                                   .box-minimal-title h4 {
                                       margin: 0;
                                       font-size: 1.2em;
                                       min-width: max-content;
                                   }
                               }