@media only screen and (max-width: 1750px) {
    .carta-padaria{
        min-height: 40em;
    }

    .bolo-centro{
        min-height: 40em;
    }

    .bolo-chocolate{
        min-height: 40em;
    }
}

@media only screen and (max-width: 1650px) {
    .carta-padaria{
        min-height: 38em;
    }

    .bolo-centro{
        min-height: 38em;
    }

    .bolo-chocolate{
        min-height: 38em;
    }
}

@media only screen and (max-width: 1600px) {
    .carta-padaria{
        min-height: 36em;
    }

    .bolo-centro{
        min-height: 36em;
    }

    .bolo-chocolate{
        min-height: 36em;
    }

    .cereal-icon{
        width: 10em;
    }

    .chocolate{
        width: 10em;
    }

    .cookie-icon{
        width: 10em;
    }

    .cupcake-icon{
        width: 10em;
    }

    .smile-emoji{
        width: 10em;
    }

    .red_velvet_top{
        width: 60vw;
    }
}

@media only screen and (max-width: 1550px) {
    .padeirinho-section{
        gap: 5em;
    }

    .hero-text > p{
        max-width: 70vw;
    }

    .caixa-padeirinho{
        width: 70vw;
    }
}

@media only screen and (max-width: 1550px) {
    .confeitaria-info{
        padding: 3em;
    }
}

@media only screen and (max-width: 1500px) {
    .logo-white{
        width: 50vw;
    }

    .mascote{
        width: 20vw;
    }

    .glovo-big{
        width: 7em;
    }

    .main-produtos{
        height: 50vh;
    }

    .main-produtos > h1{
        margin-left: 35vw;
    }

    .feito-com-carinho{
        margin: 5em auto;
    }

    .feito-com-carinho > p{
        max-width: 75vw;
    }

    .carta-padaria{
        min-height: 30em;
    }

    .bolo-centro{
        min-height: 30em;
    }

    .bolo-chocolate{
        min-height: 30em;
    }
}

@media only screen and (max-width: 1300px){
    .pastelaria-info{
        padding: 1em;
    }

    .home-confeitaria{
        padding: 1em;
    }

    .confeitaria-info{
        padding: 1.5em;
    }

    .home-pastelaria{
        padding: 1em;
    }

    .dropdown-container{
        flex-basis: 15%;
    }

    .container-logo{
        flex-basis: 35%;
        justify-content: flex-start;
    }

    .nav-pc{
        flex-basis: 50%;
    }

    .cartao-padaria{
        padding: 2em 5em;
    }

    .cartao-padaria > span{
        font-size: 1.5em;
    }

    .cartao-padaria > h2{
        font-size: 3em;
    }

    .cartao-pastelaria{
        padding: 2em 5em;
    }

    .cartao-pastelaria > span{
        font-size: 1.5em;
    }

    .cartao-pastelaria > h2{
        font-size: 3em;
    }

    .cartao-confeitaria{
        padding: 2em 5em;
    }

    .cartao-confeitaria > span{
        font-size: 1.5em;
    }

    .cartao-confeitaria > h2{
        font-size: 3em;
    }

    .carta-padaria-top{
        width: 60vw;
        padding: 1.5em;
    }

    .croissant-img{
        width: 60vw;
        padding: 1.5em;
    }

    .croissant-opcoes > h2{
        font-size: 2.5em;
    }

    .croissant-opcoes > h3{
        font-size: 2em;
    }

    .croissant-opcoes > h4{
        font-size: 1.5em;
    }

    .carta-pastelaria-left > h2{
        font-size: 2.5em;
    }

    .cupcake-div > h2{
        font-size: 2.5em;
    }

    #hero-produtos{
        height: 100vh;
    }

    .cereal-icon{
        width: 7em;
    }

    .chocolate{
        width: 7em;
    }
    .cookie-icon{
        width: 7em;
    }

    .cupcake-icon{
        width: 7em;
    }

    .smile-emoji{
        width: 7em;
    }

    .red_velvet_top{
        width: 60vw;
        padding: 1.5em;
    }

    .form-container{
        padding: 3em;
    }

    .form-button{
        max-width: 12em;
    }

    .dropdown-container{
        display: none;
    }
}

