/***** Tablets *****/
@media screen and (max-width: 1224px) {
  ul.lista-menu-principal a {
    color: #1d3460 !important;
    margin-top: 20px;
    display: block;
}
}

@media screen and (min-width: 1467px) and (max-width: 1566px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.5rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1667px) and (max-width: 1766px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.56rem!important;
    text-decoration: none;
    font-weight: bold;
}

}

@media screen and (min-width: 1767px) and (max-width: 1866px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.62rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1867px) and (max-width: 1966px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 2.2rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1967px) and (max-width: 2166px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 2.3rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (max-width: 768px) {
}
/***** smartphones *****/

@media screen and (max-width: 700px) {
  .texto-conhe h2 {
    font-size: 4rem;
  }
  div#conheça-pem {
    margin-top: 47%;
}

.video-conhe {
    margin-bottom: 15%;
    text-align: center;
}
  .logo {
    text-align: center;
  }
  .cada {
    width: 100%;
}
section#interna img {
  margin-bottom: 30px;
}
section#interna.apresentacaointert .com-content-article__body ul, 
 section#interna.o-cursointert .com-content-article__body ul,
 section#interna.estrutura-curricularintert .com-content-article__body ul,
 section#interna.comissao-da-graduacaointert .com-content-article__body ul,
 section#interna.estagio-curricularintert .com-content-article__body ul{
  padding-left: 5%;
  text-align: left;
}



section#interna.calendario-academicointert a img {
  width: 40px;
}


section#interna.apresentacaointert .com-content-article__body a,
 section#interna.o-cursointert .com-content-article__body a 
{
  justify-content: start;
}
section#interna.o-cursointert .com-content-article__body a {
  display: inline;
  width: auto!important;
}



div#noticias {
  margin-top: 0px!important;
}
.destaques-home a {
  margin-top: 14%!important;
}  

img.bannerimg.slick-slide {
  height: auto !important;
}

.patrocinadores>div {
    flex-wrap: wrap;
}

section#interna.extensaoointert img {
  margin: 0px !important;
}

section#interna.links-uteissintert img {
  width: 69%;
  height: auto;
}

.links-uteissintert .com-content-article__body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}



section#interna.extensaoointert > div > div:nth-child(2) > div > div.com-content-article__body > p:nth-child(9) a {
  width: 100%;
  display: flex;
  justify-content: center;
} 


p.botaodoidoextensão a {
  text-align: center;
}

.passador {

  bottom: 31%!important;

}

.nun1::after, .nun3::after {
  top: 89% !important;
  right: 62%!important;
  transform: rotate(271deg);

}

.nun0::after, .nun2::after {
  bottom: -44px!important;
  right: -25%!important;
  transform: rotate(270deg);
}

.proximoTitulo {
    font-size: 13px;
}
.accordion h4 {
  font-size: 1rem!important ;
  margin-left: 15px;
}
#interna > div > div:nth-child(2) > div.col-md-8 > div > div.com-content-article__body > table > tbody > tr:nth-child(2) {
  display: flex;
}
#interna > div > div:nth-child(2) > div.col-md-8 > div > div.com-content-article__body > table {
  width: 100%;
  overflow: scroll;
  white-space:wrap;
}


.com-content-category-blog.blog > div {
  width: 100%;
}



#interna > div > div:nth-child(2) > div.col-md-8 > div > div > div:nth-child(13) > div > p:nth-child(2) > strong > img {
  width: 100%;
  height: auto;
}
div#medalha {
    left:35vw;
    top: 50%!important;
}

.col-md-2.col-sm-12.imgHolder {
  width: 90vw;
}
.galeria-extensao.col-md-4 {
  width: 100%;
}
.container.agenda-home {
  flex-direction: column;
}

.col-md-2.col-sm-12.imgHolder {
  display: block!important;
}

.col-md-10.col-sm-12.anuncio {
  margin-top: 0px!important;
} 

.col-md-10.col-sm-12.anuncio {
  padding: 2px 0px 296px 10px;
}

.col-md-2.col-sm-12.imgHolder img {
  width: 90vw;
}

div#agenda {
  height: auto;
}

div#agenda .moduletable {
  min-height: 600px;
}

#menu .lista-menu-principal > li{
  margin: -1px;
}

