@media only screen and (max-width: 1920px) {

  .page-template-template-sobre .hambu {

    top: 10%;

  }

  .box-sessao-03 {

    left: 100px;

  }

  /*   #sessao-03-bg-01 {

    width: 1160px;

    height: 550px;

  }

 

  .lombo{

    width: 430px;

    left: 160px;

  }

  .img-1{

    width: 440px;

    left: 600px;

  }

  .box-sessao-03-2{

    top: 400px;

    left: 300px;

  } */

}



@media only screen and (max-width: 1440px) {

  .img-sessao-01 {

    right: 50px;

  }

  .bg-sabor-unico {

    background-position-x: -100px;

  }

  #bg-sessao-01 .textos {

    font-size: 50px;

    line-height: 55px;

  }

  .possition-texto-01 {

    left: 45vh;

  }

  #sessao-03-bg-01 {

    width: 846px;

    height: 387px;

  }

  /***/

  #sessao-03-bg-01 {

    width: 846px;

    height: 387px;

    position: relative;

    right: 15px;

  }

  .titulo-sabor {

    font-size: 120px;

    line-height: 109px;

    text-transform: uppercase;

    color: rgba(151, 151, 151, 0.28);

  }

  .img-1 {

    z-index: 1;

    top: 110px;

    right: 100px;

  }

  .pt-100 {

    padding: 100px 0 0 0;

  }

  .pb-100 {

    padding: 0 0 100px 0;

  }

  .pimentao {

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

  }

  .lombo {

    position: absolute;

    left: 10px;

    bottom: 50px;

    top: 200px;

  }

  .titulo-sabor-2 {

    position: absolute;

    bottom: 0;

    right: 0;

    top: 580px;

  }

  .box-sessao-03 {

    left: 70px;

  }

}



@media only screen and (max-width: 1366px) {

}



@media only screen and (max-width: 1280px) {

}



@media only screen and (max-width: 1024px) {

  

  #bg-tradicao-01 .img-tradicao {

    left: 230px;

  }

  #bg-tradicao-01 h2 {

    left: 320px;

    z-index: -1;

    font-size: 80px;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    left: 500px;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 49px;

  }

}



@media only screen and (max-width: 960px) {

}



@media only screen and (max-width: 800px) {

}



@media only screen and (min-width: 769px) {

}



@media only screen and (min-width: 768px) {

  .mobile {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

}

/** Ipad, tablet **/

@media only screen and (max-width: 768px) {

  #bg-tradicao-01 .img-tradicao {

    left: 230px;

  }

  #bg-tradicao-01 h2 {

    left: 320px;

    z-index: -1;

    font-size: 80px;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    left: 300px;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 49px;

  }

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 50px 10px 50px;

  }

  .container-img-produto .image {

    height: auto;

  }

}



@media only screen and (max-width: 720px) {

}



@media only screen and (max-width: 667px) {

}



@media only screen and (max-width: 640px) {

  .desktop {

    display: none;

  }

}



@media only screen and (max-width: 540px) {

  .desktop {

    display: none;

  }

  /** Botão menu **/

  .hambu {

    width: 50px;

    height: 50px;

    top: 15px;

    bottom: 0;

  }

  .btnSpan {

    font-size: 25px;

  }

  .overlay a {

    font-size: 20px;

    line-height: 20px;

  }

  .overlay .closebtn {

    top: 20px;

    right: 20px;

    font-size: 30px;

  }

  /** Redes sociais **/

  #Mobile {

    display: none;

  }

  /** Logo slide **/

  .logo {

    width: 40%;

    margin-top: 50px;

  }

  /** Arrow slide home **/

  .owl-nav .owl-next {

    right: 0%;

  }

  .owl-nav .owl-prev {

    left: 0%;

  }

  .hambu {

    top: 10%;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 230px;

  }

  #bg-tradicao-01 h2 {

    left: 320px;

    z-index: -1;

    font-size: 80px;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    left: 30px;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 49px;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 50px;

  }

  #bg-tradicao-01 .box-tradicao-texto {

    top: 380px;

    left: 80px;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  /** Produtos **/

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  .bg-fatiados-01,

  .bg-fatiados-02,

  .bg-fatiados-03 {

    height: 432px;

  }

  .titulo-slide-produtos h2 {

    font-size: 30px;

    line-height: 20px;

  }

}



