#hog-secao {
  margin-top: 79px;
}
#hog-secao .btn-harley {
  width: 100%;
}
.img-hog {
  margin-top: -120px;
}

#hog p {
  text-align: justify;
}

@media (max-width: 1185px) {
  #titulos h1 span {
    font-size: 30px;
  }
  #titulos h2 span {
    font-size: 28px;
  }
  .about2 span,
  .about2 ul li{
    font-size: 14px !important;
  }
}

@media (max-width: 1024px) {
  #bg-texto-hog {
    height: 28px;
  }
}

@media (max-width: 823px) {
  #hog-secao {
    text-align: center;
    margin-top: 0px !important;
  }
  #nome_cargo .nome {
    font-size: 20px !important;
    margin-bottom: 0px !important;
  }
  .img-hog {
    height: 100% !important;
    margin-top: -45px !important;
  }
  #bg-texto-hog {
    height: 76px;
    background-size: 960px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 3px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  #titulos h1 span {
    font-size: 24px !important;
  }
  .text-uppercase {
    margin: 0;
  }
  #titulos h2 span {
    font-size: 22px !important;
  }
  #hog-secao .btn-harley {
    width: 100%;
  }
  .btn {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
  }

  #titulos h1 {
    margin-bottom: 0;
    line-height: 20px !important;
  }
 /* p {
  font-size: 18px !important;
 }*/
}

@media (min-width: 768.1px) {
  #bg-texto-hog {
    height: 58px;
    background-image: url("/assets/img/pagina/index/faixa-hog.webp");
    background-size: cover;
    background-position-x: 3px;
    background-repeat: repeat;
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

@media (max-width: 768px) {
  #bg-texto-hog {
    height: 76px;
    background-image: url("/assets/img/pagina/index/faixa-hog.webp");
    background-size: 960px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 3px;
  }
  #titulos h1 {
    margin-bottom: 0;
    line-height: 20px !important;
  }
  #titulos h1 span {
    font-size: 24px !important;
  }

  #titulos h2 span {
    font-size: 23px !important;
  }
  #hog p {
    text-align: justify;
  }
  #hog-secao {
    margin: 0;
  }
  #hog-secao .btn-harley {
    width: 100%;
  }
}


@media (max-width: 740px) {
  #titulos {
    position: absolute;
  }
  #hog {
    position: relative;
  }
}

@media (max-width: 740px) {
  .img-hog {
    margin-top: -135px !important;
  }
  .hog-top {
    margin-top: 125px !important;
  }
  #titulos {
    top: 70px !important;
    left: 138px !important;
  }
  #hog {
    position: relative;
  }
  #titulos h1 span {
    font-size: 17px !important;
    margin: 0;

  }
  #titulos h2 span {
    font-size: 17px !important;

  }
  #titulos h2 {
    line-height: 1 !important ;

  }
}

@media (max-width: 720px) {
  .img-hog {
    margin-top: -150px !important;
  }
  .hog-top {
    margin-top: 125px !important;
  }

  .btn {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
  }

  #titulos {
    top: 50px !important;
    left: 135px !important;
  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 15px !important;
    width: 100%;
  }

  #titulos h1 span {
    font-size: 16px !important;
    margin: 0;

  }
  #titulos h2 span {
    font-size: 17px !important;

  }
  #titulos h2 {
    line-height: 1 !important ;

  }
  .form-floating > .form-select ~ label{
    font-size: 17px !important;
  }
}

@media (max-width: 690px) {
  #titulos {
    top: 50px !important;
    left: 116px !important;
  }
}

@media (max-width: 600px) {
  #titulos {
    top: 50px !important;
    left: 80px !important;
  }
  #titulos h2 span {
    font-size: 15px !important;
  }

}

@media (max-width: 500px) {
  #titulos {
    top: 50px !important;
    left: 45px !important;
  }
  #titulos h1 span,
  #titulos h2 span {
    font-size: 15px !important;
    margin: 0;
  }
  #titulos h2 {
    line-height: 1 !important ;

  }
}

@media (max-width: 460px) {
  #titulos {
    top: 40px !important;
    left: 45px !important;
  }
  #titulos h1 span,
  #titulos h2 span {
    font-size: 14px !important;
  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 16px !important;
    width: 100%;
  }
}

@media (max-width: 425px) {
  .img-hog {
    margin-top: -210px !important;
  }
  #titulos {
    top: -25px !important;
    left: 40px !important;
  }
  #historia-harley .btn.btn-harley {
    bottom: 85px !important;
    right: 25px !important;
  }
  #titulos h1 span,
  #titulos h2 span {
    font-size: 13px !important;
  }
  #titulos h2 {
    line-height: 0.5 !important;
  }

}

@media (max-width: 414px) {
  .img-hog {
    height: 379px;
    margin-top: -155px !important;
  }
  .text-uppercase {
    margin: 0;
  }
  .btn {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
  }

  .hog-top {
    margin-top: 38px;
  }
  #titulos {
    top: 30px !important;
    left: 39px !important;
  }
  #titulos h1 span {
    font-size: 13px !important;
    margin: 0;

  }
  #titulos h2 span {
    font-size: 12px !important;

  }
  #titulos h2 {
    line-height: 0.5 !important ;

  }
   p.mt-4{
    font-size: 14px !important;
    text-align: justify;
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;

  }
  p.m-0 {
    font-size: 14px !important;
  }

  #hog p {
    font-size: 14px !important;
  }
  .imagem-historia {
    margin-bottom: -50px !important;
  }
  #newsletter h1{
    font-size: 21px !important;
    text-align: center;
  }
  section.boutique_acessorios .conteudo .text_content h2 {
    font-size: 30px !important;
  }
  .form-floating > .form-select ~ label{
    font-size: 15px !important;
  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 14px !important;
    width: 100%;
  }
  #historia-harley .btn.btn-harley {
    bottom: 80px !important;
    right: 30px;
  }
  #nome_cargo .nome {
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }
  #nome_cargo .cargo {
    font-size: 12px !important;
  }
}