div#nossosnumeros {
  margin-top: 90px;
}
div#gt-wrapper-269 {
  display: flex;
  position: relative;
  left: 35%;
  top: 13px;
  z-index: 91;
}

.soci-con {
  margin-left: 30%;
  top: 39px;
}

div#mod-custom242{
  left: 0px!important;
}

#menu .lista-menu-principal {
  margin-top: -24px;

}
ul.lista-menu-principal li a {
  color: #2376a7!important;
  padding-left: 9.3rem;
}
ul.nav.menu.mod-list a, ul.nav.menu.mod-list span {
  font-size: 15px !important;
}
.moduletable.link {
  margin-left: -13px;
}
.coordenacao1intert strong span img {
  width: 100%;
  height: auto;
}
section#interna.infraestruturaintert img {
  width: 100%;
  height: auto;
}
.imagemcard.col-md-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card {
  height: auto!important;
}
#interna.estrutura-curricularintert > div > div:nth-child(2) > div.col-md-8 > div > div:nth-child(3) > table > tbody > tr {
  display: flex;
  flex-direction: column;
}
form#search-form, #mod-search-searchword { 
  height: 16vw!important;
}

.custom.busca {
  top: 29px !important;
  left: 10%;
}
.osBotoes-destaque input {
  border: 3px solid #0066c0!important;
}

#interna.admissaointert > div > div:nth-child(2) > div.col-md-8 > div > div:nth-child(3) > table > tbody > tr:nth-child(1) {
  display: flex;

}

section#interna.videosintert iframe {
  width: 100%;
}
section#interna.calendario-academicointert img {
  width: 100%;
  height: auto;
}
section#interna .flex {
  display: flex;
  flex-direction: column;
}

section#interna.noticiasintert img,
section#interna.oportunidadesintert img,
section#interna.informes-da-graduacaointert img,
section#interna.equipes-de-competicaointert img,
section#interna.informes-da-pos-graduacaointert img {
  width: 100%;
  height: auto;
}
section#interna.areas-de-concentracaointert div#idselector {
  width: 100%;
}
.tituloCard.col-md-8 {
  padding: 0px!Important;
}
section#interna.contatointert iframe {
  width: 100%;
}

.rsform.col-md-6 {
  width: 74vw;
}

#interna select#setor {
  width: 100%!important;
}

textarea#mensagem {
  width: 100%!important;
}
div#nossosnumeros {
  margin-top: 220px;
}

.area {
  position: absolute;
  right: 113px;
  width: 70px;
  z-index: 1000000000000;
  margin-top: 28px;
}

.slick2 {}

.slick2 .slickslides2.slick-initialized.slick-slider.slick-dotted {
    height: 286px;
}

.slick2 .slickslides2.slick-initialized.slick-slider.slick-dotted .slick-list.draggable {
    height: 100%;
}
.col-md-12.estruturaMexe {
  justify-content: center;
}

