@media (max-width:990px) {



}

@media (max-width:935px){

}

@media (max-width:840px) {

}

@media (max-width:767px){

  .btmobile{
    display: none;
  }

  .logomobile{ display: block;  }
  .logodesk{ display: none;  }

  .header{
    height: 45px;
    top: inherit;
    bottom: 0px;
  }

  .menu{
  width: 100%;
  background: #00a7ad;
  height: auto;
  position:relative; right: 0px; top: 0px;
  border:none;
  /*padding-bottom: 20px;*/
  display: block;
  margin:0px;
  float: none;
  }

  .menu a{
  /*padding: 15px 0;*/
  display: block;
  float: left;
  border:none;
  width: 20%;
  margin: auto;
  /*text-indent: 10px;*/
  font-size: 10px;
  text-align: center;
  }
  .menu a i{
    height: 20px;
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
  }

  .menu a img{
    display: block;
    width: 80%;
    float: none;
  }

  .menu a span{
    display: none;
  }
  


.conteudo p{
  text-align: justify;
  font-size: 20px;
}

.boxcinza p{
  width: 90%; margin:0 auto;
}


.banner{ margin-top: 0px; }

.banner .bt_laranja{
  margin-top: 31px;
}


.cont{
  width: 95%;
  margin: 0 auto;
}

/*snackinfo*/

.snacks .cont{ width: 100%; }

.snacks h1{ font-size: 50px; }

.snackinfo p{ display: none; }

.snacks ul li img{ width: 50%; margin: 0 auto; display: block;  }

.snacks ul li{
  max-width: none;
  float: none;
  margin: 0 auto;
  display: block;
}

.snacks .snackinfo{ border-radius: 0px; }

.conteudo .comofunciona{
  background: #e8e7de;
  padding: 0 0 50px 0;
}
  .conteudo .comofunciona .boxcf{
    width: 100%; max-width: 90%;
    display: block;
    margin: 20px auto;
    float: none;
  }


  .receba .inp{
    width: 100%;
    margin: 10px auto;
  }

  .receba .dddr{ width: 19%!important; }
  .receba .telr{ width: 79%!important; }

  .receba .bt_enviar{ float: right; }


  .contato .bleft, .contato .bright{
    width: 100%;
    float: none;
  }

.banner{
  height: 315px;
  background-size: 900px auto;
}

  .banner .txt{
    width: 270px;
    font-size: 27px;
    margin: 97px auto 0 auto;
  }

.bannernatal{
  height: 315px;
  background-size: 900px auto;
}

  .bannernatal .txt{
    width: 270px;
    font-size: 27px;
    margin: 97px auto 0 auto;
  }

  .bt_fixo{
    width: 250px;
    bottom: 0px; right: 0px;
    display: none;
}




/*** Como Funciona ***/


.conteudo .comofunciona .boxcf p {
    font-size: 20px;
    text-align: justify;
    line-height: 33px;
}



.tit_cardpedidoSemanal {
  background-size: auto 90px;
  margin-top: 65px;
  height: 90px;
  overflow: hidden;
  padding: 0px;
}

.tabela_pedido .menu_semana td{
  display: block;
  padding: 10px 0px;
}
.tabela_pedido .menu_semana td img{ display: none!important;}

.tabela_pedido .menu_semana a{ font-size: 18px; }

.tabela_pedido .detalhe_entrega a{top:0px;}

.tabela_pedido .lista_comida div.check{ width: 8%; margin:0px 1%; }
  .tabela_pedido .lista_comida div.check img{ width: 100%; }

  .tabela_pedido .lista_comida div.descricao{ width: 80%;
    margin-left: 3%; }

  .tabela_pedido .lista_comida div.quantidade{ width: 50%; }
  .tabela_pedido .lista_comida div.valorSemanal{ width: 50%; }

  .tabela_pedido .detalhe_entrega h1{ font-size: 25px; }

.nheader img{
  float: none!important;
  display: block;
}
.nheader .nlogo{ max-width: 260px; width: 100%; margin: 10px auto;}
.nheader .nbanner{ max-width: 700px; width: 100%;  margin: 10px auto; }


.receba p{
  padding-bottom: 50px;
  text-align: center;
}


.parallax-window .frase{ font-size: 20px; }



.mobile_pwa{ display: block; }


}

@media (max-width:480px){

}


@media all and (display-mode: standalone) {
  body {
    
    .header{ background: #000!important; }
  }
}