@media (max-width: 405px) {
  #titulos h1 span {
    font-size: 12px !important;
    margin: 0;
  }
}

@media (max-width: 390px) {
  #slide_novos .slick-next img,
  #slide_novos .slick-prev img {
    margin-left: 15px;
  }
  #historia-harley .btn.btn-harley {
    bottom: 70px !important;
    right: 15px !important;
  }
  /*#slide_novos .slick-list {
    height: 237.938px !important;
  }*/
  .imagem-historia {
    margin-bottom: 0px;
  }
  #titulos {
    top: 40px !important;
    left: 37px !important;
  }
  #titulos h1 span {
    font-size: 12px !important;
    margin: 0;

  }
  #titulos h2 span {
    font-size: 12px !important;
  }
  .historia-img {
    margin-bottom: -25px !important;
  }
  .img-hog {
    height: 379px;
    margin-top: -140px !important;
  }
}

@media (max-width: 375px) {
  .text-uppercase {
    margin: 0;
  }
  .btn {
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
  }
  .img-hog {
    margin-top: -100px !important;
  }
  .hog-top {
    margin-top: 38px;
  }
  #titulos {
    top: 75px !important;
    left: 35px !important;
    margin-bottom: 10px;
  }
  #titulos h1 span {
    font-size: 11.5px !important;
    margin: 0;
    line-height: 10px !important ;

  }
  #titulos h2 span {
    font-size: 11px !important;

  }
   p.mt-4{
    font-size: 14px !important;
    text-align: justify;
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;

  }
  p.m-0 {
    font-size: 14px !important;
  }

  #hog p {
    font-size: 14px !important;
  }
  .imagem-historia {
    margin-bottom: -100px !important;
  }
  #newsletter h1{
    font-size: 21px !important;
    text-align: center;
  }
  section.boutique_acessorios .conteudo .text_content h2 {
    font-size: 30px !important;
  }
  .form-floating > .form-select ~ label{
    font-size: 11.5px !important;
  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 14px !important;
    width: 100%;
  }
  #historia-harley .btn.btn-harley {
    bottom: 50px !important;
    right: 22px !important;
  }
  #nome_cargo .nome {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

}

@media (max-width: 360px) {
  .text-uppercase {
    margin: 0;
  }
  .img-hog {
    margin-top: -60px;
  }
  .hog-top {
    margin-top: 38px;
  }
  #titulos {
    top: 50px !important;
    left: 35px;
  }
  #titulos h1 span {
    font-size: 11.5px !important;
    margin: 0;

  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 13px !important;
    width: 100%;
  }
  .btn {
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
  }
  .img-hog {
    margin-top: -125px !important;
  }
  #titulos h2 span {
    font-size: 11.5px !important;
  }
  #titulos h2 {
    line-height: 0.5 !important ;
  }
   p.mt-4{
    font-size: 13px !important;
    text-align: justify;
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;

  }
  p.m-0 {
    font-size: 13px !important;
  }

  #hog p {
    font-size: 13px !important;
  }
  .imagem-historia {
    margin-bottom: -100px !important;
  }
  #newsletter h1{
    font-size: 21px !important;
    text-align: center;
  }
  section.boutique_acessorios .conteudo .text_content h2 {
    font-size: 30px !important;
  }
  #historia-harley .btn.btn-harley {
    bottom: 55px !important;
    right: 30px;
  }
}

@media (max-width: 320px) {
  #hog p span {
    font-size: 12px;
  }
  p.mt-4{
    font-size: 14px !important;
    text-align: justify;
    margin-bottom: 1rem !important;
    margin-top: 0.5rem !important;
  }
  .img-hog {
    margin-top: -60px;
  }
  #titulos h2 span {
    font-size: 18px;
  }
  #titulos {
    top: 60px !important;
    left: 30px !important;
  }
  .img-hog {
    width: 100%;
    height: 100%;
    margin-top: -115px !important;
  }
  section.boutique_acessorios .conteudo .text_content p {
    font-size: 13px !important;
    width: 100%;
  }
  section.boutique_acessorios .conteudo .text_content h2 {
    font-size: 30px !important;
  }
  #historia-harley .btn.btn-harley {
    bottom: 45px !important;
    right: 30px;
  }
  #titulos h1 span {
    font-size: 10px !important;
    margin: 0;
    line-height: 10px !important;
  }
  #titulos h2 span {
    font-size: 10px !important;
    margin: 0;

  }
  #newsletter h1{
    font-size: 18px !important;
    text-align: center;
  }
  #newsletter p{
    text-align: center;
    font-size: 13px !important;
  }
  #contato-title h1 {
    font-size: 22px !important;
  }
  #contato-title h3 {
    font-size: 20px !important;
  }
  #nome_cargo .nome {
    font-size: 12px !important;
   margin-bottom: 0;
  }
  #nome_cargo .cargo {
    font-size: 10px !important;
  }
}

@media (min-width: 901px) and (max-width: 1000px) and (orientation: landscape) {
  #bg-texto-hog {
    height: 29px;
  }
}
@media (min-width: 768.1px) and (max-width: 823px) and (orientation: landscape) {
  #bg-texto-hog {
    height: 22px;
  }
}
@media (min-width: 300px) and (max-width: 650px) and (orientation: landscape) {
  #bg-texto-hog {
    height: 25px;
  }
}