@media only screen and (max-width: 480px) {

  .img-mobile {

    width: 100%;

    height: auto;

  }

  .desktop {

    display: none;

  }

  /** Botão menu **/

  .hambu {

    width: 50px;

    height: 50px;

    top: 15px;

    bottom: 0;

  }

  .btnSpan {

    font-size: 25px;

  }

  .overlay a {

    font-size: 20px;

    line-height: 20px;

  }

  .overlay .closebtn {

    top: 20px;

    right: 20px;

    font-size: 30px;

  }

  /** Redes sociais **/

  #Mobile {

    display: none;

  }

  /** Logo slide **/

  .logo {

    width: 40%;

    margin-top: 50px;

  }

  /** Arrow slide home **/

  .owl-nav .owl-next {

    right: 0%;

  }

  .owl-nav .owl-prev {

    left: 0%;

  }

  /** Sobre Hans **/

  .titulo-sobre {

    font-size: 30px;

  }

  #bg-tradicao-01 {

    height: 328px;

    margin-left: 15px;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 200px;

    top: 30px;

    width: 183px;

    height: 207px;

  }

  #bg-tradicao-01 .box-tradicao-texto {

    padding: 0.5rem;

    top: 210px;

    left: 230px;

    width: 125px;

  }

  #bg-tradicao-01 .box-tradicao-texto h4 {

    font-size: 15px;

  }

  #bg-tradicao-01 .box-tradicao-texto h3 {

    font-size: 15px;

    line-height: 10px;

  }

  #bg-tradicao-02 {

    height: 373px;

    margin-left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    width: 272px;

    height: 188px;

    background: #393939;

    padding: 20px 10px 20px 10px;

    top: -50px;

    left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto p {

    font-size: 18px;

    line-height: 25px;

    color: #ffffff;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 58px;

  }

  .data-nossa-historia button {

    font-size: 20px;

    line-height: 20px;

  }

  /** Receitas **/

  .titulo-nossas-receitas {

    font-size: 29px;

    line-height: 40px;

    margin-bottom: 2rem;

    margin-top: 2rem;

  }

  .img-receita {

    height: auto;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  /** Produtos **/

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  .bg-fatiados-01,

  .bg-fatiados-02,

  .bg-fatiados-03 {

    height: 432px;

  }

  .titulo-slide-produtos h2 {

    font-size: 30px;

    line-height: 20px;

  }

  /** HOME **/

  .titulo {

    font-size: 23px;

  }

  .texto-centralizado {

    padding-top: 50%;

  }

  .sub-titulo {

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 1rem;

  }

  .bg-sessao-02 {

    height: 568px;

  }

  .size-100 {

    font-size: 50px;

  }

  .link-historia {

    font-size: 30px;

  }

  .mt-mh-10 {

    margin-top: 4rem !important;

  }

  .texto-sobre{

    font-size: 20px;

    line-height: 25px;

  }

}



@media only screen and (max-width: 375px) {

  .desktop {

    display: none;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 170px;

  }

  #bg-tradicao-01 .box-tradicao-texto {

    left: 200px;

  }

  /** Receitas **/

  .titulo-nossas-receitas {

    font-size: 29px;

    line-height: 40px;

    margin-bottom: 2rem;

    margin-top: 2rem;

  }

  .img-receita {

    height: auto;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  /** HOME **/

  .titulo {

    font-size: 23px;

  }

  .texto-centralizado {

    padding-top: 50%;

  }

  .sub-titulo {

    font-size: 15px;

    line-height: 16px;

    margin-bottom: 1rem;

  }

  .bg-sessao-02 {

    height: 640px;

  }

}



@media only screen and (max-width: 360px) {

  .desktop {

    display: none;

  }

  /** Botão menu **/

  .hambu {

    width: 50px;

    height: 50px;

    top: 15px;

    bottom: 0;

  }

  .btnSpan {

    font-size: 25px;

  }

  .overlay a {

    font-size: 20px;

    line-height: 20px;

  }

  .overlay .closebtn {

    top: 20px;

    right: 20px;

    font-size: 30px;

  }

  /** Redes sociais **/

  #Mobile {

    display: none;

  }

  /** Logo slide **/

  .logo {

    width: 50%;

    margin-top: 50px;

  }

  /** Arrow slide home **/

  .owl-nav .owl-next {

    right: 0%;

  }

  .owl-nav .owl-prev {

    left: 0%;

  }

  /** Sobre Hans **/

  .titulo-sobre {

    font-size: 30px;

  }

  #bg-tradicao-01 {

    height: 328px;

    margin-left: 15px;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 110px;

    top: 30px;

    width: 183px;

    height: 207px;

  }

  #bg-tradicao-01 .box-tradicao-texto {

    padding: 0.5rem;

    top: 210px;

    left: 150px;

    width: 125px;

  }

  #bg-tradicao-01 .box-tradicao-texto h4 {

    font-size: 15px;

  }

  #bg-tradicao-01 .box-tradicao-texto h3 {

    font-size: 15px;

    line-height: 10px;

  }

  #bg-tradicao-02 {

    height: 373px;

    margin-left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    width: 272px;

    height: 188px;

    background: #393939;

    padding: 20px 10px 20px 10px;

    top: -50px;

    left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto p {

    font-size: 18px;

    line-height: 25px;

    color: #ffffff;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 58px;

  }

  .data-nossa-historia a {

    font-size: 20px;

    line-height: 20px;

  }

  /** Receitas **/

  .titulo-nossas-receitas {

    font-size: 29px;

    line-height: 40px;

    margin-bottom: 2rem;

    margin-top: 2rem;

  }

  .img-receita {

    height: auto;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  /** Produtos **/

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  .bg-fatiados-01,

  .bg-fatiados-02,

  .bg-fatiados-03 {

    height: 432px;

  }

  .titulo-slide-produtos h2 {

    font-size: 30px;

    line-height: 20px;

  }

  /** HOME **/

  .titulo {

    font-size: 23px;

  }

  .texto-centralizado {

    padding-top: 50%;

  }

  .sub-titulo {

    font-size: 15px;

    line-height: 16px;

    margin-bottom: 1rem;

  }

  .bg-sessao-02 {

    height: 640px;

  }

  .size-100 {

    font-size: 50px;

  }

  .link-historia {

    font-size: 30px;

  }

  .mt-mh-10 {

    margin-top: 3rem !important;

  }

}