.listra {
  width: 30px;
}
div#menu {
  margin-top: 90px;
}
  .proximoTitulo {
    margin-left: 0%;
    margin-right: 0%;
  }
  .texto-cursos {
    text-align: center;
}
  .logo img {
    margin-bottom: 1rem;
  }

  #developer-logo,
  #twitter1 {
    display: none !important;
  }
  .nomeText {
    font-size: 12px!important;
}
  #rodape-menu > div.moduletable.rodape > ul {
    column-count: 1;
  }
  .hamburguer-menu-interno > input[type="checkbox"]:checked ~ label {
    position: fixed;
    right: 4.2rem !important;
    top: 12.5rem;
  }
  .hamburguer-menu > input[type="checkbox"]:checked ~ label {
    position: fixed;
    right: 1.5rem !important;
    top: 7.5rem;
  }
  .hamburguer-interno {
    top: 7rem;
  }
  tbody:before {
    position: absolute;
    z-index: 99999999;
    right: -0.7rem;
    /* bottom: 23rem; */
    top: 8rem;
    font-size: 18pt;
    content: ">";
  }
  table {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .estruturaMexe {
    margin-left: 4rem;
  }

  .card-equipe {
    width: 100%;
    height: 44rem;
  }

  .card-img > img {
    width: auto;
  }

  .redes-social {
    margin-top: -3rem;
  }

  .slick2 {
    top: 0vw;
    width: 50%;
    height: 10vw;
    left: 7vw;
  }

  .bannertitle h1 {
    font-size: 1.5rem;
    text-align: left;
    width: 20rem;
  }

  .equipe-introtext {
    height: 16rem;
  }

  .slickdots1 {
    width: 20rem;
  }

  .card-title {
    height: 6rem;
  }

  .card-legenda {
    height: 11.5rem;
  }

  .p-title {
    font-weight: 600;
    font-size: 12px;
    margin-left: 1rem;
    height: 0px;
  }

  .p-txt-wrapper {
    width: 14rem;
    bottom: 9rem;
  }

  .botao-r,
  .botao-r2 {
    right: 0;
  }

  .botao-l,
  .botao-l2 {
    left: 0;
  }

  .linguagem.col-md-1 {
    position: absolute;
    top: 3rem;
    right: 1rem;
  }

  .items-leading.clearfix > div > p > img {
    width: 100%;
  }

  #headerPrincipal #site-logo img {
    /* width: 17rem; */
    padding-top: 5px;
    padding-bottom: 5px;
  }
  input[type="search"] {
    width: 15.9rem;
    margin-top: 0rem;
    text-align: left;
    font-size: 1.5rem;
    padding: 0;
    text-align: center;
}
header#headerPrincipal {
  height: auto;
}
ul#menuList li {
  display: flex;
  align-self: normal;
}
#menuList > li.item-513 {
  display: none;
}
#menuList > li.item-514 {
  display: none;
}
#menuList > li.item-515 {
  display: none;
}
#menuList > li.item-516 {
  display: none;
}
#menuList > li.item-518 {
  display: none;
}
#menuList > li.item-517 {
  display: none;
}

#menuList > li.item-288.deeper.parent {
  margin-top: 15px;
}
ul#menuList {
  display: flex;
  flex-direction: column !important;
}
#toggle span{
  left:5px!important ;
}
#menu .lista-menu-principal > li:hover > a{
  border: 0px!important;
  color: white!important;
}

#menu .lista-menu-principal > li:hover{
  background-color: #385b75;
}
div#social {
  display: block!important;
}

.logo-site.col-md-1 a {
  width: 100%;
  height: 125px;
}

img.hidden-sm.hidden-xs {
  height: 125px;
  width: auto!important;
  margin: 10px auto;
}

.soci-con {
  margin-left: 30%;
  top: 39px;
}
#menu .moduletable{
  margin-right: 0px;
}

nav.menu-padrao>div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
div#gt-wrapper-269 {
  width: 235px;
}
.margin-left p {
  height: auto;
}

.titulobio2 {
  width: 100%;
}

.bioarea1 {
  height: auto;
}

.bioarea1 .margin-left p {
  height: auto;
}

