@media screen and (max-width: 1460px) {
    #eclair-doce .doce01 {
        max-width: 320px;
        left: 0;
        bottom: 10px;
        transition: all .5s ease-in-out;
    }
    #eclair-doce .doce02 {
        max-width: 260px;
        top: 40px;
        right: 0;        
    }
    #eclair-doce .doce03 {
        max-width: 375px;
        bottom: -210px;
        right: 0;
        z-index: 1;
    }
    #bebidas #banner .bebida02 {right: 0;}
    #bebidas #banner .bebida03 {right: 200px;}

}
@media screen and (max-width: 1160px) {
    .desk li:nth-child(5) a {
        max-width: 105px;
        padding: 4px;
    }
}
@media screen and (max-width: 1020px) {
    footer .c01 {
        margin-left: 15px;
    }
    .lista-itens,
    .lista-itens02 {
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media screen and (max-width: 980px) {
    #bolos .bolo01 {left: 0;}
    #informacao {margin-left: 15px;}
    #formulario {margin-right: 15px;}
    #eclair-doce .doce01,
    #eclair-doce .doce02,    
    #eclair-doce .doce03,
    #eclair-salgada .eclair01 {display: none;}
    #eclair-salgada h1 {
        font-size: 100px;
        line-height: 110px;
        max-width: 430px;
    }
    #eclair-salgada h1 img {
        max-width: 95px;
        bottom: 75px;
        right: 0;
    }
    .lista-itens02 li {
        max-width: 400px;
        flex-flow: column nowrap;
    }
    .lista-itens02 {
        justify-content: center;
        align-items: center;
    }
    #bolos .lista-itens02 .descricao,
    #para-presentear .lista-itens02 .descricao {
        flex-basis: auto;
    }
    .lista-itens02 figure {margin-bottom: 20px;}

    .contato > .row,
    .encomenda > .row {
        flex-flow: column-reverse nowrap;
        max-width: 370px;
        margin-top: 100px;
    }
    #informacao,
    #formulario {margin: 0 15px 40px;}    
    .legenda figcaption::after {display: none;}
    #formulario h1 {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }
    #formulario p {text-align: center;}
    footer a, .info a, input, textarea, p {font-size: 16px;}
    .contato .banner,
    .encomenda .banner {display: none;}
}
@media screen and (min-width: 681px) {
    header .desk {display: block;}
    header .mobo {display: none;}
}
@media screen and (max-width: 680px) {
    header .desk {display: none;}
    header .mobo {display: block;}
    .menu::before {left: -64px;}
    .home #banner {
        min-height: 460px;
    }
    .home h1 {
        color: #ffffff;
        font-size: 60px;
        line-height: 70px;
        width: 290px;
        padding-top: 134px;
    }
    h1 span {
        padding: 8px 25px 2px;
        font-size: 20px;
        line-height: 38px;
    }
    #presentear img {display: none;}

    #eclair-doce h1 {
        font-size: 90px;
        line-height: 100px;
        max-width: 300px;
    }
    #eclair-doce h1 img {
        max-width: 75px;
        bottom: 60px;
        right: 45px;
    }
    #eclair-doce #banner .row {
        padding: 70px 0;
    }
    #eclair-salgada h1 {
        font-size: 75px;
        line-height: 85px;
        max-width: 300px;
    }
    #eclair-salgada h1 img {
        max-width: 70px;
        bottom: 40px;
        right: 0;
    }
    #eclair-salgada #banner .row {
        padding: 70px 0;
    }
    #bolos h1 {
        font-size: 110px;
        line-height: 100px;
        max-width: 310px;
    }
    #bolos #banner .row {
        padding: 70px 0 120px;
    }
    #bolos #banner img {
        position: absolute;
        max-width: 300px;
        left: 50%;
        transform: translateX(-50%);
    }
    #bebidas #banner .bebida01,
    #bebidas #banner .bebida02,
    #bebidas #banner .bebida03 {display: none;}
    #bebidas h1 {
        font-size: 100px;
        line-height: 110px;
        max-width: 270px;
    }
    #bebidas h1 img {
        max-width: 70px;
        right: -23px;
        top: -65px;
    }
    #bebidas #banner .row {
        padding: 115px 0;
    }

    #para-presentear h1 {
        font-size: 65px;
        line-height: 75px;
        max-width: 350px;
    }
    #para-presentear h1 img {
        max-width: 70px;
        top: -15px;
        left: 45px;
    }
    #para-presentear #banner .row {
        padding: 100px 0;
    }


    footer .row {
        justify-content: center;
        flex-flow: column nowrap;
        align-items: center;
        padding-top: 75px;
    }
    footer .c01 {margin-left: 0;}
    footer .col {flex-basis: 100%;margin-bottom: 40px;}
    footer .col li {
        text-align: center;
    }
    footer .col p, footer .col h3 {
        text-align: center;
    }
    footer .c03 h3:nth-child(3) {margin-top: 55px;}
}
@media screen and (max-width: 460px) {
    #eclair-salgada h1 img {
        max-width: 50px;
        bottom: 10px;
        right: 0;
    }
    #eclair-salgada h1 {
        font-size: 45px;
        line-height: 55px;
        max-width: 205px;
    }    

    .btn {padding: 10px 20px;}
    .lista-itens {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    /* #bebidas h1 img {display: none;} */
}