@media only screen and (max-width: 320px) {

  .desktop {

    display: none;

  }

  .mt-mh-10 {

    margin-top: 5rem !important;

  }

  /** Botão menu **/

  .hambu {

    width: 50px;

    height: 50px;

    top: 10px;

    bottom: 0;

  }

  .page-template-default .hambu {

    top: 10%;

  }

  .btnSpan {

    font-size: 25px;

  }

  .overlay a {

    font-size: 20px;

    line-height: 20px;

  }

  .overlay .closebtn {

    top: 20px;

    right: 20px;

    font-size: 30px;

  }

  /** Redes sociais **/

  #Mobile {

    display: none;

  }

  /** Logo slide **/

  .logo {

    width: 50%;

    margin-top: 50px;

  }

  /** Arrow slide home **/

  .owl-nav .owl-next {

    right: 0%;

  }

  .owl-nav .owl-prev {

    left: 0%;

  }

  /** Sobre Hans **/

  .titulo-sobre {

    font-size: 30px;

  }

  #bg-tradicao-01 {

    height: 328px;

    margin-left: 15px;

  }

  #bg-tradicao-01 .img-tradicao {

    left: 110px;

    top: 30px;

    width: 183px;

    height: 207px;

  }

  #bg-tradicao-01 .box-tradicao-texto {

    padding: 0.5rem;

    top: 210px;

    left: 150px;

    width: 125px;

  }

  #bg-tradicao-01 .box-tradicao-texto h4 {

    font-size: 15px;

  }

  #bg-tradicao-01 .box-tradicao-texto h3 {

    font-size: 15px;

    line-height: 10px;

  }

  #bg-tradicao-02 {

    height: 373px;

    margin-left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto {

    width: 272px;

    height: 188px;

    background: #393939;

    padding: 20px 10px 20px 10px;

    top: -50px;

    left: 0;

  }

  #bg-tradicao-02 .box-tradicao-texto p {

    font-size: 18px;

    line-height: 25px;

    color: #ffffff;

  }

  .titulo-nossa-historia {

    font-size: 50px;

    line-height: 58px;

  }

  .data-nossa-historia a {

    font-size: 20px;

    line-height: 20px;

  }

  /** Receitas **/

  .titulo-nossas-receitas {

    font-size: 29px;

    line-height: 40px;

    margin-bottom: 2rem;

    margin-top: 2rem;

  }

  .img-receita {

    height: auto;

  }

  .titulo-single {

    font-size: 20px;

    line-height: 31px;

    text-align: initial;

  }

  /** Produtos **/

  .produtos {

    margin: 0px 40px 10px 40px;

  }

  .container-img-produto {

    width: 100%;

    margin: 0px 10px 10px 10px;

  }

  .bg-fatiados-01,

  .bg-fatiados-02,

  .bg-fatiados-03 {

    height: 432px;

  }

  .titulo-slide-produtos h2 {

    font-size: 30px;

    line-height: 20px;

  }

  /** HOME **/

  .titulo {

    font-size: 19px;

  }

  .texto-centralizado {

    padding-top: 50%;

  }

  .sub-titulo {

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 1rem;

  }

  .bg-sessao-02 {

    height: 568px;

  }

  .size-100 {

    font-size: 50px;

  }

  .link-historia {

    font-size: 30px;

  }

}