.bioarea1 .margin-left {
  display: flex;
  flex-direction: column;
}
section#interna.pesquisaintert .container .col-md-4 {
  min-height: 0px;
}section#interna.pesquisaintert .container .col-md-4 {
  min-height: 0px;
}
.proximoTitulo {
  margin-top: 50px;
}
section#interna.oportunidadesintert .page-header a{
  word-wrap: break-word;
}
.oportunidadesintert .com-content-category-blog.blog {
  display: block;
}
.moduletable.busca {
  width: 83vw;
  height: 39px;
}
.con-l-uteis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center!important;
  column-gap: 21px;
}
.moduletablelink {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 66px;
   margin-left: 0px!important; 
}
.moduletablesocis {    
  margin: 0;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.search {
  width: 214px;
}

  #faixa2 {
    margin-bottom: 10rem;
  }

  .video-wrapper {
    height: 45rem;
    margin-top: 0vw;
  }

  .img-teses,
  .img-artigos {
    height: 3rem;
  }

  #faixa4-texto > div > h3 {
    margin-top: 6rem;
  }

  #faixa4-1 {
    padding-left: 0rem;
  }

  a.botao-artigos,
  a.botao-tcc {
    top: 40px;
  }

  .datapublic2 {
    margin-top: 1rem;
    margin-left: 0rem;
  }
  body > div.container-fluid {
    margin-top: 20px;
  }

  .twitte {
    width: inherit;
    position: relative;
    right: 0;
    bottom: 0;
    margin-bottom: 3rem;
    top: 3rem;
  }

  /* menu mobile */
  label {
    margin-top: 0rem;
    right: 2rem;
  }

  label span {
    background: #063970;
  }

  .hamburguer-menu > input[type="checkbox"]:checked ~ label span {
    background: white;
  }

  #site-logo a {
    display: grid;
    color: #063970;
    grid-template-areas: "a1 a2 a3";
  }

  #site-logo > div.logo-site.col-md-9 > a > img:nth-child(3) {
    grid-area: a2;
    width: 13rem !important;
  }

  #site-logo > div.logo-site.col-md-9 > a > img:nth-child(1) {
    width: 18rem !important;
  }
  .logo-site.col-md-9 {
    padding-left: 6%;
  }
  /* #interna > div > div.col-md-12.breadcrumbs > div:nth-child(2) > div {
  top: unset !important;
  left: 12rem;
  text-align: -webkit-right;
  text-align: center;
  right: 12rem;
  margin: auto;
  bottom: -5rem;
} */

  /* #interna > div > div.col-md-12.breadcrumbs > div:nth-child(2) > div > label {
  right: 0;
  left: 0;
  top: 5rem;
  margin: auto;
  margin-bottom: 5rem;
} */

  /* linhas de pesquisa mobile */

  .linhasContainer {
    overflow: hidden;
  }

  .noticias-wrapper {
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 18vw;
  }

  .hex-mask {
    width: 39vw !important;
    height: 39vw !important;
  }

  .circle-inside {
    width: 18rem;
    height: 12rem;
    top: 80%;
    left: 50%;
  }
  #interna .circle-inside {
    width: 16rem;
    height: 10rem;
    top: 80%;
    left: 50%;
  }

  .circle-inside p {
    font-size: 9px;
    width: 60%;
    top: 1rem;
  }

  #banner > div:nth-child(2) {
    display: none;
  }

  /* posições linha de pesquisa mobile */

  .grid0 {
    grid-row-start: 1;
    grid-column: 1 / span 3;
  }
  .grid1 {
    grid-row-start: 2;
    grid-column: 4 / span 3;
  }
  .grid2 {
    grid-row-start: 1;
    grid-column: 7 / span 3;
  }
  .grid3 {
    grid-row-start: 3;
    grid-column: 1 / span 3;
  }
  .grid4 {
    grid-row-start: 4;
    grid-column: 4 / span 3;
  }
  .grid5 {
    grid-row-start: 3;
    grid-column: 7 / span 3;
  }
  .grid6 {
    grid-row-start: 5;
    grid-column: 1 / span 3;
  }
  .grid7 {
    grid-row-start: 6;
    grid-column: 4 / span 3;
  }
  .grid8 {
    grid-row-start: 5;
    grid-column: 7 / span 3;
  }
  .grid9 {
    grid-row-start: 7;
    grid-column: 1 / span 3;
  }
  .grid10 {
    grid-row-start: 8;
    grid-column: 4 / span 3;
  }
  .grid11 {
    grid-row-start: 7;
    grid-column: 7 / span 3;
  }
  .grid12 {
    grid-row-start: 9;
    grid-column: 1 / span 3;
  }

  .grid13 {
    grid-row-start: 1;
    grid-column: 5 / span 3;
  }

  .grid14 {
    grid-row-start: 2;
    grid-column: 6 / span 3;
  }

  .grid15 {
    grid-row-start: 3;
    grid-column: 7 / span 3;
  }

  .grid16 {
    grid-row-start: 5;
    grid-column: 7 / span 3;
  }

  .grid16 {
    grid-row-start: 7;
    grid-column: 5 / span 3;
  }

  #interna .noticias-wrapper {
    grid-auto-rows: 16vw;
  }

  #interna .hex-mask {
    width: 32vw !important;
    height: 32vw !important;
  }
}
/***** iphone5 e smartphones antigos *****/

@media screen and (max-width: 420px) {
}

/***** 1080 *****/
@media screen and (min-width: 1900px) {
}

/***** 1600x900p laptop *****/
@media screen and (min-width: 1450px) and (max-width: 1600px) and (max-height: 900px) {
  .borda {
    bottom: 45%;
    left: 70%;
  }
  /* .twitte {
    width: 300px;
    position: absolute;
    right: 57px;
    bottom: 2rem;
    margin-bottom: 10rem;
  } */
}

