/* extralarge Desktop */
@media only screen and (max-width : 1800px) {}




#riga-superiore a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
}










/* Large Desktop */
@media only screen and (max-width : 1200px) {
    #menu-menufooter li {
        margin: 0px 5px;
        font-size: 10px;
    }

    .menu-menufooter-container {
        margin: 40px 0;
    }

    #menu-menufooter {
        padding: 0;
    }
}





/* Desktop */
@media only screen and (max-width : 991px) {
    

    .page-id-10 .middle {
        max-width: 600px;
        margin: 30px auto 40px;
        line-height: 24px;
    }

    .page-id-10 .vertical {
        display: block;
    }

    #menu-principale li {
        margin: 0 5px;
        font-size: 9pt;
    }

    .ispirazione {
        font-size: 14pt !important;
    }

    .logo {
        width: 100%;
    }

    #mailpoet_form_2 {
        width: 100%;
        margin: 60px 0 0 0;
    }

    #menu-menufooter a {
        color: #eeeddfe6;
        letter-spacing: -0.2px;
    }

    #contatti {
        background: linear-gradient(to top, #0009, #fff0), url(https://www.baco-ortigia.it/wp-content/uploads/2020/12/contatti-1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 29%;
    }
}




/* Tablet */
@media only screen and (max-width : 767px) {

    footer .vertical {
        display: block;
    }
    #storie img {
    border-radius: 40px;
    }
    #fuoco img {
    border-radius: 40px;
    }

    #nostri-gioielli h3 {
        max-width: 400px;
        margin: 0 auto;
    }

    .box-anelli,
    .box-orecchini,
    .box-bracciali,
    .box-collane {
        max-width: 400px;
        height: 360px;
    }

    #prodotto-interno .product img.wp-post-image {
        width: 400px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 60px 0;
    }

    #prodotto-interno .product .woocommerce-product-gallery__image:nth-child(1) {
        pointer-events: none;
    }

    #fuoco .vertical {
        display: block;
    }

    #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
        height: auto !important;
        max-width: 100%;
    }

    #fuoco .testo {
        margin: 20px 0 40px;
    }

    .linea-newsletter::after {
        height: 90px;
        position: relative;
    }

    #storie .testo::after {
        height: 75px;
        top: 125px;
    }

    #fuoco .testo p {
        width: unset;
    }

    #fuoco .testo {
        max-width: 460px;
        margin: 20px auto 40px;
    }

    #newsletter-section .testo {
        margin: 30px auto;
        max-width: 460px;
    }

    #riga-superiore a {
        font-size: 10px !important;
    }

    .logo-mobile {
        position: fixed;
        top: 44px;
    }

    #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
        height: auto;
        max-width: 100%;
    }

    #riga-superiore {
        position: fixed;
        width: 100%;
        background: #eeeddfe6;
        text-shadow: unset !important;
    }

    #riga-superiore a {
        text-decoration: none;
        color: #00595f;
        text-transform: uppercase;
        font-size: 12px;
    }

    .copyright {
        padding: 15px 0 0;
    }

    .copyright p {
        padding-bottom: 15px;
        text-align: center;
    }

    .tabs.wc-tabs li {
        list-style: none;
        display: table !important;
        padding: 10px;
        width: 100% !important;
        text-align: center;
    }

    footer img {
        width: 180px;
    }

    .social-footer {
        margin-top: 30px;
    }

    footer .testo {
        margin-top: 30px;
        text-align: center;
    }

}





/* Mobile */
@media only screen and (max-width : 480px) {

    .box-anelli,
    .box-orecchini,
    .box-bracciali,
    .box-collane {
        max-width: 100%;
    }
    #storie img {
    border-radius: 40px;
    }
    #fuoco img {
    border-radius: 40px;
    }


    #nostri-gioielli h3 {
        max-width: 100%;
        margin: 0 auto;
    }

    .tabs.wc-tabs li {
        list-style: none;
        display: table !important;
        padding: 10px;
        width: 100% !important;
        text-align: center;
    }

    #tab-description,
    #tab-ispirazione,
    #tab-dettagli,
    #tab-curiosita,
    #tab-spedizione,
    #tab-indossalo-cosi,
    #tab-indossala-cosi,
    #tab-manutenzione {
        background: white;
        padding: 30px;
        max-width: 865px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }
}