@import 'style.css';
section.services-top-page {
  height: 200px;
}

#menu_mobile_teste.navbar {
  display: block !important;
}

.navbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.3em;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0.5rem 1rem 0 0;
}

#slide_Principal .slick-arrow.slick-prev:before,
#slide_Principal .slick-arrow.slick-next:before {
  font-size: 30px !important;
}

#slide_seminovos .slick-arrow.slick-prev:before,
#slide_seminovos .slick-arrow.slick-next:before {
  font-size: 20px !important;
}

#cambio {
  background-image: url("data:image/svg+xml,%3Csvg width='22px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99.2 99.2'%3E%3Cdefs%3E%3Cstyle%3E .cls-branco %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Camada_1-2' data-name='Camada 1'%3E%3Cpath class='cls-branco' d='M7.44,37.6H4.8a5,5,0,0,0-4.8,5V57A4.63,4.63,0,0,0,4.8,61.6H7.52c4.32,0,7,6.32,3.84,9.44L9.6,72.8a4.73,4.73,0,0,0,0,6.8L19.68,89.76a4.88,4.88,0,0,0,6.8,0l3-3a4.78,4.78,0,0,1,8.16,3.44v4.32a4.68,4.68,0,0,0,4.8,4.64H56.8a4.63,4.63,0,0,0,4.8-4.64V90.24a4.78,4.78,0,0,1,8.16-3.36l3,3a4.88,4.88,0,0,0,6.8,0L89.6,79.76a4.8,4.8,0,0,0,0-6.8l-1.76-1.84c-3.12-3-.48-9.44,3.84-9.44H94.4A4.63,4.63,0,0,0,99.2,57V42.64a5,5,0,0,0-4.8-5H91.76c-4.32,0-7-6.48-4-9.52l1.92-1.84a4.78,4.78,0,0,0,0-6.72L79.6,9.52a4.8,4.8,0,0,0-6.8,0L70.88,11.2c-3,3.12-9.28.56-9.28-3.84V5a5,5,0,0,0-4.8-5H42.4a5,5,0,0,0-4.8,5v2.4c0,4.4-6.24,7-9.28,3.84L26.48,9.36a4.73,4.73,0,0,0-6.8,0L9.52,19.52a4.88,4.88,0,0,0,0,6.8l1.92,1.76c3,3,.32,9.52-4,9.52Zm42.32-7a19.2,19.2,0,1,1-19.2,19.2,19.15,19.15,0,0,1,19.2-19.2Z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 2px) !important;
  background-position-y: calc(100% - 25px) !important;
  background-size: 20px !important;
}

#combustivel {
  background-image: url("data:image/svg+xml,%3Csvg width='22px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 435.35 410.57'%3E%3Cdefs%3E%3Cstyle%3E .cls-branco %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Camada_1-2' data-name='Camada 1'%3E%3Cpath class='cls-branco' d='M364.37,391.65a52.11,52.11,0,0,1-52.05-52.06V202.36A28.39,28.39,0,0,0,283.93,174h-9.47V155h9.47a47.38,47.38,0,0,1,47.32,47.32V339.59a33.13,33.13,0,1,0,66.25,0V202.36h18.92V339.59a52.11,52.11,0,0,1-52.05,52.06Z' /%3E%3Cpath class='cls-branco' d='M416.42,9.46,435.35,0V45.09l-18.93,9.46Zm0,183.44H397.5V174h18.92ZM435.35,155H378.57V94.64l56.78-28.39Z' /%3E%3Crect class='cls-branco' x='246.07' y='117.18' width='18.93' height='94.64' /%3E%3Crect class='cls-branco' x='56.78' y='117.18' width='132.5' height='28.39' /%3E%3Cpath class='cls-branco' d='M9.46,391.65H0v18.92H246.07V391.65Z' /%3E%3Cpath class='cls-branco' d='M227.14,221.29V88.79a9.47,9.47,0,0,0-9.46-9.46H28.39a9.46,9.46,0,0,0-9.46,9.46V372.72H227.14ZM56.78,240.22H37.85V221.29H56.78Zm0-37.86H37.85V183.43H56.78ZM208.21,155a9.45,9.45,0,0,1-9.46,9.46H47.32A9.46,9.46,0,0,1,37.85,155V107.72a9.47,9.47,0,0,1,9.47-9.47H198.75a9.46,9.46,0,0,1,9.46,9.47Z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 2px) !important;
  background-position-y: calc(100% - 25px) !important;
}