@media only screen and (max-width: 1200px){
    footer{
        justify-content: space-between;
    }
    
    .footer-right{
        display: none;
    }

    .footer-mid{
        align-items: flex-end;
    }
    .adicional-footer{
        display: flex;
        gap: 10em;
        align-items: center;
        padding: 1em 0;
        justify-content: center;
        background-color: #c78f1db3;
        border-top: 2px solid #707070;
        padding: 1em 2em;
    }

    .adicional-footer > a{
        font-family: 'Brownie Cake', sans-serif;
        text-decoration: none;
        color: white;
        font-size: 1.7em;
    }

    .adicional-footer > *{
        flex-basis: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5em;
        white-space: nowrap;
    }

    .socials-footer{
        font-size: 2em;
        color: #fff;
    }
}

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

    .glovo-big{
        width: 5em;
        margin-right: 0vw;
    }

    .carta-padaria{
        min-height: 25em;
    }

    .bolo-centro{
        min-height: 25em;
    }

    .bolo-chocolate{
        min-height: 25em;
    }
} 

@media only screen and (max-width: 1000px) {
    main{
        background-position: top left;
    }

    .logo-white{
        width: 75vw;
    }

    .pastelaria{
        flex-direction: column-reverse;
    }

    .pastelaria-info > h2{
        margin: auto;
    }

    .pastelaria-info > p{
        max-width: 75vw;
        margin: auto;
    }

    .padaria > p{
        max-width: 75vw;
    }
    .padaria{
        margin-bottom: 0;
    }

    .pastelaria{
        margin: 5em auto;
        gap: 2em;
    }

    .pastelaria-image{
        width: 75vw;
        margin: auto;
    }

    .pastelaria-info{
        gap: 2em;
    }

    .confeitaria{
        flex-direction: column;
    }

    .confeitaria-info > h2{
        margin: auto;
    }

    .confeitaria-info > p{
        max-width: 75vw;
        margin: auto;
    }

    .confeitaria{
        margin: 5em auto;
        gap: 2em;
    }

    .confeitaria-image{
        width: 75vw;
        margin: auto;
    }

    .confeitaria-info{
        gap: 2em;
    }

    .instagram-showreel > h2{
        font-size: 5em;
    }

    .hero-text > h1{
        font-size: 5em;
    }

    .main-produtos > h1{
        font-size: 5em;
    }

    .feito-com-carinho > h2{
        font-size: 5em;
    }

    .visite-nos-produtos > h2{
        font-size: 5em;
    }

    .o-padeirinho > h2{
        font-size: 4em;
    }

    /* footer{
        flex-direction: column;
        align-items: center;
        gap: 3em;
        padding-top: 2em;
    } */

    .footer-right{
        align-items: center;
    }

    .padeirinho-section{
        flex-direction: column-reverse;
    }

    .mascote{
        width: 40vw;
    }

    .o-padeirinho > p{
        max-width: unset;
    }

    .hero-text{
        align-items: center;
        height: 30vh;
        padding-top: 5em;
    }

    .section-swiper{
        width: 100vw;
    }

    .glovo-big{
        display: none;
    }

    .visite-nos-produtos > p{
        max-width: 90vw;
    }

    #hero-produtos{
        margin-top: unset;
        height: 90vh;
    }

    .carta-padaria{
        min-height: 20em;
    }

    .bolo-centro{
        min-height: 20em;
    }

    .bolo-chocolate{
        min-height: 20em;
    }

    .visite-nos-produtos > p{
        max-width: 75vw;
    }

    .form-section{
        flex-direction: column;
        gap: 5em;
    }

    .contactos-table{
        height: unset;
        padding: 5em;
    }

    .form-container{
        padding: 5em;
    }

    .container-gmaps{
        width: 90vw;
        margin: 5em 0;
    }

    .section-swiper{
        margin: 5em 0;
    }
}

@media only screen and (min-width: 900px){
    .hide-pc{
        display: none;
    }
}

