/************* CSS CARDÁPIO *****************/

body {background: url(../images/bg-site.jpg) no-repeat;    background-position: top;


}

.post.hentry {margin-bottom:0!important;
}

a:hover {color: #0056b300!important;}


header {background: url(../images/bg-topo.png) no-repeat;height: 210px;  
    background-size: cover;}


header#masthead  {margin-bottom: 0;
    background-color: black!important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    padding: 0px 16px!important;
    border-bottom: 1px solid  #9a9595!important;}

    svg.svg-inline--fa.fa-chevron-left.fa-w-10 {
      color: #fff;
    font-size: 22px;
    float: left;
    position: relative;
    display: block;
    font-weight: 100;
    text-align: left;
   margin-top: 3px;
    margin-bottom: 7px;
    margin-right: 17px;
}


.logo {padding: 0px; text-align: left;}
.logo img {width: 35%;}

    p#voltar {
    float: right;
    text-align: right;
    border: 2px dotted  #ddd;
    padding: 8px 13px;
    border-radius: 7px;
    margin-bottom: 0;
    margin-left: 45px;
    display: block;
    position: relative;
}   
.wpp-list {padding: 0; margin: 0;}

    .fas .fa-bars, svg.svg-inline--fa.fa-bars.fa-w-14{color: #fff!important;font-size: 24px;}


    .dropdown .btn-secondary {

    background: #cca122!important;
    float: right!important;
    margin-top: 0;
    position: fixed;
    right: 0;
    padding: 20px;
    border-radius: 0px 0px 0px 35px;
    border: none;
    z-index: 99999999999999;
    }

    .dropdown.show {
    display: block;
    position: fixed;
    transform: none;
    top: 0;
    left: initial;
    right: 0;
    will-change: transform;
    background: red;
    color: #fff;
    text-align: right;
    float: right;
    width: 50%;
    z-index: 999999999999;
}
   
    .dropdown-menu.show {
     transform: none!important;
    top: 0!important;
    left: initial!important;
    right: 0;
    will-change: transform!important;
    background: red;
    color: #fff;
    text-align: left;
    float: right;
    z-index: 9999999999999999999999;
    display: block;
    width: 100%;
    border-radius: 0 0 10px 10px;
}

    .dropdown-toggle::after {display: none!important}

  
    .dropdown-menu.show:hover .fa-bars {display: none;}

    .menu .fa-times {    font-size: 28px;
   }

   .menu {
    color: rgb(255 255 255)!important;
    z-index: 999999999999999999;
    display: block;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    right: 0;
        padding: 10px;
    text-align: left;
    width: 100%;
    float: right;}

    .menu-list a p {color: #fff;}

   .menu-list p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}

   .dropdown-menu.show .menu-list {width: 100%;
    position: relative;
    display: block;text-align: left;
    float: left;
    margin-top: 10px;
    padding: 10px;
    border-top: 1px solid #ffffff94;padding-left: 0;}

.navbar {width: 100%;}
#masthead nav {    padding: 0 10px!important;}

/* banner topo *** - */

.banner-topo {width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 15px;
    height: auto;
    margin-bottom: 10px;
     overflow: hidden;
    border-radius: 8px;
    margin-top: -120px;
   }

   div#n2-ss-1 .n2-style-37b83350d88fb82e7ea26e8ad7887167-dot { border-color: #ddd!important;}
   div#n2-ss-1 .n2-style-37b83350d88fb82e7ea26e8ad7887167-dot:focus { background: #dcb540!important;  
     border-color: #5a6367!important; }


  .banner-topo .slide {


  	width: 100%;
    position: relative;
    display: block;
    float: left;
  
     height: auto;
    overflow: hidden;
    border-radius: 8px;
   }


   div#n2-ss-2 .nextend-arrow-animated-fade {  
    background: #00000047;bottom: -2px!important;
    border-radius: 5px 5px 5px 5px;
    padding: 12px;}


    div#n2-ss-2-arrow-previous {left: 0!important;}

    div#n2-ss-2-arrow-next {
    right: 0!important;
}




    /* BOTOES PRINCIPAIS -------------------** - */