#direcao {
  background-image: url('/assets/img/icones/steeringwheel_theapplication_direccio_2925.png') !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 2px) !important;
  background-position-y: calc(100% - 25px) !important;
  background-size: 20px !important;
}

.single-info {
  height: 55px;
  background: var(--cinza-empresas-maggi) !important;
  background-color: var(--cinza-empresas-maggi) !important;
}

.single-info span {
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resize {
  margin-top: 5px;
}

.offcanvas-header .btn-close::before {
  content: '\f5ee';
  font-size: 45px;
  color: white;
  margin-left: -25px;
  margin-top: 3px;
}

.offcanvas-header .btn-close {
  display: contents;
}

.offcanvas {
  transition: transform 0.5s ease-in-out !important;
}

.offcanvas-start {
  border-right: 0px !important;
}

@media (max-width: 1024px) {
  .info_horario {
    margin-left: 2.2rem !important;
  }
  .footer0 {
    background-color: var(--footer-color);
    color: #fff;
    margin-top: 25px;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: 60% 110%;
    background-position-x: 440px;
    background-position-y: -60px;
  }
  .info_valor h3 {
    font-size: 1.5rem !important;
  }
  .product-image-area {
    height: 180px;
  }
  .info_slider {
    display: flex;
    /* flex-wrap: wrap; */
  }
}

/* RESOLUÇÃO MOBILE DEITADO TELA GRANDE */

@media screen and (max-width: 1000px) {
  .menu-aberto-texto {
    font-size: 12pt;
    line-height: 2;
    margin-top: 3em !important;
  }
  .menu-aberto-outros-servicos {
    margin-top: 3em !important;
  }
  .menu-drop {
    width: 100vw;
    background: var(--cinza-empresas-maggi) ;
    height: 80px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    display: flex;
  }
  #slide_Principal .slick-arrow.slick-prev {
    left: -13px;
  }
  #slide_Principal .slick-arrow.slick-next {
    right: -13px;
  }
  .navbar.teste-nav {
    font-size: 15px !important;
  }
  #menu_mobile_teste.navbar-mobile {
    display: block !important;
  }
  .logo-toyota-navbar {
    width: 50%;
  }
  .header {
    height: 35px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 80%, var(--cinza-empresas-maggi) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
    z-index: 1046;
  }
  .navbar {
    position: fixed !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .menulogo {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MOBILE.webp?v=6);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
    background-size: contain;
  }
  .menulogo-marca {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MENU-MOBILE.webp);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
  }
  .bg-maggi-menu-mobile {
    background: url(/assets/img/menu/logo-maggi-menu.svg?v=2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .linkMenuLogo-marca {
    height: 25px;
    width: 100px;
    position: fixed;
    top: 64px;
    left: 215px;
    /* background-color: #000; */
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 3px;
    right: 15px;
  }
  .resize {
    width: 30% !important;
    margin-left: -75px;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 152px !important;
    position: fixed;
    top: -14px;
    left: 2% !important;
  }
  .linkMenuLogoConcessionarias {
    height: 100px;
    width: 190px;
    position: fixed;
    top: 0;
    left: 40px;
  }
  .divisor-altura {
    height: 50px !important;
    display: flex;
    align-content: center !important;
  }
  .divisor .logo {
    line-height: 0;
  }
  .divisor div .logo figure svg {
    max-height: 40px !important;
    margin-left: auto !important;
    height: 20px !important;
  }
  .divisor .logo figure svg {
    max-height: 20px !important;
    margin-left: auto !important;
  }
  .divisor span {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #f2f2f2 !important;
    margin-top: 3px !important;
  }
  .divisor h3 {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
  }
  .divisor h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  .divisor p {
    margin: 5px 0 0 0 !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  .mobile-nav-toggle.bi-x {
    color: #fff;
    top: 20px !important;
    right: 12px;
    font-weight: bold;
    font-size: 2.5em;
  }
  .navbar-mobile {
    width: 0%;
    transform: all 5s ease;
  }
  .info_valor h3 {
    font-size: 1.3rem !important;
  }
  .product-image-area {
    height: 150px;
  }
  .info_slider {
    display: flex;
    /* flex-wrap: wrap; */
  }
  .item-area {
    min-height: 395px;
  }
  .info_slider svg {
    margin: 5px 3px 0px 0px;
  }
  .info_slider span {
    font-size: 0.7rem;
    line-height: 25px;
  }
  .slider-semi {
    height: 400px !important;
  }
  .responsive .slick-slide {
    margin: 0px 5px !important;
  }
  .footer-main {
    padding: 5px 0 30px;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi)  !important;
    font-size: 1.8rem !important;
    margin-top: -14px;
  }
  .mobile-nav-toggle {
    top: 37px;
  }
  #exibir_slider .slick-next {
    right: -35px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -35px !important;
    z-index: 1 !important;
  }
}