@media only screen and (max-width: 900px){
    .menu-pc{
        display: none;
    }

    .mob-navbar{
        display: flex;
    }

    .hide-mobile{
        display: none;
    }

    .logo-white{
        width: 50vw;
        margin-top: 2vh;
        margin-left: 2vw;
    }

    .webp main{
        height: 75vh;
        background-image: url('../images/hero_red_velvet_mobile.webp'); 
        /*background-image: url('../images/site_dia_das_fogaceiras.webp');*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .no-webp main{
        height: 75vh;
        background-image: url('../images/hero_red_velvet_mobile.jpg');
        /*background-image: url('../images/site_dia_das_fogaceiras.png');*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .menu-mobile{
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
        position: fixed;
        /* background-color: #EDEAE1; */
        right: 2vw; /*80vw*/
        margin-top: 2vh; /*5vh*/
        /* border-radius: 5px 0px 0px 5px; */
        /* box-shadow: 0px 8px 24px rgb(149 157 165 / 20%); */
        /* border: 1px solid #707070; */
        transition: 300ms ease-in-out;
    }

    .menu-mobile > .bx{
        font-size: 3.5em;
        padding: 10px;
        color: #707070;
    }

    .inner-menu-mobile{
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 98;
        width: 80vw;
        right: -100%; /*0*/
        margin-top: 5vh;
        height: 95vh;
        background-color: #EDEAE1;
        justify-content: center;
        align-items: center;
        gap: 5em;
        border: 1px solid #707070;
        box-shadow: 0px 8px 24px rgb(149 157 165 / 20%);
        transition: 300ms ease-in-out;
    }

    .menu-nav{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-size: 2em;
        font-family: 'Brownie Cake', sans-serif;
        letter-spacing: 1px;
    }

    .menu-nav > h2{
        color: #C78F1D;
    }

    .menu-nav > a{
        text-decoration: none;
        color: #707070;
    }

    .mobile-socials{
        display: flex;
        gap: 1em;
    }

    .mobile-contactos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 2em;
    }

    .mobile-contactos-single{
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .mobile-contactos-single > h3{
        font-family: 'Brownie Cake', sans-serif;
        font-size: 2em;
        color: #C78F1D;
    }

    .mobile-contactos-single > p{
        font-family: 'Lato', sans-serif;
        color: #707070;
    }

    .carta-padaria{
        min-height: 30em;
    }

    .carta-padaria-image{
        margin-left: 5vw;
    }

    .carta-padaria-right{
        display: none;
    }

    .carta-pastelaria{
        flex-direction: column-reverse;
        align-items: center;
    }

    .carta-pastelaria-left > h2{
        width: 100%;
        margin-top: 2em;
    }

    .cupcake-div > h2{
        margin-top: 2em;
    }

    .bolo-centro{
        min-height: 30em;
    }

    .croissant{
        margin: 5em auto;
    }

    .bolo-chocolate{
        min-height: 30em;
    }

    .croissant-opcoes > h2{
        font-size: 2em;
    }

    .croissant-opcoes > h3{
        font-size: 1.5em;
    }

    .croissant-opcoes > h4{
        font-size: 1em;
    }

    .carta-pastelaria-left > h2{
        font-size: 2em;
    }

    .cupcake-div > h2{
        font-size: 2em;
    }
}

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

    .croissant{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5em;
    }

    .croissant-img{
        width: 90vw;
        padding: 1.5em;
    }

    .croissant-opcoes > h2{
        font-size: 3em;
        text-align: center;
    }

    .croissant-opcoes > h3{
        font-size: 2em;
        text-align: center;
    }

    .croissant-opcoes > h4{
        font-size: 1.5em;
        text-align: center;
    }

    .carta-pastelaria-left > h2{
        font-size: 3em;
    }

    .cupcake-div > h2{
        font-size: 3em;
    }

    .cereal-icon{
        display: none;
    }

    .chocolate{
        display: none;
    }

    .cookie-icon{
        display: none;
    }

    .cupcake-icon{
        display: none;
    }

    .smile-emoji{
        display: none;
    }

    .fogaca{
        flex-direction: column;
        align-items: center;
        margin: 5em auto;
    }

    /* .carta-pastelaria{
        flex-direction: column-reverse;
        align-items: center;
    } */

    .red_velvet_top{
        width: 90vw;
        padding: 1.5em;
    }

    .carta-padaria-top{
        width: 90vw;
    }

    .adicional-footer{
        gap: unset;
    }

    footer{
        flex-direction: column-reverse;
        align-items: center;
        gap: 3em;
    }

    .footer-mid{
        align-items: center;
        text-align: center;
    }

    .footer-left{
        align-items: center;
        text-align: center;
    }

    .contactos-footer{
        text-align: center;
        align-items: center;
    }

    #encomenda-bem > h1{
        font-size: 4em;
        color: #EDEAE1;
    }
    
    #encomenda-bem > p{
        font-size: 1.5em;;
        color: #EDEAE1;
    }

}

