@media(max-width: 1720px) {
    header nav {
        column-gap: 80px;
    }
    #pag_index #banner .centro {
        max-width: 1500px;
        grid-template-columns: 615px 1fr;
    }
    #banner .imagens .mask_img {
        width: 355px;
        height: 590px;
    }
    footer .top .centro {
        max-width: calc(100% - 100px);
        grid-template-columns: 1fr 270px 1fr;
    }
    #produtos .centro {
        max-width: calc(100% - 100px);
    }
    .listagem_tortas h3, .listagem_produtos h3 {
        font-size: 30px;
        line-height: 30px;
    }
}
@media(max-width: 1680px) {
    header .centro {
        max-width: calc(100% - 100px);
    }
    header nav {
        column-gap: 70px;
    }
    header nav a {
        font-size: 15px;
    }
    #pag_index #banner .centro {
        max-width: 1450px;
        grid-template-columns: 580px 1fr;
    }
    .listagem_timeline .ano {
        left: 0;
    }
    .listagem_timeline article {
        padding-left: 80px;
        padding-right: 10px;
    }
    .listagem_timeline p {
        font-size: 18px;
        line-height: 32px;
    }
    #galeria .listagem_imagens .mask_img {
        height: 258px;
    }
    .listagem_tortas.sem_lateral {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        width: unset;
    }
}
@media(max-width: 1551px) {
    #pag_index #banner .centro {
        max-width: 1320px;
        grid-template-columns: 550px 1fr;
        padding-top: 77px;
    }
    #banner .imagens .mask_img {
        width: 315px;
        height: 525px;
    }
    #pag_index #banner h3 {
        font-size: 57px;
        line-height: 65px;
    }
    #pag_index #banner h2 {
        font-size: 98px;
        line-height: 67px;
    }
    .bt_padrao {
        font-size: 15px;
    }
    header .centro {
        padding: 20px 0;
    }
    header nav {
        column-gap: 65px;
    }
    header nav a {
        font-size: 14px;
    }
    footer .top .centro {
        grid-template-columns: 1fr 200px 1fr;
    }
    footer .top p br:not(footer .top p br:last-child) {
        display: none;
    }
    #historia .centro {
        padding-top: 140px;
    }
    #timeline .centro {
        max-width: calc(100% - 100px);
    }
    .listagem_timeline {
        max-width: calc(100% - 150px);
    }
    #historia h3 {
        font-size: 50px;
    }
    #historia h2 {
        font-size: 82px;
    }
    .listagem_timeline .mask_img {
        height: 250px;
    }
    .listagem_timeline article {
        padding-left: 60px;
    }
    .listagem_timeline h3 {
        font-size: 60px;
        line-height: 45px;
    }
    .listagem_timeline p {
        font-size: 17px;
    }
    #galeria .listagem_imagens .mask_img {
        height: 232px;
    }
    #historia .mask_img {
        height: 550px;
    }
    #produto_aberto .centro {
        max-width: 1300px;
        grid-template-columns: 1fr 300px 1fr;
        padding-top: 130px;
    }
    #produtos .centro {
        padding-top: 120px;
    }
    #produtos .botoes a {
        width: 130px;
        height: 85px;
        padding-top: 52px;
        font-size: 13px;
    }
    #produtos .botoes .bt_tortas {
        background-size: 35px !important;
    }
    #produtos .botoes .bt_docinhos {
        background-size: 31px !important;
    }
    #produtos .botoes .bt_acessorios {
        background-size: 38px !important;
    }
    #pag_contato #banner .centro,
    #onde_encontrar .centro {
        padding-top: 140px;
    }
    #pag_trabalhe_conosco #contato .centro {
        padding-top: 130px;
    }
    #onde_encontrar h3 {
        font-size: 50px;
    }
    #onde_encontrar h2 {
        font-size: 82px;
    }
    #tortas .bottom p {
        font-size: 26px;
    }
    #tortas .bottom .tortas {
        column-gap: 50px;
    }
    #qualidade .centro {
        max-width: 1000px;
    }
    .grid_qualidade {
        grid-template-rows: 230px 110px 230px;
    }
    .grid_qualidade h3 {
        font-size: 44px;
    }
    .grid_qualidade h2 {
        font-size: 75px;
        line-height: 45px;
    }
    .grid_qualidade p {
        font-size: 20px;
        line-height: 26px;
    }
    header .logo a {
        width: 180px;
        height: 53px;
    }
    header nav {
        column-gap: 60px;
        margin-right: 100px;
    }
    header nav a {
        font-size: 13px;
    }
    header .bt_carrinho {
        width: 25px;
        height: 25px;
    }
    header .bt_menu_mobile {
        background-size: contain;
        width: 25px;
        height: 17px;
    }
    #produtos h2 {
        font-size: 35px;
    }
    #produtos .botoes {
        margin-bottom: 35px;
    }
    .listagem_tortas h3, .listagem_produtos h3 {
        font-size: 28px;
        line-height: 28px;
    }
    .listagem_tortas .direita p {
        font-size: 15px;
        line-height: 19px;
    }
    .listagem_tortas .mask_img {
        max-width: 200px;
    }
    #instagram .centro {
        max-width: 1000px;
    }
    .listagem_imagens .mask_img {
        height: 325px;
    }
    #instagram .barra_creme {
        height: 380px;
    }
    #video .centro {
        max-width: 1000px;
    }
    #quem_somos .mask_video .bt_play, #video .mask_video .bt_play {
        background-size: contain;
        width: 55px;
        height: 65px;
    }
    #newsletter {
        background: url(../imagens/news_granulado1.png) top left no-repeat, url(../imagens/news_granulado2.png) left 395px bottom no-repeat, url(../imagens/news_granulado3.png) top right 70px no-repeat;
        background-color: #faf3cb;
    }
    .listagem_tortas.sem_lateral h3 {
        font-size: 24px;
        line-height: 24px;
    }
}
@media(max-width: 1467px) {
    #pag_index #banner .centro {
        max-width: 1250px;
        grid-template-columns: 480px 1fr;
    }
    #pag_index #banner h3 {
        font-size: 51px;
        line-height: 54px;
    }
    #pag_index #banner h2 {
        font-size: 92px;
    }
    #banner .imagens .mask_img {
        width: 300px;
        height: 497px;
        border: 12px solid #d9782d;
        margin-left: -12px;
    }
    #tortas .bottom p {
        font-size: 24px;
    }
    #tortas .bottom h3 {
        font-size: 19px;
        line-height: 22px;
        margin-top: 20px;
    }
    .bt_padrao {
        background-size: 15px !important;
        padding-right: 50px;
        height: 42px;
        font-size: 14px;
    }
    #historia .centro {
        max-width: 1000px;
        grid-template-columns: 1fr 46%;
        column-gap: 60px;
        padding-top: 130px;
    }
    #historia h3 {
        font-size: 42px;
    }
    #historia h2 {
        font-size: 70px;
        margin-top: -40px;
    }
    #historia p {
        font-size: 18px;
        line-height: 30px;
        margin-top: 20px;
    }
    #galeria .listagem_imagens {
        padding: 0 75px;
    }
    #galeria .listagem_imagens .mask_img {
        height: 215px;
    }
    .passador span {
        width: 24px;
        background-size: contain !important;
    }
    footer .top .centro {
        grid-template-columns: 1fr 170px 1fr;
    }
    footer .logo {
        width: 100px;
        height: 100px;
    }
    footer .top h2:not(footer .logo) {
        font-size: 13.5px;
    }
    footer .top a, footer .top p {
        font-size: 14px;
        line-height: 22px;
    }
    footer .top h3 {
        font-size: 15px;
    }
    footer .bottom h3, footer .bottom h3 a {
        font-size: 14px;
    }
    .listagem_timeline p {
        font-size: 16px;
        line-height: 28px;
    }
    .listagem_tortas h3, .listagem_produtos h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .listagem_tortas .comprar, .listagem_produtos .comprar {
        background-size: 23px;
        height: 42px;
        padding-right: 57px;
        font-size: 14px;
    }
    #produto_aberto .centro {
        max-width: 1200px;
        grid-template-columns: 1fr 300px 1fr;
        column-gap: 90px;
    }
    #produto_aberto article {
        padding-left: 60px;
    }
}
@media(max-width: 1367px) {
    header nav {
        column-gap: 48px;
        margin-right: 80px;
    }
    #pag_index #banner .centro {
        max-width: 1150px;
        grid-template-columns: 420px 1fr;
    }
    #banner .imagens .mask_img {
        width: 280px;
        height: 430px;
    }
    #pag_index #banner h3 {
        font-size: 44px;
        line-height: 48px;
    }
    #pag_index #banner h2 {
        font-size: 84px;
    }
    #quem_somos .centro {
        max-width: 850px;
    }
    #tortas .top .centro {
        max-width: 1000px;
    }
    #tortas .top .mask_img {
        max-width: 300px;
        min-height: 400px;
    }
    #tortas .destaque h3 {
        margin-top: 20px;
    }
    #tortas .cobertura {
        width: 250px;
    }
    #tortas .bottom .tortas {
        column-gap: 30px;
    }
    #video .centro {
        max-width: 900px;
    }
    #quem_somos .mask_video .bt_play, #video .mask_video .bt_play {
        width: 50px;
        height: 60px;
    }
    #galeria .listagem_imagens .mask_img {
        height: 200px;
    }
}
@media(max-height: 810px), (max-width: 1000px) {
    #produtos .menu_lateral h3 {
        font-size: 17px;
        line-height: 19px;
    }
    #produtos .menu_lateral ul {
        row-gap: 8px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #produtos .menu_lateral ul li {
        column-gap: 7px;
    }
    #produtos .menu_lateral ul p {
        width: 12px;
        height: 12px;
    }
    #produtos .menu_lateral h4 {
        font-size: 14px;
        line-height: 17px;
    }
    #produtos .botoes a {
        width: fit-content;
        height: 50px;
        padding-top: 0;
        font-size: 15px;
        align-items: center;
        padding-left: 60px;
        padding-right: 17px;
    }
    #produtos .botoes .bt_tortas {
        background: url(../imagens/tortas.png) center left 13px no-repeat;
        background-size: 35px !important;
    }
    #produtos .botoes .bt_docinhos {
        background: url(../imagens/docinhos.png) center left 13px no-repeat;
        background-size: 30px !important;
    }
    #produtos .botoes .bt_acessorios {
        background: url(../imagens/acessorios.png) center left 13px no-repeat;
        background-size: 38px !important;
        padding-left: 62px;
    }
    #produtos .botoes .bt_tortas.selected {
        background: url(../imagens/tortas_selected.png) center left 13px no-repeat;
    }
    #produtos .botoes .bt_docinhos.selected {
        background: url(../imagens/docinhos_selected.png) center left 13px no-repeat;
    }
    #produtos .botoes .bt_acessorios.selected {
        background: url(../imagens/acessorios_selected.png) center left 13px no-repeat;
    }
}
@media(max-height: 675px), (max-width: 1367px)/* and (min-width: 1001px) */{
    #produtos div.tortas .lateral .menu_lateral {
        top: 95px;
    }
    #produtos .menu_lateral h3 {
        font-size: 15px;
        line-height: 17px;
    }
    #produtos .menu_lateral h4 {
        font-size: 13.5px;
        line-height: 14px;
    }
    #produtos .menu_lateral ul {
        margin-bottom: 20px;
    }
    #produtos h2 {
        font-size: 32px;
    }
    .listagem_tortas h3, .listagem_produtos h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .listagem_tortas .direita p {
        font-size: 13.5px;
        line-height: 18px;
    }
    #tortas .camadas li, .listagem_tortas .camadas li, #produto_aberto .camadas li {
        font-size: 15px;
    }
    .listagem_tortas h4 {
        font-size: 16px;
    }
    .listagem_tortas .mask_img {
        max-width: 170px;
    }
    #qualidade .centro {
        max-width: 900px;
    }
    .grid_qualidade {
        grid-template-rows: 180px 60px 180px;
    }
    .grid_qualidade h3 {
        font-size: 40px;
    }
    .grid_qualidade h2 {
        font-size: 65px;
        line-height: 40px;
    }
    .grid_qualidade p {
        font-size: 18px;
        line-height: 24px;
        max-width: 300px;
    }
    #produto_aberto form select {
        height: 40px;
        font-size: 12px;
        padding-left: 15px;
    }
    .input-input, .input-password, select, .input textarea {
        margin-bottom: 15px;
    }
    #produto_aberto .configure h3 {
        font-size: 26px;
    }
    #produto_aberto form .preco h4 {
        font-size: 30px;
    }
    #produto_aberto h2 {
        font-size: 32px;
        line-height: 28px;
    }
    #pag_contato #banner {
        background: url(../imagens/contato_granulado1.png) left -50px bottom no-repeat, url(../imagens/contato_granulado2.png) top right -50px no-repeat;
        background-color: #d6baa4;
    }
    #onde_encontrar .mask_img {
        height: 370px;
    }
    #onde_encontrar h2 {
        font-size: 70px;
        margin-top: -40px;
    }
    #onde_encontrar h3 {
        font-size: 42px;
        margin-top: 10px;
    }
    #onde_encontrar p {
        font-size: 18px;
        line-height: 32px;
        margin-top: 12px;
    }
    #pontos_venda .centro {
        max-width: 1000px;
    }
    .listagem_pontos h3 {
        font-size: 26px;
    }
    .listagem_pontos iframe {
        height: 400px;
    }
    .listagem_pontos p,
    .listagem_pontos h4, .listagem_pontos a {
        font-size: 17px;
        line-height: 26px;
    }
}
@media(max-height: 675px), (max-width: 1000px) {
    #produtos .botoes a {
        height: 40px;
        font-size: 13px;
        padding-left: 50px;
        border-radius: 12px;
    }
    #produtos .botoes .bt_tortas {
        background-size: 26px !important;
    }
    #produtos .botoes .bt_docinhos {
        background-size: 25px !important;
    }
    #produtos .botoes .bt_acessorios {
        background-size: 30px !important;
        padding-left: 53px;
    }
}
@media(max-width: 1000px) {
    header .centro {
        max-width: calc(100% - 80px);
    }
    header nav {
        display: none;
    }
    header .bt_carrinho {
        margin-left: auto;
    }
    #pag_index #banner .centro {
        max-width: calc(100% - 80px);
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    #banner .imagens {
        grid-row: 1;
    }
    #banner .imagens .mask_img {
        width: auto;
        height: auto;
    }
    #banner .imagens {
        margin-left: -28px;
        margin-right: -40px;
    }
    #pag_index #banner {
        background: url(../imagens/granulado_mobile.png) right -50px bottom -50px no-repeat;
        background-color: #b0d9e4;
        background-size: 480px;
    }
    #quem_somos .centro,
    #tortas .top .centro,
    #tortas .bottom .centro,
    #qualidade .centro,
    #instagram .centro,
    #newsletter .centro,
    footer .top .centro,
    footer .bottom .centro,
    #historia .centro,
    #video .centro,
    #galeria .centro,
    #produto_aberto .centro,
    #produtos .centro,
    #contato .centro,
    #pag_contato #banner .centro,
    #onde_encontrar .centro,
    #pontos_venda .centro,
    #timeline .centro {
        max-width: calc(100% - 80px);
    }
    .listagem_imagens .mask_img {
        height: 235px;
    }
    #instagram .barra_creme {
        height: 280px;
    }
    #newsletter {
        background: url(../imagens/news_granulado1.png) top left -100px no-repeat, url(../imagens/news_granulado2.png) left 300px bottom no-repeat, url(../imagens/news_granulado3.png) top right -70px no-repeat;
        background-color: #faf3cb;
    }
    footer .top .centro {
        grid-template-columns: 1fr;
        padding-top: 40px;
    }
    footer .logo {
        grid-row: 1;
    }
    footer .top .esquerda {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    footer .sociais {
        grid-column: span 3;
        flex-direction: revert;
        justify-content: center;
        gap: 5px;
        margin-bottom: 10px;
    }
    footer .top h2:not(footer .logo),
    footer .top h3,
    footer .top a, footer .top p {
        text-align: center;
    }
    footer .top .direita {
        padding-top: 40px;
    }
    #tortas .cobertura {
        min-width: 250px;
        position: unset;
        margin: 0 auto;
        grid-column: span 2;
        border-radius: 47.5px;
        padding: 0 38px;
        margin-top: 25px;
    }
    #tortas .cobertura h4,
    #tortas .cobertura p {
        text-align: center;
    }
    #historia .centro {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    #historia .mask_img {
        height: auto;
        grid-row: 2;
    }
    #timeline h2 {
        font-size: 32px;
    }
    #galeria .passador {
        display: none;
    }
    #timeline .passador {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        column-gap: 20px;
    }
    .passador span {
        width: 12px;
        height: 16px;
        position: static;
    }
    .listagem_timeline {
        max-width: 100%;
        grid-auto-columns: 320px;
        column-gap: 30px;
        overflow-x: scroll;
    }
    .listagem_timeline p {
        font-size: 15px;
        line-height: 26px;
    }
    #galeria .listagem_imagens {
        padding: 0;
        margin-top: 40px;
        grid-template-columns: unset;
        grid-auto-flow: column;
        grid-auto-columns: 200px;
        overflow-x: scroll;
    }
    #produto_aberto {
        background-image: linear-gradient(to right, #fafaf7 0, #fafaf7 270px, #faf3cb 0%);
    }
    #produto_aberto .centro {
        /*grid-template-columns: 46% 46%;*/
        grid-template-columns: 230px 1fr;
        align-items: unset;
        /*column-gap: 8%;*/
        column-gap: 30px;
        row-gap: 40px;
        padding-bottom: 40px;
    }
    #produto_aberto .mask_img {
        grid-row: 1;
        grid-column: span 2;
        max-width: 250px;
        margin: 0 auto;
    }
    #produto_aberto article {
        padding-left: 0;
    }
    #produto_aberto .centro .galeria {
        grid-column: span 2;
        grid-row: 2;
        width: fit-content;
        max-width: 100%;
        margin: 0 auto;
        margin-top: -10px;
        margin-bottom: 0;
    }
    #produto_aberto .centro .galeria ul {
        justify-content: flex-start;
        flex-wrap: unset;
        overflow-x: scroll;
        height: 124px;
        padding: 0 12px;
        margin: -12px;
    }
    #produto_aberto .centro .galeria ul li {
        width: 100px;
        min-width: 100px;
        height: 100px;
    }
    #produtos .bt_filtros {
        background-color: #d6baa4;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        border-radius: 12px;
        box-sizing: border-box;
        font-family: 'DINRoundOT';
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.6px;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #produtos .botoes {
        margin-bottom: 25px;
    }
    #produtos div.tortas, #produtos div.docinhos, #produtos div.acessorios {
        grid-template-columns: 1fr;
    }
    #produtos div.tortas .lateral {
        display: none;
    }
    .listagem_tortas, .listagem_produtos {
        grid-template-columns: 1fr;
    }
    #pag_contato #banner {
        background: #d6baa4;
    }
    #contato .centro,
    #onde_encontrar .centro,
    .listagem_pontos li .centro {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    #banner .pontos {
        flex-direction: column;
        row-gap: 22px;
    }
    #banner .pontos p br:not(#banner .pontos p br:last-child) {
        display: none;
    }
    #contato form label.captcha {
        grid-column: span 5;
    }
    #contato .direita iframe {
        width: 100%;
    }
    #onde_encontrar .centro {
        padding-top: 110px;
    }
    #texto_politicas {
        padding-top: 115px;
        padding-left: 0;
    }
    #texto_politicas .centro {
        width: calc(100% - 80px);
    }
}
@media(max-width: 600px) {
    #pag_modal .centro {
        max-width: calc(100% - 40px);
    }
    #pag_index #banner {
        background-size: 350px;
    }
    #banner .imagens .mask_img {
        border: 8px solid #d9782d;
        margin-left: -8px;
    }
    #banner .imagens {
        margin-left: -12px;
        margin-right: -20px;
    }
    header .centro,
    #pag_index #banner .centro,
    #quem_somos .centro,
    #tortas .top .centro,
    #tortas .bottom .centro,
    #qualidade .centro,
    #instagram .centro,
    #newsletter .centro,
    footer .top .centro,
    footer .bottom .centro,
    #historia .centro,
    #video .centro,
    #galeria .centro,
    #produto_aberto .centro,
    #produtos .centro,
    #contato .centro,
    #pag_contato #banner .centro,
    #onde_encontrar .centro,
    #pontos_venda .centro,
    #box_local .centro2,
    #timeline .centro {
        max-width: calc(100% - 40px);
    }
    #pag_index #banner h3 {
        font-size: 34px;
        line-height: 38px;
    }
    #pag_index #banner h2 {
        font-size: 75px;
        margin-bottom: 40px;
    }
    #quem_somos h2, #tortas h2, #instagram h2, #galeria h2, #timeline h2 {
        font-size: 32px;
    }
    #quem_somos p, #quem_somos p a {
        font-size: 16px;
        line-height: 26px;
    }
    #quem_somos .mask_video .bt_play, #video .mask_video .bt_play {
        width: 40px;
        height: 50px;
    }
    #tortas .destaque {
        grid-template-columns: 1fr;
    }
    #tortas .cobertura {
        grid-column: unset;
        width: 100%;
    }
    #tortas .destaque h3 {
        max-width: unset;
        text-align: center;
    }
    #tortas .camadas {
        padding-left: 8px;
    }
    #tortas .bottom p {
        font-size: 20px;
    }
    #tortas .bottom .mask_img {
        height: 100px;
    }
    #tortas .bottom .tortas {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
    #tortas .bottom h3 {
        font-size: 17px;
        line-height: 20px;
        margin-top: 15px;
        max-width: 100px;
    }
    .grid_qualidade h3 {
        font-size: 24px;
    }
    .grid_qualidade h2 {
        font-size: 38px;
        line-height: 28px;
    }
    .grid_qualidade p {
        font-size: 15px;
        line-height: 20px;
    }
    .grid_qualidade {
        grid-template-rows: 140px 40px 140px;
    }
    .grid_qualidade .bt_padrao {
        margin-top: 12px;
    }
    .bt_padrao {
        background-size: 13px !important;
        padding-right: 48px;
        height: 35px;
        font-size: 13px;
    }
    #box_local .toldo span {
        height: 100px;
    }
    #box_local form select, #box_local form input[type="text"] {
        background: url(../imagens/seta_select_laranja.png) center right 20px no-repeat;
        padding-left: 20px;
        height: 42px;
        font-size: 14px;
    }
    header .logo a {
        width: 152px;
        height: 45px;
    }
    .listagem_imagens .mask_img {
        height: 120px;
        border-radius: 12px;
    }
    #newsletter h2 br {
        display: none;
    }
    #newsletter {
        background: url(../imagens/news_granulado1.png) top left -100px no-repeat, url(../imagens/news_granulado2.png) center bottom no-repeat, url(../imagens/news_granulado3.png) top right -70px no-repeat;
        background-color: #faf3cb;
        background-size: 245px;
    }
    footer .top .esquerda, footer .locais {
        grid-template-columns: 1fr;
    }
    footer .sociais {
        grid-column: unset;
    }
    footer .top p {
        max-width: 165px;
        margin: 0 auto;
    }
    footer .locais {
        gap: 20px;
    }
    #historia .centro {
        padding-top: 100px;
    }
    #video .centro {
        padding: 35px 0;
    }
    #produtos .botoes {
        flex-direction: column;
        row-gap: 10px;
    }
    #produtos .botoes a {
        width: 100%;
        padding: 0 !important;
    }
    #produtos .centro {
        padding-top: 110px;
    }
    .listagem_tortas a {
        grid-template-columns: 1fr;
    }
    .listagem_tortas .direita {
        grid-row: 1;
    }
    .listagem_tortas .camadas {
        display: none;
    }
    .listagem_tortas .direita {
        background-color: #fafaf7;
    }
    .listagem_tortas h3,
    .listagem_tortas h4,
    .listagem_tortas .direita p {
        text-align: center;
    }
    .listagem_tortas a {
        position: relative;
    }
    .listagem_tortas .direita {
        grid-row: 2;
        padding-top: 25px;
        padding-bottom: 135px;
    }
    .listagem_tortas .esquerda p {
        font-size: 14px;
        max-width: unset;
    }
    .listagem_tortas .esquerda {
        padding-bottom: 0;
    }
    .listagem_tortas .direita {
        justify-content: flex-start;
    }
    .listagem_tortas .comprar {
        position: absolute;
        bottom: 50px;
        width: calc(100% - 40px);
        justify-content: center;
        padding: 0;
    }
    .listagem_tortas .esquerda p {
        position: absolute;
        bottom: 38px;
    }
    .listagem_tortas h4 {
        margin-top: 12px;
    }
    .listagem_tortas .direita p {
        line-height: 16px;
        margin-top: 0;
    }
    #produto_aberto {
        background: #fafaf7;
        margin-bottom: 30px;
    }
    #produto_aberto .configure {
        background-color: #faf3cb;
        padding: 30px 20px;
        margin: 0 -20px;
    }
    #produto_aberto .centro {
        grid-template-columns: 1fr;
        padding-bottom: 0;
    }
    #produto_aberto .mask_img,
    #produto_aberto .centro .galeria {
        grid-column: unset;
    }
    #produto_aberto h2 {
        font-size: 30px;
    }
    #produto_aberto .centro .galeria {
        max-width: calc(100vw - 40px);
    }
    #produto_aberto .camadas li,
    #tortas .camadas li {
        font-size: 14px;
        line-height: 27px;
    }
    #tortas .camadas li {
        width: fit-content;
        margin: 0 auto;
    }
    #produto_aberto .configure h3 {
        font-size: 25px;
    }
    #produto_aberto form .botoes {
        background-color: #faf3cb;
        width: 100%;
        position: fixed;
        bottom: 0;
        padding: 20px;
        box-sizing: border-box;
        margin: -20px;
        margin-bottom: 0;
        z-index: 100;
    }
    #produto_aberto form button[type="submit"] {
        width: 100%;
    }
    #produto_aberto form .preco h4 {
        font-size: 28px;
        margin-top: 0;
    }
    #pag_produto footer {
        padding-bottom: 90px;
    }
    #pag_contato #banner h3 {
        font-size: 22px;
    }
    #pag_contato #banner h2 {
        font-size: 28px;
    }
    #banner .pontos {
        margin-top: 25px;
    }
    #banner .pontos h4 {
        font-size: 18px;
    }
    #banner .pontos p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 8px;
    }
    #pag_contato #banner .centro {
        padding-top: 120px;
    }
    #contato .direita iframe {
        height: 300px;
    }
    #onde_encontrar .centro  {
        padding-top: 100px;
    }
    .barra_listrada {
        max-width: 1000px;
        height: 14px;
        background-size: contain;
    }
    .listagem_pontos iframe,
    #pag_trabalhe_conosco #contato iframe:not(.captcha iframe) {
        height: 300px;
    }
    .listagem_pontos article {
        padding-right: 0;
    }
    #pag_trabalhe_conosco #contato .centro {
        padding-top: 110px;
    }
    #tortas .destaque .esquerda {
        padding-right: 0;
    }
    #tortas .top .mask_img {
        max-width: 220px;
        min-height: 250px;
        margin: 0 auto;
    }
    #tortas .destaque a {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .bt_flutuante_atendimento {
        right: 20px !important;
        bottom: 20px !important;
        width: 55px !important;
        height: 55px !important;
        background-size: contain !important;
    }
    #produto_aberto form select {
        background-size: 14px;
    }
    #contato .centro {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    #contato h2 {
        font-size: 23px;
    }
    #contato p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 5px;
    }
    #contato form input, #contato form select {
        height: 50px;
        padding-left: 18px;
        font-size: 15px;
    }
    #contato ::placeholder {
        font-size: 15px;
    }
    #contato form button[type="submit"],
    #contato .direita a.whats,
    #contato .direita a.chegar {
        background-size: 15px;
        height: 40px;
        font-size: 15px;
    }
    #contato .direita a.chegar {
        background-size: 12px;
    }
    .menu_mobile .navegacao .tipo_1 li a {
        font-size: 18px !important;
        line-height: 32px !important;
    }
    #banner .bt_padrao {
        background: #faf3cb url(../imagens/seta_laranja.png) center right 21px no-repeat;
    }
    #produto_aberto .centro {
        padding-top: 120px;
    }
    #produto_aberto .mask_img {
        max-width: 220px;
    }
    #produto_aberto .centro .galeria ul {
        height: 104px;
    }
    #produto_aberto .centro .galeria ul li {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }
    .listagem_tortas .camadas li::marker, #produto_aberto .camadas li::marker {
        font-size: 10px;
    }
    #texto_politicas {
        padding-top: 100px;
        padding-left: 0;
    }
    #texto_politicas .centro {
        width: calc(100% - 40px);
    }
    #texto_politicas h2 {
        font-size: 27px;
    }
    .listagem_tortas.sem_lateral {
        grid-template-columns: 1fr;
    }
    .menu_mobile {
        top: 0;
    }
    .menu_mobile .navegacao {
        top: 20px;
    }
    .menu_mobile.aberto {
        row-gap: 40px;
    }
}
@media(max-width: 400px) {
    #banner .bt_padrao {
        background: #faf3cb url(../imagens/seta_laranja.png) center right 21px no-repeat;
    }
    #pag_index #banner h3 {
        font-size: 30px;
        line-height: 34px;
    }
    #pag_index #banner h2 {
        font-size: 65px;
        margin-bottom: 30px;
    }
    #quem_somos h2, #tortas h2, #instagram h2, #galeria h2, #timeline h2 {
        font-size: 30px;
    }
    #tortas .bottom p {
        font-size: 18px;
    }
    #tortas .bottom h3 {
        font-size: 16px;
        line-height: 18px;
        margin: 0 auto;
        margin-top: 12px;
        max-width: 80px;
    }
    .grid_qualidade {
        grid-template-rows: 100px 40px 130px;
    }
    .grid_qualidade h3 {
        font-size: 21px;
    }
    .grid_qualidade h2 {
        font-size: 34px;
        line-height: 24px;
    }
    .grid_qualidade p {
        font-size: 14px;
        line-height: 18px;
    }
    .bt_padrao {
        background: #d6baa4 url(../imagens/seta_branca.png) center right 19px no-repeat;
        background-size: 13px !important;
        padding-right: 44px;
        height: 35px;
        font-size: 12px;
        padding-left: 20px;
    }
    #instagram .centro {
        padding: 50px 0;
    }
    #instagram .barra_creme {
        height: 220px;
    }
    .listagem_imagens .mask_img {
        height: 102px;
    }
    .listagem_imagens {
        margin-top: 30px;
    }
    #newsletter h2 {
        font-size: 18px;
        line-height: 22px;
    }
    #newsletter form input[type="submit"] {
        width: 100px;
        height: 45px;
        font-size: 14px;
    }
    #newsletter form input[type="email"] {
        height: 45px;
        padding-left: 20px;
        font-size: 15px;
    }
    #historia p,
    #onde_encontrar p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px;
    }
    #historia h3 {
        font-size: 38px;
    }
    #historia h2 {
        font-size: 60px;
        margin-top: -36px;
    }
    .listagem_timeline {
        grid-auto-columns: 300px;
        column-gap: 20px;
    }
    .listagem_timeline .mask_img {
        height: 220px;
    }
    .listagem_timeline h3 {
        font-size: 50px;
        line-height: 40px;
    }
    .listagem_timeline article {
        padding-left: 54px;
    }
    .listagem_timeline .ano {
        height: 50px;
        width: 57px;
    }
    .listagem_timeline p {
        font-size: 14px;
        line-height: 24px;
    }
    #galeria .listagem_imagens {
        grid-auto-columns: 150px;
    }
    #galeria .listagem_imagens .mask_img {
        height: 150px;
    }
    #galeria .centro {
        padding: 50px 0;
    }
    #galeria .listagem_imagens {
        margin-top: 35px;
    }
    #produto_aberto form button {
        font-size: 13px;
    }
    #produto_aberto form button {
        background: transparent url(../imagens/calendario.png) center right 17px no-repeat;
        background-size: 18px;
        height: 40px;
        padding-left: 19px;
        padding-right: 47px;
        font-size: 13px;
    }
    #produto_aberto form button[type="submit"] {
        background: #d9782d url(../imagens/carrinho_branco.png) center right 18px no-repeat;
        background-size: 22px;
    }
    #contato form label.captcha {
        width: calc(100vw - 40px);
    }
    #pag_produto footer {
        padding-bottom: 85px;
    }
}