@media (max-width: 915px) {
  .item-area {
    min-height: 380px !important;
  }
  .logo-fiat-navbar {
    width: 35%;
    margin-left: unset;
  }
}

@media (max-width: 912px) {
  .item-area {
    min-height: 435px !important;
  }
}

@media (max-width: 823px) {
  .logo-fiat-navbar {
    width: 35%;
    margin-left: unset;
  }
  .info_valor h3 {
    font-size: 1.5rem !important;
  }
  .product-image-area {
    height: auto !important;
  }
  .info_slider {
    display: flex;
  }

  .info_slider svg {
    margin: 5px 3px 0px 0px;
  }
  .info_slider span {
    font-size: 0.7rem;
    line-height: 25px;
  }
  .slider-semi {
    height: 400px !important;
  }
  .nomeDoVeiculo1 {
    font-size: 13px !important;
    line-height: 15px;
    color: var(--cinza-empresas-maggi);
    margin: 0;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .teste .slick-arrow.slick-prev {
    left: -35px;
  }
  .teste .slick-arrow.slick-next {
    right: -35px;
  }
  .bg-maggi-menu-mobile {
    background: url(/assets/img/menu/logo-maggi-menu.svg?v=2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }

  .item-area {
    min-height: 450px !important;
  }
}

@media (max-width: 812px) and (orientation: landscape) {
  .bg-maggi-menu-mobile {
    background: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
}

/* RESOLUÇÃO TABLET */

@media screen and (max-width: 768px) {
  .navbar.teste-nav {
    font-size: 13px !important;
  }
  .logo-toyota-navbar {
    width: 50%;
  }
  .responsive .slick-list {
    margin: 0 0px !important;
  }
  .teste .slick-arrow.slick-prev {
    left: -35px !important;
  }
  .teste .slick-arrow.slick-next {
    right: -35px !important;
  }
  .Informacoes {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1.8rem !important;
    margin-top: -6px;
  }
  .mobile-nav-toggle {
    top: 45px;
    right: 10px;
  }
  .entreencontato1 {
    font-size: 20px !important;
  }
  .linkMenuLogo {
    height: 80px !important;
    width: 200px !important;
    position: fixed;
    top: 0;
    left: 1% !important;
  }
  .linkMenuLogoConcessionarias {
    height: 100px;
    width: 190px;
    position: fixed;
    top: 0;
    left: 40px;
  }
  .fiat-logo {
    height: 25px;
    width: 145px;
    position: absolute;
    top: -5px;
    right: 3%;
  }
  .divisor-altura {
    height: 50px !important;
    display: flex;
    align-content: center !important;
  }
  .section-header p {
    font-size: 28;
    line-height: 32px;
  }
  [data-aos-delay] {
    -webkit-transition-delay: 0 !important;
    -o-transition-delay: 0 !important;
    transition-delay: 0 !important;
  }
  .header {
    height: 40px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 78%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .navbar {
    position: fixed !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .menulogo {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MOBILE.webp?v=6);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
    background-size: contain;
  }
  .menulogo-marca {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MENU-MOBILE.webp);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
  }
  .linkMenuLogo-marca {
    height: 25px;
    width: 100px;
    position: fixed;
    top: 64px;
    left: 215px;
    /* background-color: #000; */
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 15px;
    right: 17px;
  }
  a svg {
    vertical-align: bottom !important;
  }
  .banner-carousel .slick-dots {
    opacity: 1 !important;
    filter: alpha(opacity=1);
    bottom: 0px !important;
    border: none;
    outline: none;
  }
  .slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px !important;
    line-height: 20px;
    position: absolute;
    top: -23px !important;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 0.4;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .v-menu {
    padding: 0 0 0 0 !important;
    height: 36px;
    background: #1473e6;
  }
  .menuborder {
    height: 38px;
    border: 0;
  }
  .hero {
    text-align: center;
  }
  .hero h1 {
    font-size: 32px;
  }
  .hero h2 {
    font-size: 24px;
  }
  .hero .hero-img img {
    width: 100%;
  }
  .features .feture-tabs h3 {
    font-size: 28px;
  }
  .features .feature-icons h3 {
    font-size: 28px;
  }
  .item-box-margin {
    max-width: 150px !important;
  }
  .marcas .count-box {
    width: auto;
    height: 120px;
    background: var(--cinza-empresas-maggi);
    background-size: 100% !important;
  }
  .marcas2 .count-box {
    width: auto;
    height: 120px;
    background: var(--cinza-empresas-maggi);
    background-size: 70% !important;
    margin-left: 0;
  }
  .footer0 {
    background-color: var(--footer-color);
    color: #fff;
    margin-top: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 140% 110%;
    background-position-x: -90px;
    background-position-y: 210px;
  }
  .texto-organizar-footer {
    margin-top: 0 !important;
  }
  #slide_single .slick-next {
    right: -5px !important;
  }
  #slide_single .slick-prev {
    z-index: 999;
    left: -5px !important;
  }
  #slidertl .slick-prev {
    left: -5px !important;
    z-index: 1 !important;
  }
  #slidertl .slick-next {
    right: -5px !important;
    z-index: 1 !important;
  }
  #responsive .slick-arrow.slick-next {
    right: -15px;
  }
  #responsive .slick-arrow.slick-prev {
    left: -15px;
  }
  #exibir_slider .slick-next {
    right: -25px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -25px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev:before,
  #exibir_slider .slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .counts {
    padding: 29px 0 50px;
  }
  .item-saiba-mais-tamanho {
    padding: 0 !important;
  }
  .item-saiba-mais-padding {
    padding: 0 20px;
  }
  .about2 {
    color: #fff;
    margin-left: 0 !important;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
  }
  .table-responsive-stack td {
    float: left\9;
    width: 100%;
  }
  section.location img {
    display: none !important;
  }
  section.location {
    padding: 10px 0;
    text-align: center;
  }
  .item-area {
    min-height: 425px !important;
  }
  .info_valor h3 {
    font-size: 1.3rem !important;
  }
  .block-btn-car a span {
    font-size: 0.7rem !important;
    font-weight: 600;
    line-height: 15px;
    padding: 0.25rem;
  }
  .entreencontato {
    font-size: 15px !important;
    line-height: 1em;
    font-weight: bold !important;
    margin-left: 50px;
  }
  .about2 .content ul button p {
    font-size: 0.8em !important;
    line-height: 1em;
    font-weight: bold !important;
  }
  .btn2 {
    font-size: 15px !important;
    display: flex;
    justify-content: center !important;
    padding-bottom: 20px !important;
  }
  .wpp {
    margin-top: 17px !important;
  }
  .lig {
    margin-left: 25px;
  }
  .btn3 {
    font-size: 15px;
    margin-right: 85px;
  }
  .btn4 {
    font-size: 15px;
    margin-right: 35px;
  }
  .info_slider span {
    font-size: 12px !important;
    line-height: 25px !important;
  }
  #header {
    display: none;
  }
  .linkMenuLogo-marca {
    height: 22px;
    width: 100px;
    position: fixed;
    top: 64px;
    left: 215px;
    /* background-color: #000; */
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 5px;
    right: 15px;
  }
  a svg {
    vertical-align: bottom !important;
  }
  .banner-carousel .slick-dots {
    opacity: 1 !important;
    filter: alpha(opacity=1);
    bottom: -14px !important;
    border: none;
    outline: none;
  }
  .slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px !important;
    line-height: 20px;
    position: absolute;
    top: -23px !important;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 0.4;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .ctt {
    margin-left: 50px !important;
  }
  .zap {
    margin-right: -50px !important;
  }
  .call {
    margin-right: -50px !important;
  }
  .zapzap {
    display: flex;
    align-items: center;
  }

  .resize {
    width: 40% !important;
    margin-left: -90px;
    margin-top: 0px !important;
  }
  .bg-maggi-menu-mobile {
    background: url(/assets/img/menu/logo-maggi-menu.svg?v=2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 20px center;
    height: 100%;
    background-size: 91px 57px;
    overflow: hidden;
  }
  .product-image-area {
    height: 165px;
  }
  .info_slider {
    display: flex;
  }
  .slider-semi {
    height: 440px !important;
  }
}