@media only screen and (max-width: 750px) {
    main{
        height: 82vh;
    }

    .loop-holder__text{
        font-size: 7em;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }

    .padaria{
        height: 25em;
        margin-bottom: 0;
    }

    .padaria >  p{
        max-width: 90vw;
    }

    .confeitaria-info > p{
        max-width: 90vw;
    }

    .pastelaria-info > p{
        max-width: 90vw;
    }

    .confeitaria-image{
        width: 90vw;
    }

    .pastelaria-image{
        width: 90vw;
    }

    .o-padeirinho{
        padding: 3em;
    }

    .swiper-img{
        padding: 0.5em;
    }

    .carta-padaria{
        min-height: 25em;
    }

    .bolo-centro{
        min-height: 30em;
    }

    .bolo-chocolate{
        min-height: 25em;
    }

    .visite-nos-produtos > p{
        max-width: 90vw;
    }

    .hero-text{
        padding-top: 10em;
        padding-bottom: 7em;
    }

    .instagram-showreel > h2{
        text-align: center;
    }

    .cookie-bar > button{
        font-size: 1.3em;
    }
    
    .cookie-bar > p{
        font-size: 1em;
    }
}

@media only screen and (max-width: 700px) {
    .instagram-showreel > h2{
        font-size: 3em;
    }

    .hero-text > h1{
        font-size: 3em;
    }

    .visite-nos-produtos > h2{
        font-size: 3em;
    }

     .o-padeirinho > h2{
        font-size: 2em;
    } 

    .confeitaria-info > h2{
        font-size: 2.5em;
    }
    
    .pastelaria-info > h2{
        font-size: 2.5em;
    }

    .padaria > h2{
        font-size: 2.5em;
    }

    .hero-text{
        height: 15vh;
    }

    .carta-padaria-right{
        display: none;
    }

    .cartao-padaria{
        padding: 1em 3em;
    }

    .cartao-pastelaria{
        padding: 1em 3em;
    }

    .cartao-padaria > span{
        font-size: 1em;
    }

    .cartao-padaria > h2{
        font-size: 2em;
    }

    .cartao-pastelaria > span{
        font-size: 1em;
    }

    .cartao-pastelaria > h2{
        font-size: 2em;
    }

    .cartao-confeitaria{
        padding: 1em 3em;
    }

    .cartao-confeitaria > span{
        font-size: 1em;
    }

    .cartao-confeitaria > h2{
        font-size: 2em;
    }

    .carta-padaria-top{
        width: 85vw;
    }

    .croissant-img{
        width: 85vw;
    }

    #hero-produtos{
        height: 80vh;
    }

    .hero-text > p{
        max-width: 90vw;
    }

    .caixa-padeirinho{
        width: 90vw;
    }

    #hero-produtos{
        height: 65vh;
        margin-top: 10vh;
    }

    .carta-padaria-image{
        margin-left: 5vw;
    }

    /* .croissant-img-container{
        margin-left: 5vw;
    } */

    .carta-padaria-top{
        width: 90vw;
    }

    .croissant-img{
        width: 90vw;
    }

    .croissant{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5em;
        margin: 10em auto;
    }

    .carta-pastelaria{
        flex-direction: column-reverse;
        gap: 2em;
        align-items: center;
    }

    .carta-pastelaria-left > h2{
        width: 100%;
    }

    .cupcake-div > h2{
        width: 100%;
    }

    .red_velvet_top{
        margin-left: 0vw;
        padding: 1em;
    }

    .bolo-centro{
        min-height: 25em;
    }

    .fogaca{
        gap: 2em;
    }

    .form-container{
        padding: 3em;
    }

    .contactos-table{
        padding: 3em;
    }

}

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

    .g-recaptcha{
        transform: scale(0.8);
    }

    .mascote{
        width: 50vw;
    }

    .hero-text > h1{
        font-size: 3em;
        text-align: center;
    }

    .visite-nos-produtos > h2{
        font-size: 3em;
        text-align: center;
    }

    .hero-text{
        height: 25vh;
    }

    .logo-white{
        margin-top: 3vh;
        margin-left: 2vw;
    }

    #menu-btn{
        margin-top: 4vh;
        margin-right: 4vw;
        font-size: 3em;
    }

    .mob-navbar > a{
        width: 60vw;
    }

    .carta-padaria-top{
        padding: 1em;
    }

    .croissant-img{
        padding: 1em;
    }

    #hero-produtos{
        height: 65vh;
        margin-top: 5vh;
    }

    .carta-padaria{
        min-height: 20em;
    }

    .visite-nos-produtos{
        margin: 5em auto;
    }

    .bolo-chocolate{
        min-height: 0;
    }

    .adicional-footer > div{
        display: none;
    }

    #encomenda-bem > h1{
        font-size: 3em;
        color: #EDEAE1;
        text-align: center;
    }
    
    #encomenda-bem > p{
        font-size: 1em;;
        color: #EDEAE1;
    }

}