/***** 1440x900p desktop *****/
@media screen and (min-width: 1401px) and (max-width: 1440px) and (max-height: 900px) {
  .borda {
    bottom: 45%;
    left: 61%;
  }
  /* .twitte {
    width: 300px;
    position: absolute;
    right: 57px;
    bottom: 2rem;
    margin-bottom: 10rem;
  } */

  #developer-logo > div.container > div {
    width: 50% !important;
  }

  .saiba-mais {
    margin-top: 7rem;
  }

  .video-wrapper {
    height: 20vw;
  }

  .hamburguer-menu > input[type="checkbox"]:checked ~ label {
    right: 6vw !important;
  }
}

/***** 1366x768p laptop *****/
@media screen and (min-width: 1048px) and (max-width: 1366px) and (max-height: 768px) {
  #developer-logo > div.container > div {
    width: 50% !important;
  }

  .hamburguer-menu > input[type="checkbox"]:checked ~ label {
    /* right: 6vw !important; */
  }
  .twitte-estrutura {
    width: 300px;
    position: absolute;
    right: 57px;
    bottom: -24rem;
    margin-bottom: 10rem;
  }
  #menu .lista-menu-principal > li {
    padding: 0;
  }
}

/***** 768 *****/
@media screen and (max-width: 1400px) {
}

@media (min-width: 1700px) and (max-width: 2000px) {
  #interna > div > div.col-md-12.breadcrumbs > div:nth-child(2) > div > label {
    right: 2%;
  }
}
@media only screen and (min-width: 1920px) {
  #menu a:hover {
    top: 5%;
  }
  #menu a {
    font-size: 1.8rem;
  }
  .borda {
    bottom: 45%;
    /* left: 42%; */
  }
  .hamb {
    left: 1.5%;
  }
  .imgHolder div {
    position: absolute;
    top: 0;
    /* left: 66%; */
  }
  .spacer {
    /* right: 0%; */
  }
  .anuncio {
    /* right: 0.5%; */
  }
}
/* @media only screen and (max-width: 1920px) {
  .borda {
    left: 51%;
  }
  .logo-banner {
    right: 11%;
  }
  .medalha {
    left: 126px;
  }
}
@media only screen and (max-width: 991px) {
  .hamb {
    top: 12.5%;
    left: 3.5%;
  }
} */


@media screen and (max-width: 700px) {
  .hidden-xs {
    display: block !important;
  }
  .col-md-9.Menu li#searchPosition {
    display: none !important;
}
  img.pop-up{
    display: none!important;
  }
  .grupo-pesquisa {
    padding-bottom: 40px;
}
  #toggle span {
    background: #000;
  }
  #toggle span:before,
  #toggle span:after {
    background: #000;
  }
  .noticias-extensao {
    float: none !important;
  }
  .container.l-uteis > div {
    text-align: center;
  }
  .container.l-uteis {
    display: grid !important;
    grid-template-areas: "auto";
    justify-content: center;
  }
  .spacer {
    top: 100%;
  }
  .rodapegrid {
    display: grid;
    grid-template-areas: "auto" !important;
    gap: 18px;
    margin-left: 23px !important;
    width: 92%;
  }

  .soci-con{
    right: 0px!important;
  }

  .moduletablesocis {
    margin-top: 20px;
}

  .pesquisa {
    display: grid;
    grid-template-areas: "auto auto" !important;
    width: 84%;
    height: 100% !important;
    margin-left: 11%;
    column-gap: 5%;
  }
  .grupo-pesquisa {
    background-image: url(Retangulo14.png);
    height: 100% !important;
    background-size: cover;
  }
  .oferta {
    display: grid !important;
    justify-content: center;
    grid-template-areas: "auto" !important;
  }
  .imagem-oferta {
    width: 100% !important;
    padding: 1% 3% !important;
  }
  .oferta-extensao0.oferta-extensao1 {
    margin-top: 12% !important;
  }
  .oferta-extensao0,
  .oferta-extensao1 {
    display: block !important;
    background: #ebebed;
    margin-left: 12px;
  }
  .redes-sociais {
    position: relative;
    top: 95px;
    left: 6% !important;
  }
  #rodape > div > div.moduletable > div > div.transparencia {
    position: relative;
    font-weight: 700;
    color: #003b00;
    left: 6% !important;
    width: 94%;
  }
  .grupo-noticias {
    margin-bottom: 0px !important;
  }
  .imgs img {
    margin-right: 40px !important;
    width: 12rem !important;
    height: auto !important;
  }
  .rodape {
    background: #0060af;
    width: 100% !important;
    height: 100% !important;
}
  /* [vw] [vw-access-button] .access-button {
    float: none !important;
    position: absolute;
    width: 46px !important;
    right: 0;
  } */
  .mapa-site {
    display: flex;
    flex-wrap: wrap;
}
.nossos-cursos {
  flex-wrap: wrap;
}