@media (max-width: 740px) {
  .item-area {
    min-height: 375px !important;
  }
}

/* DIVISOR TABLET */

/* BANNER 700PX */

@media screen and (min-width: 600px) and (max-width: 767px) {
  .logo-nav {
    width: 75%;
  }
  .product-image-area {
    height: 105px;
  }
  .item-area {
    min-height: 375px;
  }
}

@media (max-width: 590px) {
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 65%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .resize {
    width: 55% !important;
    margin-left: -120px;
  }

  #exibir_slider .slick-next {
    right: -3px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -14px !important;
    z-index: 1 !important;
  }
  .responsive .slick-list {
    margin: 0 0px !important;
  }
}

@media (max-width: 425px) {
  .exibir_slider {
    max-height: 300px !important;
  }
  #semi .slick-arrow.slick-next {
    right: -23px !important;
  }
  #semi .slick-arrow.slick-prev {
    left: -23px !important;
  }
}

/* RESOLUÇÃO MOBILE 414PX */

@media screen and (max-width: 414px) {
  .mobile-nav-toggle {
    top: 45px;
    right: 10px;
  }
  .menu-aberto-outros-servicos {
    margin-top: 130px !important;
  }

  .resize {
    width: 80% !important;
    margin-left: -120px !important;
  }
  .logo-fiat-navbar {
    width: 50%;
    margin-left: unset;
  }
  .teste .slick-arrow.slick-prev {
    left: -21px !important;
  }
  .teste .slick-arrow.slick-next {
    right: 10px !important;
    width: 0px !important;
    height: 40px;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 64%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .product-image-area {
    height: 140px !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1.6rem !important;
    margin-top: -14px;
  }

  .bg-maggi-menu-mobile {
    background: url(/assets/img/menu/logo-maggi-menu.svg?v=2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 20px center;
    height: 100%;
    background-size: 91px 57px;
    overflow: hidden;
  }
  .info_slider {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
  }
  .valor_slider {
    font-size: 1em;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-top: 0px !important;
  }
  .Informacoes {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
  .info_slider h3 {
    line-height: 5rem;
  }
  #info_horario {
    padding-top: 10px;
  }
  .responsive .slick-list {
    margin: 0 5px !important;
  }
  .item-area {
    min-height: 366px !important;
  }
  #exibir_slider .slick-next {
    right: -11px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -11px !important;
    z-index: 1 !important;
  }
  .logo-nav {
    width: 75%;
  }
}

@media (max-width: 412px) {
  .item-area {
    min-height: 355px !important;
  }
}

@media (max-width: 390px) {
  .item-area {
    min-height: 355px !important;
  }
}
/* RESOLUÇÃO MOBILE ATÉ 414px */

@media screen and (min-width: 375.1px) and (max-width: 413px) {
  .banner-carousel .banner-carousel-item {
    height: 203px !important;
  }
  .slider-semi {
    height: 400px !important;
  }
  .header {
    height: 40px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 60%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .mobile-nav-toggle {
    top: 45px;
  }
  .navbar {
    position: fixed !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .menulogo {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MOBILE.webp);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
    background-size: contain;
  }
  .menulogo-marca {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-2.webp);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
  }
  .linkMenuLogo-marca {
    height: 25px;
    width: 100px;
    position: fixed;
    top: 64px;
    left: 215px;
    /* background-color: #000; */
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 3px;
    right: 15px;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 152px !important;
    position: fixed;
    top: -10px;
    left: 2% !important;
  }
  .linkMenuLogoConcessionarias {
    height: 100px;
    width: 190px;
    position: fixed;
    top: 0;
    left: 40px;
  }
  .divisor-altura {
    height: 50px !important;
    display: flex;
    align-content: center !important;
  }
  .divisor .logo {
    line-height: 0;
  }
  .divisor div .logo figure svg {
    max-height: 40px !important;
    margin-left: auto !important;
    height: 20px !important;
  }
  .divisor .logo figure svg {
    max-height: 20px !important;
    margin-left: auto !important;
  }
  .divisor span {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #f2f2f2 !important;
    margin-top: 3px !important;
  }
  .divisor h3 {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
  }
  .divisor h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  .divisor p {
    margin: 5px 0 0 0 !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  .v-menu {
    padding: 0 0 0 0 !important;
    height: 36px;
    background: #1473e6;
  }
  .product-image-area {
    height: 130px !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1.3rem !important;
    margin-top: -10px;
  }
  .item-area {
    min-height: 360px;
  }
  #exibir_slider .slick-next {
    right: -9px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -9px !important;
    z-index: 1 !important;
  }
  .logo-fiat-navbar {
    width: 50%;
    margin-left: unset;
  }
}

/* RESOLUÇÃO MOBILE ATÉ 375PX*/

@media (max-width: 375px) {
  .banner-carousel .banner-carousel-item {
    height: 195px !important;
  }
  .logo-fiat-navbar {
    width: 60% !important;
    margin-left: unset;
  }
  .slider-semi {
    height: 360px !important;
  }
  #exibir_slider .slick-next {
    right: -10px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -10px !important;
    z-index: 1 !important;
  }
  .header {
    height: 40px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 58%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .mobile-nav-toggle {
    top: 44px !important;
  }

  .navbar {
    position: fixed !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .menulogo {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MOBILE.webp?v=6);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
    background-size: contain;
  }
  .menulogo-marca {
    background-image: url(/assets/img/menu/LOGO-TESTEIRA-MENU-MOBILE.webp);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 50%;
  }
  .linkMenuLogo-marca {
    height: 25px;
    width: 100px;
    position: fixed;
    top: 64px;
    left: 215px;
    /* background-color: #000; */
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 3px;
    right: 15px;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 152px !important;
    position: fixed;
    top: -10px;
    left: 2% !important;
  }
  .linkMenuLogoConcessionarias {
    height: 100px;
    width: 190px;
    position: fixed;
    top: 0;
    left: 40px;
  }
  .divisor-altura {
    height: 50px !important;
    display: flex;
    align-content: center !important;
  }
  .divisor .logo {
    line-height: 0;
  }
  .divisor div .logo figure svg {
    max-height: 40px !important;
    margin-left: auto !important;
    height: 20px !important;
  }
  .divisor .logo figure svg {
    max-height: 20px !important;
    margin-left: auto !important;
  }
  .divisor span {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #f2f2f2 !important;
    margin-top: 3px !important;
  }
  .divisor h3 {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
  }
  .divisor h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  .divisor p {
    margin: 5px 0 0 0 !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  .v-menu {
    padding: 0 0 0 0 !important;
    height: 36px;
    background: #1473e6;
  }
  .bg-maggi-menu-mobile {
    background: url(/assets/img/menu/logo-maggi-menu.svg?v=2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 20px center;
    height: 100%;
    background-size: 91px 57px;
    overflow: hidden;
  }
  .info_valor h3 {
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
  }
  .product-image-area {
    height: 110px !important;
  }
  .item-area {
    min-height: 335px !important;
  }
  .slick-prev .slick-arrow {
    left: -5px !important;
  }
  .responsive .slick-slide {
    margin: 0px 10px !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1.1rem !important;
    margin-top: -10px;
  }
  .menu-aberto-outros-servicos {
    margin-top: 40px !important;
  }
  .menu-aberto-texto {
    margin-top: 0 !important;
  }
}

@media (max-width: 360px) {
  .banner-carousel .banner-carousel-item {
    height: 187px !important;
  }
}

/* IPHONE SE/5 */

@media (max-width: 320px) {
  .single-info span {
    font-size: 0.7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #text-direcao,
  #text-combustivel,
  #text-cambio {
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .banner-carousel .banner-carousel-item {
    height: 166px !important;
  }
  .span-text {
    font-size: 0.75em !important;
  }
  .slick-arrow.slick-next {
    right: -5px !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1rem !important;
    margin-top: -10px;
  }
  .responsive .slick-list {
    margin: 0 0px !important;
  }
  .logo-fiat-navbar {
    width: 75% !important;
    margin-left: unset;
  }
  .header {
    height: 40px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 40px !important;
    background: linear-gradient(113deg, var(--cor-site) 54%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .linkMenuLogo-social {
    height: 25px;
    position: fixed;
    top: 3px;
    right: 15px;
  }
  .mobile-nav-toggle {
    top: 45px !important;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 152px !important;
    position: fixed;
    top: -10px;
    left: 2% !important;
  }
  .logo-footer {
    height: 100px;
  }
  .v-menu {
    padding: 0 0 0 0 !important;
    height: 36px;
    background: #1473e6;
  }
  .bg-maggi-menu-mobile {
    background: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .text-fiat {
    font-size: 16px !important;
  }
  .responsive .slick-slide {
    margin: 0 5px;
  }
  .product-image-area {
    height: 90px !important;
  }
  .item-area {
    min-height: 308px !important;
  }
  .info_valor h3 {
    font-size: 1rem !important;
    line-height: 0.8rem !important;
  }
  #exibir_slider .slick-prev {
    left: -9px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-next {
    right: -9px !important;
    z-index: 1 !important;
  }
  .slider-semi {
    height: 320px !important;
  }
  .product-image-area {
    height: 87px !important;
  }
  .nomeDoVeiculo {
    line-height: 20px;
  }
  .nomeDoVeiculo {
    font-size: 15px;
    line-height: 26px;
    color: rgb(164 180 192);
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* -------- RESOLUÇÕES DE MOBILES DEITADO --------- */

/* RESOLUÇÃO MOBILE DEITADO */

@media (max-width: 1000px) and (orientation: landscape) {
  .mobile-nav-toggle.bi-x {
    color: #fff;
    top: 15px !important;
    right: 12px;
    font-weight: bold;
    font-size: 2.5em;
  }
  .mobile-nav-toggle {
    top: 38px;
    right: 10px;
  }
  .menu-drop {
    width: 100vw;
    background: var(--cinza-empresas-maggi);
    height: 70px !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    display: flex;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 133px !important;
    position: fixed;
    top: -15px;
    left: 2% !important;
  }
  .header {
    height: 35px !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 997;
    background: var(--azul-empresas-maggi) !important;
  }
  .header-menu {
    height: 35px !important;
    background: linear-gradient(113deg, var(--cor-site) 81%, rgba(164, 180, 192, 1) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
  }
  .resize {
    width: 30% !important;
    margin-left: -57px;
    margin-bottom: 5px;
  }
  .bg-maggi-menu-mobile {
    background: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .menu-aberto-texto,
  .menu-aberto-outros-servicos {
    margin-top: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1000px) and (orientation: landscape) {
  .logo-fiat-navbar {
    width: 200px;
    margin-left: unset;
  }

  .info_slider span {
    font-size: 0.7rem;
    line-height: 25px;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    margin-top: -14px;
    font-size: 1.7rem !important;
  }
  .nomeDoVeiculo {
    font-size: 16px;
    line-height: 20px;
    color: var(--cinza-empresas-maggi) ;
    margin: 0;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mobile-nav-toggle {
    top: 37px;
  }
  .linkMenuLogo {
    height: 100px !important;
    width: 133px !important;
    position: fixed;
    top: -15px;
    left: 2% !important;
  }
  .item-area {
    min-height: 395px !important;
  }
  .product-image-area {
    height: 120px !important;
  }
  #exibir_slider .slick-next {
    right: -35px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -35px !important;
    z-index: 1 !important;
  }
  .valor_slider {
    margin-top: 10px;
  }
  .resize {
    width: 30% !important;
    margin-left: -30px;
  }
  .header-menu {
    height: 35px !important;
    background: linear-gradient(113deg, var(--cor-site) 83%, var(--cinza-empresas-maggi)  31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
  }

  .block-btn-car a span {
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 25px;
    padding: 0.25rem;
  }
}

@media (min-width: 824px) and (max-width: 900px) and (orientation: landscape) {
  .product-image-area {
    height: 162px !important;
  }
  .item-area {
    min-height: 440px !important;
  }
  .resize {
    width: 30% !important;
    margin-left: -57px;
    margin-bottom: 5px;
  }
  .header-menu {
    height: 35px !important;
    background: linear-gradient(113deg, var(--cor-site) 82%, var(--cinza-empresas-maggi)  31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
  }

  .logo-fiat-navbar {
    width: 200px;
  }
}

@media (min-width: 768.1px) and (max-width: 823px) and (orientation: landscape) {
  .divisor-altura {
    height: 40px !important;
  }
  .bg-maggi-menu-mobile {
    /* background: url(/assets/img/menu/logo-maggi-menu.svg?v=2); */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .logo-fiat-navbar {
    width: 200px;
  }
}

@media (min-width: 650.1px) and (max-width: 768px) and (orientation: landscape) {
  .logo-fiat-navbar {
    width: 200px;
  }
  .product-image-area {
    height: 117px !important;
  }
  .item-area {
    min-height: 380px !important;
  }

  .slide1 {
    margin-bottom: 0px !important;
  }
  .divisor-altura {
    height: 40px !important;
  }
  .bg-maggi-menu-mobile {
    background: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .text-fiat {
    font-size: 17px !important;
  }
  #info_slider h3 {
    color: var(--cinza-empresas-maggi) !important;
    font-size: 1.3rem !important;
    margin-top: -10px;
  }
  #exibir_slider .slick-next {
    right: -35px !important;
    z-index: 1 !important;
  }
  #exibir_slider .slick-prev {
    left: -35px !important;
    z-index: 1 !important;
  }
  .item-area {
    min-height: 360px;
  }
  .product-image-area {
    height: 125px;
  }
  .header-menu {
    height: 35px !important;
    background: linear-gradient(113deg, var(--cor-site) 78%, var(--cinza-empresas-maggi)  31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
  }
  .resize {
    width: 35% !important;
    margin-left: -80px;
    margin-bottom: 0 !important;
  }
  .logo-fiat-navbar {
    width: 200px;
  }
}

@media (min-width: 300px) and (max-width: 650px) and (orientation: landscape) {
  .product-image-area {
    height: 125px !important;
  }
  .item-area {
    min-height: 360px !important;
  }
  #info_slider h3 {
    color: rgb(164 180 192) !important;
    margin-top: -14px;
    font-size: 1.5rem !important;
  }
  .divisor-altura {
    height: 40px !important;
  }
  .text-fiat {
    font-size: 17px !important;
  }
  .bg-maggi-menu-mobile {
    background: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 10px center;
    height: 100%;
    background-size: 80px 57px;
    overflow: hidden;
  }
  .resize {
    width: 75% !important;
    margin-left: -75px;
  }
  .header-menu {
    height: 35px !important;
    background: linear-gradient(113deg, var(--cor-site) 77%, var(--cinza-empresas-maggi) 31%) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
  }
  .logo-fiat-navbar {
    width: 200px;
  }
}