.teste {background: #111518ba;}

.botoes {width: 100%;
    position: relative;
    display: block;
    float: left;
  padding-bottom: 100px;
    
   }





#comidas .botao-burger, #comidas .botao-favorities, #comidas .botao-drinks, #comidas .botao-appetizers {border-bottom: 1px solid #ff4500;}
#comidas .botao-burger:hover, #comidas .botao-favorities:hover, #comidas .botao-drinks:hover, #comidas .botao-appetizers:hover {border: 1px solid #ff4500;}


#bebidas .botao-burger, #bebidas .botao-favorities, #bebidas .botao-drinks, #bebidas .botao-appetizers {border-bottom: 1px solid #1da1f2;}
#bebidas .botao-burger:hover, #bebidas .botao-favorities:hover, #bebidas .botao-drinks:hover, #bebidas .botao-appetizers:hover {border: 1px solid #1da1f2;}



  .botao-burger, .botao-favorities, .botao-drinks, .botao-appetizers {
    width: 100%;
    padding: 10px;
    border-radius: 30px;
    border: 2px solid #48535e82;
       border-bottom: 1px solid #febd0a;
    position: relative;transition: 0.1s;
    display: block;
    float: left;
    
  
  }



.container-fluid h1 { color: #fff; font-size: 18px; font-weight: 500; text-align: left; }

  .botao-burger:focus , .botao-favorities:focus , .botao-drinks:focus , .botao-appetizers:focus {border: 1px solid #febd0a;}
  .botao-burger:hover, .botao-favorities:hover, .botao-drinks:hover, .botao-appetizers:hover {border: 1px solid #febd0a;}

   .botao-burger span, .botao-favorities span, .botao-drinks span, .botao-appetizers span {    width: 100%;
    text-align: center;
    position: relative; 
    display: block;}

    .botao-burger h1, .botao-favorities h1, .botao-drinks h1, .botao-appetizers h1 {
    background-size: cover!important;
  color: #fff;
    font-size: 16px;
    width: 100%;
    height: 122px;
    text-align: center; transition: 0.1s;
    position: relative;
    display: block;
    margin: 0;
    border-radius: 20px;
    }

    .botao-burger h2, .botao-favorities h2, .botao-drinks h2, .botao-appetizers h2 { text-align: center;
    color: #c7ced6;
    font-size: 16px;line-height: 16px;
    padding: 15px 0 5px 0;font-weight: 500;    letter-spacing: 1px;
    margin: 0;}

    .botao-burger h2 b, .botao-favorities h2 b, .botao-drinks h2 b, .botao-appetizers h2 b {  color: #6c6f71;  font-weight: 300;}

     .botao-burger h1 b, .botao-favorities h1 b, .botao-drinks h1 b, .botao-appetizers h1 b{color: #ff1800;}



 /* MAIS BUSCADOS -------------------** - */

.mais-buscados {width: 100%;
    position: relative;
    display: block;
    float: left;padding: 10px;
}

.mais-buscados svg.svg-inline--fa.fa-star.fa-w-18 {color: #f11a04;}

.mais-buscados h1 {  


    background: black;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: left;
    color: #fff;
    font-size: 18px;
    padding: 13px 0;
    border-top: 1px dotted #e4e4e4;

}
.mais-buscados span {width: 100%; float: left; position: relative; display: block;}
em {  display: none!important;}

.mais-buscados .box-produto {     width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px dotted  #272727;
    padding-bottom: 18px;}
.mais-buscados .box-produto figure { width: 100%;   border-radius: 5px;    margin: 0;margin-bottom: 10px;
    overflow: hidden;
    height: auto;}
.mais-buscados .box-produto figure img {width: 100%;}
.mais-buscados .box-produto h1 { color: #fff; text-align: left; margin: 0; padding: 0;    border: none;
    background: none; }
.mais-buscados .box-produto h1 b {color: #ff0000;font-weight: 500;}

.mais-buscados .box-produto p {color: #bdbdbd;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 12px;}


     /* PROMOÇÕES -------------------** - */

.promo {width: 100%;
    position: relative;
    display: block;
    float: left;padding: 10px;
}

.promo svg.svg-inline--fa.fa-exclamation-circle.fa-w-16 {color: #ffc107;margin-right: 8px;}

.promo figure {border-radius: 6px;
    overflow: hidden;}

.promo h1 {   background: #f91600;
    margin-top: 0;
    border-radius: 6px;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: left;
    color: #fff;
    font-size: 18px;
    padding: 13px;
    border-top: 2px solid  #ffc107;}


     /* PROMOÇÕES -------------------** - */


.rodape {width: 100%;
    position: relative;
    display: block;
    float: left;padding: 30px 0; background: #000000;border-top: 3px solid  #383737;}

   .rodape figure {text-align: center;}

 .rodape ul { width: 100%;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;margin-bottom: 20px;
    text-align: center;}
 .rodape ul li { position: relative;
    display: inline-block;
    padding: 5px 10px;}

    .rodape ul li i {color: #9a9a9a;    font-size: 20px;}



 /* LISTAGEM PRODUTOS -------------------** - */


.topo {margin:0;}
.topo figure {margin:0;height: 168px;
    overflow: hidden;}
.listagem {  margin-top: -66px; }
.listagem h1 { color: white;
    font-weight: bold;   margin: 0; font-size: 18px;   padding-bottom: 0;}
.listagem h1 a {    float: left;
    margin: 0 5px;color: #fff;
    display: inline-block;}
.listagem h1 figure {    float: left;margin: 0 10px;    margin-top: -3px;
    display: inline-block;}

.listagem h1 svg.svg-inline--fa.fa-angle-left.fa-w-8 {
    font-size: 30px;margin-top: -5px;
}
.listagem h3 {    margin: 0;
    padding: 7px;
    margin-bottom: 10px;
    color: #fff;
   
    border-radius: 6px;
   
    font-size: 14px;}

.listagem p {

     color: #c3c3c3;
    margin-top: 15px;
    font-size: 13px;
    border-bottom: 4px solid#5c59597d!important;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}


/*---- BANNER SLIDE DRINKS ------------------ */

div#n2-ss-3-arrow-next {
    background: #00000047;
    bottom: -2px!important;
    border-radius: 5px 5px 5px 5px;
    padding: 12px;top: 75.5px!important;
}

div#n2-ss-3-arrow-previous {
    background: #00000047;
    bottom: -2px!important;
    border-radius: 5px 5px 5px 5px;top: 75.5px!important;
    padding: 12px;
}
   
.rodizio figure {width: 100%;}

.rodizio h1{color: #fff;
    margin-bottom: 5px;
    font-size: 17px;
    padding: 2px 5px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 28%, rgba(236,28,36,1) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;}

.rodizio h6 {color: #ec1c24; font-weight: 500;padding: 2px 5px; margin: 0;text-align: right;
    font-size: 17px;}
.rodizio h6 b{ color: #ec1c24;font-size: 12px;   font-weight: 500; }

.rodizio .col-8,.rodizio .col-4{padding: 0; }
.rodizio figure img{ width: 100%; }
.rodizio {border-bottom: 1px dotted #dddddd7d!important;    padding-bottom: 10px;}




.box-produto-lista {width: 100%;
    position: relative;
    display: block;
    float: left;
   padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;}
.box-produto-lista h1{ color: #ec1c24;}
.box-produto-lista h3{ margin: 0;
    padding: 10px 0;
    background: rgb(255,255,255);
    -webkit-text-fill-color: transparent;
    background: linear-gradient(
90deg
, #c57614 9%, #f5b805 23%);
    -webkit-background-clip: text;
    font-weight: bold;}
.box-produto-lista p{ color: #fff;}
.box-produto-lista figure { border-radius: 6px; float: left;border: 2px solid #ffc10700; overflow: hidden;margin: 0;width: 70%; position: relative; display: block; }
.box-produto-lista figure:focus {border: 2px solid #ffc107;}
.botao {
    width: 60%;
    background: #ffc107;
   
    padding: 4px;
    display: block;
    position: relative;
    margin-top: -26px;
    border-radius: 12px 0px 0px 0px;
    float: right;
    text-align: center;}

.botao a {    color: #101417;
    font-weight: 500;}
.precos { width: 30%; position: relative; display: block; float: left; padding: 1px; }

 .precos .p1 {
       width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 10px;
    text-align: left;
}

 .precos .p2 {
       width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 10px;
    text-align: left;
}

 .precos .p3 {
       width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 10px;
    text-align: left;
}

.precos h4 {
    width: 100%;
    position: relative;
    display: block;    margin-top: 0;
    float: left;margin-bottom: 0;
    color: #fec10d;
    font-size: 23px;
   
    
}

.precos h4 b {    font-size: 12px;
    font-weight: 400;
    color: #c7c6c6;}

.listagem .precos p {border: none!important;}

.precos p{
    width: 100%;
    position: relative;
    display: block;
    float: left;
    color: #dcdcdc;
    margin: 0;  
    font-size: 11px;
}


 /* LISTAGEM DRINKS ------------------------------------------------------------------
 -----------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------
 ----------------------------------------------- -------------------** - */
.secoes {
    border-top: 1px dotted #dddddd7d!important;
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}
.box-drink  {    width: 100%;
    position: relative;
    display: block;
    float: left;
    background: #38373738;
    padding: 4px;
    border-radius: 5px;
    margin-bottom: 10px;}


#entradas .box-drink .col-3 {padding: 0;}

 .box-drink figure{ width: 100%; position: relative; display: block; float: left; }

.box-drink h3{ color: #fff;    margin: 0;
    padding: 0;
    font-size: 14px; }

.box-drink p {margin: 0;
    padding: 0;
    border: none!important;}

.box-drink .p1 h4{margin: 0;
    padding: 0;
   background: rgb(255,255,255);
    -webkit-text-fill-color: transparent;
    background: linear-gradient( 
90deg
 , #c57614 9%, #f5b805 23%);
    -webkit-background-clip: text;
    font-weight: bold;}
    
.box-drink .p1 h4 b{ color: #ec1c24;
    font-size: 15px; font-weight: 400;}

 /* PÁGINA DO PRODUTO-----------------------------------------------------------------------------
 -----------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------ -------------------** - */

article {
  background: rgb(8,10,12);
    background: linear-gradient( 180deg , rgb(8 10 12 / -3%) 0%, rgb(18 20 23) 19%);
    width: 100%;
    position: relative;
    display: block;
    float: left;
    z-index: 99999999;
    margin-top: -95px;
}

.entry-header {padding:5px;}
.entry-header {background: none;}
.post-thumbnail {

    position: relative;
    display: block;
    float: left;
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
   
    margin-top: 50px;
    margin-bottom: 10px;

}
.entry-footer {display: none;}

.dados p {
    display: none!important;
}
.rat {float: right;
    display: block;
    position: relative;}

div.simplesocialbuttons {
    position: absolute;
    top: 85px;
}

.simplesocialbuttons button:after {font-size: 13px!important;}



.post.hentry, .comments-area {margin-bottom: 0;}

h1.entry-title {
font-size: 18px!important;
    margin-top: 0;
    margin-bottom: 15px;
    color: #ffffff;
    padding-left: 0;
    float: left;
    display: block;
    position: relative;
    clear: initial;width: 100%;
    border-bottom: 1px dotted #dddddd7d!important;

}
div.wpcr3_aggregateRating, .wpcr3_dotline {display: none!important;}

.wpcr3_button_1.wpcr3_submit_btn {    background: red!important;
    border: 2px solid red!important;margin-bottom: 0;}

.wpcr3_review {    border-top: 1px dotted #dddddd7d;}

svg.svg-inline--fa.fa-utensils.fa-w-13, svg.svg-inline--fa.fa-beer.fa-w-14 {     float: left;
    display: block;
    position: relative;
    margin-top: 0;
    margin-right: 9px;
    font-size: 20px;
    color: #f3bd1e;}

.carousel {    width: 100%;
    position: relative;
    display: block;
    float: left;}
svg.svg-inline--fa.fa-long-arrow-alt-right.fa-w-14 {
    vertical-align: -.225em;
    color: #dee2e6!important;
    border-radius: 5px;
    width: 30px!important;
    height: 30px!important;
    top: 7px;
    position: absolute!important;
    opacity: 1;
    z-index: 99999999999999;
}


    .carousel-control-prev {    right: 30px!important;float: right!important;
    left: initial!important;}
    .carousel-control-next {    top: 3px!important;}

header.entry-header p {  
font-size: 15px;
    color: #cecece;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px dotted #dddddd7d;
    padding-bottom: 10px;
    text-align: center;

}


.wpcr3_table_2 td {text-align: left;
    width: 100%;
    display: block;
    float: left;}
    .wpcr3_respond_2 input[type="text"] {
    min-width: 200px;
    width: 100%;
    padding: 5px;
    height: 45px;
    border-radius: 6px;
    border: none;
    margin-bottom: 10px;
        font-size: 16px;
}
.site-main {background: #fff;}

    .gdrts-rating-text {display: none;}
    .gdrts-rating-block {   

       border-radius: 6px;
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
    padding: 6px 15px;
    background: #000000bd;
    }

    .gdrts-with-fonticon .gdrts-stars-empty {letter-spacing: 5px!important;}
    .wpcr3_leave_text {color: #fff;
    font-size: 15px;}
    .wpcr3_respond_2 label{color: #fff;
    font-size: 15px;}

    .wpcr3_respond_2 textarea {width: 100%!important;border-radius: 6px; border: none;
    min-width: initial!important;}

h4#acompanhamentos,h4#molhos {
      background: #ec1c24;
    padding: 10px;
    margin: 0;
    border-radius: 10px 0;
    color: #fff;
    text-align: left;
    display: block;
    width: 50%;
    font-size: 14px;
}
#btn-acompanhamento {cursor: pointer;
    border: none;    margin: 0;
    padding: 0;
    width: 100%;}
 #btn-acompanhamento   svg.svg-inline--fa.fa-angle-right.fa-w-8 {float: right;margin-top: 5px;}

#accordion {    border-bottom: 1px dotted #dddddd7d;
    padding-bottom: 20px;}
#accordion .card {width: 100%;    background: none;}
.card-header {    padding: 0;
    margin: 0;}
#accordion .card-body {    color: #fff;
    font-size: 14px;}

h5#acompanhamentos {
  
     background: red;
    padding: 10px;
    margin: 0;
    border-radius: 5px;
    color: #fff;
    text-align: left;
    display: block;
    width: 70%;
}

.box-preco {  

    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    display: block;
    padding: 0;
    margin-top: 85px;
    margin-bottom: 10px;
    border-radius: 6px;
}

h4#precos {
    width: 100%;
       color: #fff;
    padding: 10px;
    margin: 0;
   
    border-radius: 5px;
    border-top: 2px dotted  red;
}

.box-preco h3 {
   font-size: 18px;
    line-height: 25px;
    padding: 10px;
    margin: 0;
    color: #f3d026;
    background: black;
    border-radius: 10px;
}

.box-preco p {
    font-size: 12px!important;
    font-weight: bold;border: none!important;padding-top: 0!important;    margin: 0!important;
    color: #8a8a8a!important;
}

.gdrts-rating-user, .gdrts-rating-text, .gdrts-rating-thanks {display: none;}

.gdrts-with-fonticon .gdrts-stars-empty {    font-size: 17px!important;}

button.btn.btn-primary.collapsed { width: 100%;border: none; }

.comments-title {    font-size: 1.125rem;
    border-top: 2px dotted  red;margin: 0;    margin-bottom: 15px;
    padding-top: 10px;}
.form-allowed-tags {display: none!important;}
.comments-area {padding: 15px;}

#commentsubmit .btn-primary {    background-color: #000000!important;
    border-color: #ff0018!important;}

    .comment-content.card-block {    padding: 8px;
    border: 2px dotted  #f7f7f7;
    border-radius: 0 0 5px 8px;}

.comment-content.card-block p {    font-size: 14px;
    margin: 0;}


    h5.mt-0 {    margin: 0!important;}

    .comment-content.card-block .gdrts-rating-block{display: none!important;}
.alert-info {display: none!important;}
.comments-area h3 {    margin: 0;}
a.comment-reply-link.btn.btn-primary {
    padding: 15px 40px;
    width: 100%;
}
.comment-body .pull-left {display: none!important;}
a.url {
    color: #e80909;
}

.opcoes h5 {  color: #fff;
    font-weight: 500;
    font-size: 17px;
    padding: 0;
    margin: 5px 0;
}

.comment-meta {display: none!important;}
.card-header {   
     border: none;
    padding: 0!important;
    border-bottom: none!important;
    border-radius: 8px 10px 0 0!important;
}

#accordion h1,#accordion h2 {
    color: #fff;    font-weight: 500;margin: 0;
    padding: 0;
    font-size: 20px;
} 

#accordion h1 b{      color: #f00;    font-weight: 500;
}

.card {border: none!important;}
.card-footer { display: none; }
.btn-primary {    background-color: #000000!important;
    border-color: #ff0018!important;}


/************* CSS AVALIAÇÕES *****************/

.wpcr3_button_1 {


        width: 100%!important;
    padding: 16px!important;
    color: #fff!important;
    background: black!important;
    border: 2px solid  #ffc107!important;
    font-weight: bold!important;
    margin: 10px 0;

}

.wpcr3_aggregateRating_ratingValue {position: absolute!important;
    top: 94px!important;
    right: 19px;}

    .wpcr3_respond_1 p, .wpcr3_respond_2 p {border: none!important;}
div.wpcr3_review_item div.wpcr3_item_name {display: none!important;}
div.wpcr3_review div.wpcr3_review_author {    font-style: normal!important;
    color: #fff;
    width: 100%;
    font-size: 15px!important;}
div.wpcr3_review blockquote.wpcr3_content p {    color: #ddd!important;}

div.wpcr3_review div.wpcr3_review_datePublished {font-size: 1.1em!important;
    font-style: normal!important;
    float: right;
    color: #fff;}


     /* PÁGINA SOBRE O DETROIT -----------------------------------------------------------------------------
 -----------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------ -------------------** - */

 .sobre-detroit {width: 100%;margin-bottom: 50px;
  position: relative; display: block; float: left; padding: 10px;    border-top: 1px dotted #dddddd7d!important;
    margin-top: 10px;}
 .sobre-detroit p {    border: none!important;padding: 0;    margin: 0;}

 /* -------------------*-------------------*-------------------*-------------------*-------------------*
 -------------------*-------------------*-------------------*-------------------*-------------------*
 -------------------*-------------------*-------------------*-------------------*-------------------*
-------------------*-------------------*-------------------*-------------------*-------------------*
-------------------*-------------------* MOBILE -------------------** - */


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

    .desktop {    width: 100%;
    position: fixed;
    display: block;
    float: left;
    z-index: 999999999999;
     height: 100vh;
    background: black;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-top: 20%;}


 }

@media only screen and (max-width: 600px) {
.botao-burger h1, .botao-favorities h1, .botao-drinks h1, .botao-appetizers h1{padding: 11% 53px;}

}

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

     .desktop {display: none;}

	.botao-burger, .botao-favorities, .botao-drinks, .botao-appetizers {height: auto;
    margin-bottom: 15px;

    background-repeat: no-repeat!important;background-size: cover!important;}

.botao-appetizers h1 {
    padding: 13% 30px!important;
}

.botao-burger h1 {
    padding: 13% 45px;
}

.botao-burger h1, .botao-favorities h1, .botao-drinks h1, .botao-appetizers h1 {
    padding: 13% 43px;
}


/* PÁGINA DO PRODUTO------*/

    .form-submit .btn {
    width: 100%;
    padding: 17px;
    font-weight: bold;    margin-top: 20px;
}

 }










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