.osBotoes-destaque {
  flex-wrap: wrap;
}
.galeria-vd {
  flex-wrap: wrap;
}
.area-conc.col-md-4 {
  width: 50%!important
  ;
}
.tt-conc {
  height: 122px!important;

}


#ofertas .moduletable > h3 {
  color: #01518b;
  font-weight: bold;
  text-align: center;
  font-size: 3.6rem!important;
  margin-bottom: 5%;
  font-weight: 800;
}

.osBotoes-destaque input {
  margin-top: 26px;
}
.imagem-cursos {
  background-size: cover;
  width: 308px;
  height: 210px!important;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.mapa-site>div {
    width: 100%;
    text-align: center;
}
.mapa-site {
  display: flex;
  flex-wrap: wrap;
}

.mapa-site>div {
  width: 100%;
  text-align: center;
}

div#rodape {
}

.a11 {
  padding: 0px!important;
  display: flex;
  flex-wrap: wrap;
}



.a11 p {
  width: 100%;
}
  .medalhaInner {
    width: 125px;
    height: 71px;
    /* top: -50%; */
  }
  h3.h3 {
    font-size: 17px;
  }
  #footerPrincipal img {
    vertical-align: middle;
    width: 100px;
    position: absolute;
    right: 34.5% !important;
    padding-top: 10px;
  }
  .redes-sociais {
    position: relative;
    top: 106px;
    left: 6%;
    font-size: 16px;
    width: 94%;
  }
  .redes-sociais img {
    height: 25px;
    width: auto;
    margin-left: 3px;
  }
  .imgs {
    position: relative;
    display: flex;
    left: 6% !important;
    bottom: 10px !important;
    width: 94%;
  }
  #banner {
    height: 100%;
  }
  .carousel-geral {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
  }
  .blog-con {
    flex-direction: column;
    height: auto!important;
    gap: 28px;
}

.blog-con >div {
    width: 100%!important;
}
  .medalha {
    right: 50%;
    top: -62px;
  }
  h3.h3.showanimate.rotated P {
    left: 8px;
    top: -51px;
    font-size: 23px;
  }
  .slick {
    float: right;
    width: 100%;
  }
  .bannertitle h1 {
    font-size: 2rem !important;
    /* text-align: left; */
    width: 20rem;
  }
  .bannertitle h1 {
    font-size: 2rem;
    /* text-align: left; */
    width: 20rem;
  }
  .botao-banner {
    /* border: 0.2vw solid white; */
    padding: 0.2vw;
    font-size: 1.1vw;
    /* margin-left: 49%; */
    position: absolute;
    top: 17.1rem;
}
.area {
  right: 43%;
  top: -72px;
}
.botao-banner a {
  font-size: 1.2rem;
}
.lupin {
  position: absolute;
  z-index: 999999999999;
  margin-top: -46px;
  width: 50px;
  display: flex;
  justify-content: center;
  margin-left: 00;
  margin-left: 57%;
}
.mod-finder.js-finder-searchform.form-search {
  height: 15vw;
}
#mod-finder-searchword {
  height: 14vw;
}
  .slick2 {
    width: 75%;
    background-image: url(../img/mecanica-img/Journey.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: hue;
    opacity: 0.9;
    color: #000;
    z-index: 3;
    position: absolute;
    height: 13vw;
    margin-top: -9%;
    border-radius: 28px;
    margin-left: -45px;
}
#menu .moduletable {
  margin-top: 39px;
  height: auto !important;
}


  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding-bottom: 10px;
  }

  .nav-banner {
    /* position: absolute; */
    width: 100%;
    bottom: 50%;
    z-index: 10;
    top: 0px!important;
  }
  .b-proximo {
    background: url(../img/nexbtn.png) no-repeat,
      url(../img/elipse_5.png) no-repeat;
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      /* width: 20% !important; */
      height: 58px !important;
      bottom: 14%;
      cursor: pointer;
      margin-left: -30px;
  }
  .menu-aberto {
    /* Estilos para o menu aberto */
    display:none;
  }
  .container.ofertas{
    margin-top: 0px;
  }
  .b-anterior {
    background: url(../img/prevbtn.png) no-repeat,
      url(../img/elipse_5.png) no-repeat;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    height: 58px !important;
    bottom: 14% !important;
    right:15% !important;
    cursor: pointer;
  }
  