@media only screen and (max-width: 550px){
    .croissant{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5em;
        margin: 5em auto;
    }

    #hero-produtos{
        height: 55vh;
        margin-top: 10vh;
    }

    .croissant{
        margin: 3em auto;
    }

    .fogaca{
        margin: 3em auto;
    }

    .submit-div{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2em;
    }
}

@media only screen and (max-width: 500px){
    .adicional-footer{
        /* flex-direction: column; */
        gap: 2em;
    }
    
    .adicional-footer > a{
        font-size: 1.2em;
    }

    .instagram-showreel{
        gap: unset;
    }

    .crt-widget.crt-widget-branded{
        padding-bottom: unset!important;
    }

    .crt-widget.crt-widget-carousel{
        min-height: unset!important;
    }

    .botao-instagram{
        margin-top: 1em;
    }
}

@media only screen and (max-width: 450px){
    .menu-mobile > .bx{
        font-size: 2.5em;
        padding: 10px;
        color: #707070;
    }

    .knife-fork{
        width: 4em;
        padding: 10px;
        display: none;
    }

    .o-padeirinho{
        padding: 1em;
    }

    .footer-right > a{
        text-align: center;
    }

    .logo-white{
        margin-top: 3.5vh;
        margin-left: 2vw;
    }

    #menu-btn{
        margin-top: 3vh;
        margin-right: 3vw;
        font-size: 3em;
    }

    .croissant{
        margin: 0em auto;
    }

    .croissant-opcoes > h2{
        font-size: 2em;
        text-align: center;
    }

    .croissant-opcoes > h3{
        font-size: 1.5em;
        text-align: center;
    }

    .croissant-opcoes > h4{
        font-size: 1em;
        text-align: center;
    }

    .carta-pastelaria-left > h2{
        font-size: 2em;
    }

    .cupcake-div > h2{
        font-size: 2em;
    }

    .bolo-centro{
        min-height: 19em;
    }

    .carta-padaria{
        min-height: 21em;
    }

    .crt-panel-next{
        width: 25px!important;
        height: 25px!important;
    }
    
    .crt-panel-prev{
        width: 25px!important;
        height: 25px!important;
    }

    .crt-panel-next svg, .crt-panel-prev svg{
        height: 14px!important;
    }

    .botao-instagram{
        padding: 0.7em;
    }
}

@media only screen and (max-width: 400px){
    .bolo-centro{
        min-height: 20em;
    }

    .carta-padaria{
        min-height: 17em;
    }

    .bolo-centro{
        min-height: 17em;
    }

    #encomenda-bem > h1{
        font-size: 2em;
        color: #EDEAE1;
        text-align: center;
    }
    
    #encomenda-bem > p{
        font-size: 1em;;
        color: #EDEAE1;
    }

    .cookie-bar > button{
        font-size: 1.8em;
    }
    
    .cookie-bar > p{
        font-size: 1em;
    }
}

/*SPECIAL MEDIA QUERIES*/

@media only screen and (max-height: 850px) {

    .mobile-contactos{
        display: none;
    }

}

@media screen and (min-width: 1900px) {
    .instagram-showreel {
        display: block;
        flex-direction: unset;
        align-items: unset;
        justify-self: unset;
        gap: unset;
        margin: 10em auto;
    }

    .instagram-showreel > h2{
        text-align: center;
        margin-bottom: 0.5em;
    }

    .botao-instagram{
        width: 15em;
        margin: auto;
    }
    }