@media ( max-width: 1340px ){
    #banner-home {
        padding-top: 136px;
        min-height: 703px;
    }
    #Nossos-produtos{
        padding-top: 40px;
    }
}
@media ( max-width: 1200px ){
    #banner-home {
        padding-top: 157px;
        min-height: 703px;
    }
    #Nossos-produtos{
        padding-top: 0px;
    }
    #content-obrigado h1,
    #content-404 h1,
    #banner-home h1{
        font-size: 54px;
        line-height: 52px;
    }
    #motivacao .guias{
        background: none;
    }
    #motivacao .guia{
        top: auto !important;
        flex: 0 0 30%;
    }
    #motivacao .guia-2{
        top: 58px !important;
        flex: 0 0 240px;
    }
    #momentos {
        padding-bottom: 4.2vw;
        background-size: 148%;
        height: 65.2vw;
    }
}
@media ( max-width: 1110px ){
    .col-50{
        flex: 0 0 48.5%;
    }
}
@media ( max-width: 1140px ){
    #menu-top{
        display: none;
    }
    .mobile-action{
        display: flex;
        gap: 30px;
        align-items: center;
    }
    .header-logo{
        flex: 0 0 180px;
    }
    #Depoimentos .col-50{
        flex: 0 0 55%;
    }
    #Depoimentos .col-50:not(.content-text) {
        flex: 0 0 40%;
    }
    #Contato img{
        max-width: 388px;
    }
    #Contato .bloco .bloco-text{
        font-size: 17px;
        line-height: 23px;
    }
    #Contato .col-100.blocos{
        flex: 0 0 calc(100% + 60px);
        margin-left: -30px;
        margin-right: -30px;
    }
}
@media ( max-width: 920px ){
    .col-33,
    .col-50,
    .col-100{
        flex: 0 0 100%;
    }
    #Nossos-produtos .col-50{
        flex: 0 0 48.5%;
    }
    #banner-home .col-50:nth-child(1){
        padding-top: 40px;
    }
    #banner-home {
        padding-top: 105px;
    }
    #Nossos-produtos{
        padding-top: 40px;
    }
    #lista-bolos,
    #lista-docinhos,
    #Docinhos-deliciosos .col-50.align-items-center p{
        max-width: none;
    }
    #content-obrigado .col-50,
    #content-404 .col-50,
    #banner-home .col-50{
        justify-content: center;
        text-align: center;
    }
    #content-obrigado .col-50{
        flex-direction: column;
    }
    #banner-home img {
        max-width: 480px;
    }
    #Nossos-produtos {
        background-image: linear-gradient(180deg, #FFFFFF 77%, #FFE8E5 0%);
    }
    #Nossos-produtos .actions a {
        max-width: 400px;
    }
    #Docinhos-deliciosos .container-inner:nth-child(1) .col-50,
    #Bolos-personalizados .container-inner:nth-child(1) .col-50{
        padding-bottom: 10px;
    }
    #Docinhos-deliciosos .container-inner:nth-child(2),
    #Bolos-personalizados .container-inner:nth-child(2) {
        flex-wrap: wrap;
    }
    #Docinhos-deliciosos .container-inner:nth-child(2) .col,
    #Bolos-personalizados .container-inner:nth-child(2) .col {
        flex: 0 0 933px;
        flex: 0 0 120%;
    }
    #Depoimentos .col-50:not(.content-text) img {
        max-width: 330px;
        width: 100%;
        position: relative;
        right: -32px;
    }
    #Depoimentos .col-50,
    #Depoimentos .col-50:not(.content-text) {
        flex: 0 0 100%;
    }
    #Quem-somos .col,
    #Quem-somos .col:nth-child(2){
        flex: 0 0 100%;
    }
    #Quem-somos{
        padding-bottom: 50px;
    }
    #Depoimentos {
        padding-bottom: 50px;
    }
    #guia .col{
        flex: 0 0 100% !important;
    }
    #guia {
        padding-bottom: 30px;
    }
    #guia .container-inner{
        flex-direction: column-reverse;
    }
    #guia .col:nth-child(2){
        padding-bottom: 30px;
        padding-left: 0;
    }
    #guia img {
        position: relative;
        left: -27px;
        max-width: 338px;
    }
    #Contato img{
        max-width: 360px;
        margin: 0 auto 0 auto;
        display: block;
        text-align: center;
        position: relative;
        right: -32px;
    }
    #Contato .col-50.extra-padding{
        text-align: center;
    }
    #Contato .col-50.extra-padding p{
        margin-left: auto;
        margin-right: auto;
    }
    #Contato .col-100.blocos{
        flex: 0 0 100%;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: wrap;
        gap: 50px 0px;
    }
    #Contato .bloco {
        flex: 0 0 48%;
    }
    #Contato .bloco-3:before{
        display: none;
    }
    #momentos {
        padding-bottom: 4.2vw;
        background-size: 144%;
        height: 63.2vw;
    }
    #instagram a.col {
        flex-wrap: wrap;
    }
    #instagram a.col span{
        flex: 0 0 31%;
    }
    #main-footer img.footer-logo{
        width: 242px;
    }
    #copyright .container-inner{
        gap: 5px;
    }
    #copyright .col-left{
        flex: 0 0 100%;
        text-align: center;
    }
    #copyright .col-right{
        flex: 0 0 100%;
        text-align: center;
    }
}
@media ( max-width: 768px ){
    #guia,
    #Depoimentos,
    #Nossos-produtos,
    #Contato {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    #Nossos-produtos .col-50{
        flex: 0 0 100%;
    }
    #Docinhos-deliciosos {
        padding-top: 50px;
    }
    #slider-bolos .owl-stage .owl-item,
    #slider-docinhos .owl-stage .owl-item {
        border-radius: 165px;
        overflow: hidden;
        max-height: 500px;
        max-width: 300px;
    }
    #slider-bolos .owl-stage .owl-item .item,
    #slider-docinhos .owl-stage .owl-item .item{
        width: 277px !important;
    }
    #motivacao .guias {
        justify-content: center;
    }
    #motivacao .guia {
        flex: 0 0 246px;
        top: auto !important;
        padding: 20px;
    }
    #motivacao p {
        font-size: 18px;
        margin-top: 20px;
    }
    #momentos {
        padding-bottom: 4.2vw;
        background-size: 158%;
        height: 72.2vw;
    }
    #content-politica {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #content-politica .col-100:nth-child(2) {
        padding-top: 20px;
    }
}
@media ( max-width: 620px ){
    #instagram a.col {
        justify-content: space-around;
    }
    #instagram a.col span {
        flex: 0 0 46%;
    }
}
@media ( max-width: 600px ){
    .button {
        padding: 5px 6px 5px 18px;
        gap: 12px;
    }
    #main-header {
        height: 80px;
    }
    .header-logo {
        flex: 0 0 150px;
    }
    .mobile-action {
        gap: 20px;
    }
    p{
        font-size: 17px;
        line-height: 24px;
    }
    #content-politica h1,
    #content-obrigado h1,
    #content-404 h1,
    #banner-home h1{
        font-size: 42px;
        line-height: 50px;
    }
    #Docinhos-deliciosos h3.section-title,
    #Bolos-personalizados h3.section-title{
        background-size: 86px;
        padding: 20px 0px 20px 104px;
    }
    #Docinhos-deliciosos .container-inner:nth-child(2) .col,
    #Bolos-personalizados .container-inner:nth-child(2) .col {
        flex: 0 0 120%;
    }
    #Depoimentos h2 {
        font-size: 28px;
    }
    #Nossos-produtos .title {
        font-size: 32px;
        line-height: 36px;
    }
    #Docinhos-deliciosos p.text-botton,
    #Bolos-personalizados p.text-botton,
    #Nossos-produtos p,
    #Depoimentos p,
    #Quem-somos .col-100 p,
    #motivacao p {
        font-size: 16px;
        line-height: 24px;
    }
    #motivacao .guia {
        flex: 0 0 255px;
        padding: 26px 20px;
    }
    #motivacao h2 {
        font-size: 32px;
        line-height: 39px;
    }
    #Depoimentos .col-50:not(.content-text) img {
        max-width: 277px;
        right: -21px;
    }
    #guia img {
        position: relative;
        left: -21px;
        max-width: 300px;
    }
    .accordion-item h3 {
        font-size: 16px;
        line-height: 21px;
    }
    #Contato img {
        right: -21px;
        max-width: 277px;
    }
    #Contato .bloco {
        flex: 0 0 100%;
    }
    #Contato .bloco:before{
        display: none;
    }
    #momentos {
        padding-bottom: 8vw;
        background-size: 167%;
        height: 84vw;
        background-position: top center;
    }
    #main-footer .col-100 .container-inner{
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    #main-footer .social {
        align-items: center;
    }
}
@media ( max-width: 440px ){
    #momentos {
        height: 89vw;
    }
}