/* Oculta o menu no início */
.lista-menu-principal {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out; /* Suaviza a transição */
}

/* Quando o menu é ativado */
.menu-toggle-checkbox:checked ~ .lista-menu-principal {
  max-height: 500px; /* Ajuste conforme o tamanho do menu */
}

/* Estilos do ícone de hambúrguer */
.toggle-menu {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 24px;
  position: relative;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
#menuToggle {
  display: none;
}
.menu-padrao ul.lista-menu-principal {
  margin: 0;
  /* gap: 20px; */
  display: grid;
  justify-content: center;
}
.toggle-menu .listra {
  height: 3px;
  background-color: #2376a7!important;
  margin-bottom: 5px;
  border-radius: 2px;
}




  element.style {
  }
  .logo-banner {
    background: url(../img/logo.png) no-repeat;
    position: absolute;
    width: 11%;
    height: 110px;
    bottom: 43% !important;
    right: 0% !important;
    opacity: 0.4;
  }

  .slick-dots {
    position: absolute;
    list-style: none;
    cursor: pointer;
    z-index: 3;
    /* color: rgb(35, 110, 172); */
    background-color: inherit;
    /* padding: 15px; */
    grid-area: q4;
    font-size: 1.1vw;
    bottom: 100% !important;
    display: flex;
    /* margin-left: 10px; */
  }
  .txt-dest {
    height: 30px !important;
}
  .bannertxt p {
    color: white;
    margin-bottom: 0;
    font-size: 3.5vw !important;
    text-align: left;
    margin-left: -13px;
}
  img.hidden-md.hidden-lg.hidden-xl.hidden-xxl {
    display: none !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1266px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.58rem !important;
    text-decoration: none;
    font-weight: bold;
}

}
/***** 1366x768p laptop *****/
@media screen and (min-width: 1267px) and (max-width: 1366px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.6rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1367px) and (max-width: 1466px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 1.7rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1467px) and (max-width: 1566px)  {
  #menu a {
    color:#2376a7!important;
    font-size:1.8rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1667px) and (max-width: 1766px)  {
  #menu a {
    color:#2376a7!important;
    font-size:1.9rem!important;
    text-decoration: none;
    font-weight: bold;
}

}

@media screen and (min-width: 1767px) and (max-width: 1866px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 2rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1867px) and (max-width: 1966px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 2.1rem!important;
    text-decoration: none;
    font-weight: bold;
}

}
@media screen and (min-width: 1967px) and (max-width: 2166px)  {
  #menu a {
    color:#2376a7!important;
    font-size: 2.2rem!important;
    text-decoration: none;
    font-weight: bold;
}

}

@media screen and (min-width: 1410px) and (max-width: 1800px) {

  .imgsg .a {
    position: absolute;
    left: 21.7%;

  }
  img.c {
    position: absolute;
    left: 54.3%;

  }
  .imgsg .d {
    position: absolute;
    left: 70.8%;

  }
  .imgsg .b {
    position: absolute;
    left: 38.4%;

  }
}

@media screen and (min-width: 1801px) and (max-width: 2000px) {

  .imgsg .a {
    position: absolute;
    left: 25.3%;

  }
  img.c {
    position: absolute;
    left: 53.8%;

  }
  .imgsg .d {
    position: absolute;
    left: 68.5%;

  }
  .imgsg .b {
    position: absolute;
    left: 39.9%;

  }
}