/* Extra Large Screens (4K, grandi monitor) */
@media (max-width: 1680px) {
/* Stili per schermi molto grandi */
    .colonna_footer_05 > p {
        font-size: 13px; line-height: 26px;
    }
}

/* Large Screens (Desktop 1440px - 1600px) */
@media (max-width: 1600px) {
/* Stili per desktop grandi */
}

/* Normal Desktop (1366px - 1440px) */
@media (max-width: 1440px) {
/* Stili per desktop standard */
    .colonna {
        height: 55vh;
    }
    .cella {
        height: 11vh;
    }
    .box_cella_01 {
        height: 55vh;
    }
    .box_cella_02 {
        height: 55vh;
    }
    .paragrafo {
        font-size: 18px; line-height: 26px;
    }
    .box_sec_02_02 {
        padding: 2.5vw 10vw 2.5vw 2.5vw;
    }
    .box_sec_02_03 {
        padding: 2.5vw 10vw 0vw 0vw;
    }
    .titolo_pagina_02 {
        bottom: 32px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 12px; line-height: 24px;
    }
    .link_menu_right a {
        font-size: 12px;
    }
    .link_menu_right {
        margin-bottom: 15px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03, .bc_04 {
        height: 33vh;
    }
    .bc_03 .colonna, .bc_04 .colonna {
        height: 33vh;
    }
    .pm_sec_01_03 img {
        width: 70px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 18px; line-height: 28px; padding-right: 5%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 3vw 2vw 4vw 2vw;
    }
    .titolo_progetto {
        padding-bottom: 30px;
    }
    .row_footer_01 {
        padding-top: 80px; padding-bottom: 110px;
    }
}

/* Small Desktop / Laptop (1200px - 1366px) */
@media (max-width: 1366px) {
/* Stili per schermi più piccoli o laptop */
    .colonna {
        height: 55vh;
    }
    .cella {
        height: 11vh;
    }
    .box_cella_01 {
        height: 55vh;
    }
    .box_cella_02 {
        height: 55vh;
    }
    .paragrafo {
        font-size: 16px; line-height: 24px;
    }
    .box_sec_02_02 {
        padding: 2.5vw 12vw 2.5vw 2.5vw;
    }
    .box_sec_02_03 {
        padding: 2.5vw 12vw 0vw 0vw;
    }
    .titolo_pagina_02 {
        bottom: 30px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 10px; line-height: 20px;
    }
    .link_menu_right a {
        font-size: 12px;
    }
    .link_menu_right {
        margin-bottom: 15px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03, .bc_04 {
        height: 33vh;
    }
    .bc_03 .colonna, .bc_04 .colonna {
        height: 33vh;
    }
    .pm_sec_01_03 img {
        width: 70px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 5%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 3vw 2vw 4vw 2vw;
    }
    .titolo_progetto {
        padding-bottom: 30px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titolo_pagina_02 {
        font-size: 70px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 14px; line-height: 1.2; padding-bottom: 16px;
    }
    .titoletto_02 {
        padding-bottom: 40px;
    }
    .box_sec_07_02 {
        padding: 0px 30px;
    }
}

/* Tablet in orizzontale (1101px - 1200px) */
@media (max-width: 1200px) {
/* Adattamenti per schermi medi e laptop piccoli */
    .colonna {
        height: 47vh;
    }
    .cella {
        height: 9.5vh;
    }
    .box_cella_01 {
        height: 47vh;
    }
    .box_cella_02 {
        height: 47vh;
    }
    .paragrafo {
        font-size: 16px; line-height: 24px;
    }
    .box_sec_02_02 {
        padding: 2.5vw 8vw 2.5vw 2.5vw; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 2.5vw 8vw 0vw 0vw; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 30px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 10px; line-height: 20px;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03, .bc_04 {
        height: 28.5vh;
    }
    .bc_03 .colonna, .bc_04 .colonna {
        height: 28.5vh;
    }
    .pm_sec_01_03 img {
        width: 70px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 5%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 5vw 3vw 5vw 3vw;
    }
    .titolo_progetto {
        padding-bottom: 30px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 100px;
    }
    .titolo_pagina_02 {
        font-size: 70px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 14px; line-height: 1.2; padding-bottom: 16px;
    }
    .titoletto_02 {
        padding-bottom: 40px;
    }
    .box_sec_07_02 {
        padding: 0px 15px;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 20%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 60px; right: -25%; width: 22.5%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 20%;
    }
    .col_progetto_02 {
        padding-left: 40px; padding-right: 40px; padding-top: 15px; position: relative;
    }
    .descrizione_progetto {
        padding-right: 15%;
    }

    
}

/* Tablet in orizzontale (992px - 1100px) */
@media (max-width: 1100px) {
/* Adattamenti per schermi medi e laptop piccoli */
    .colonna {
        height: 40vh;
    }
    .cella {
        height: 10vh;
    }
    .box_cella_01 {
        height: 40vh;
    }
    .box_cella_02 {
        height: 40vh;
    }
    .paragrafo {
        font-size: 16px; line-height: 24px;
    }
    .box_sec_02_02 {
        padding: 2.5vw 2.5vw 2.5vw 2.5vw; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 2.5vw 2.5vw 0vw 0vw; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 25px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 9px; line-height: 16px;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03, .bc_04 {
        height: 28.5vh;
    }
    .bc_03 .colonna, .bc_04 .colonna {
        height: 28.5vh;
    }
    .pm_sec_01_03 img {
        width: 60px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 5%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 5vw 3vw 5vw 3vw;
    }
    .titolo_progetto {
        padding-bottom: 20px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 100px;
    }
    .titolo_pagina_02 {
        font-size: 60px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 14px; line-height: 1.2; padding-bottom: 16px;
    }
    .titoletto_02 {
        padding-bottom: 40px;
    }
    .box_sec_07_02 {
        padding: 0px 10px;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 10%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 60px; right: -25%; width: 25%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 10%;
    }
    .col_progetto_02 {
        padding-left: 22px; padding-right: 0px; padding-top: 15px;
    }
    .descrizione_progetto {
        padding-right: 10%;
    }
    .cella_sm {
        display: none;
    }
    .testo_sopra_immagine > h3 {
        font-size: 100px;
    }
    .bottone_home_portfolio {
        padding-bottom: 60px;
    }
    .row_riga_cella_progetto {
        margin: 0; padding: 0;
    }
    .row_riga_cella_progetto.caricata {
        padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .descrizione_progetto {
        padding-bottom: 0px;
    }
    .box_testuale_overlay span {
        font-size: 14px; line-height: 14px;
    }
    .box_testuale_overlay {
        top: 47%;
    }
    .row_footer_02 {
        padding-bottom: 0px;
    }
    
}

/* Tablet standard (769px - 991px) */
@media (max-width: 991px) {
/* Stili per tablet e piccoli laptop */

    .colonna {
        height: 0vh;
    }
    .cella {
        height: 10vh;
    }
    .box_cella_01 {
        height: 0vh;
    }
    .box_cella_02 {
        height: 30vh;
    }
    .paragrafo {
        font-size: 18px; line-height: 26px;
    }
    .box_sec_02_02 {
        padding: 60px 5% 0px 0px; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 30px 10% 0px 0px; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 30px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 10px; line-height: 20px; margin-top: 0px !important;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03 {
        height: 0px;
    }
    .bc_04 {
        height: 20vh;
    }
    .bc_03 .colonna {
        height: 0px;
    }
    .bc_04 .colonna {
        height: 20vh;
    }
    .pm_sec_01_03 img {
        width: 60px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 5%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 6vw 5vw 6vw 5vw;
    }
    .titolo_progetto {
        padding-bottom: 20px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titolo_pagina_02 {
        font-size: 70px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 14px; line-height: 1.2; padding-bottom: 16px;
    }
    .titoletto_02 {
        padding-bottom: 40px;
    }
    .box_sec_07_02 {
        padding: 20px 20%;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 0%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 57px; right: -35%; width: 35%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 10%;
    }
    .col_progetto_02 {
        padding-left: 22px; padding-right: 0px; padding-top: 30px; position: relative;
    }
    .descrizione_progetto {
        padding-right: 22px;
    }
    .cella_sm {
        display: none;
    }
    .testo_sopra_immagine > h3 {
        font-size: 80px;
    }
    .bottone_home_portfolio {
        padding-bottom: 60px;
    }
    .row_riga_cella_progetto {
        margin: 0; padding: 0;
    }
    .row_riga_cella_progetto.caricata {
        padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .descrizione_progetto {
        padding-bottom: 0px;
    }
    .box_testuale_overlay span {
        font-size: 18px; line-height: 18px;
    }
    .box_testuale_overlay {
        top: 47%;
    }
    .cella_sm_vertical {
        display: none;
    }
    .dn_mobile {
        margin-bottom: 60px;
    }
    .box_sec_07_01 {
        padding-right: 0%; padding-bottom: 40px;
    }
    .grafico_torta p {
        font-size: 65px;
    }
    .grafico_torta h4 {
        font-size: 20px; margin-top: 20px!important;
    }
    .colonna_footer_04 {
        padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 50px;
    }
    .colonna_footer_04 > a > p {
        font-size: 15.5px; line-height: 1.6;
    }
    .studio_sec_01_01.s0101_studio h2 {
        padding-right: 50%;
    }
    .studio_sec_01_01.s0101_studio p {
        padding: 0px 10% 60px 0px;
    }
    .studio_sec_01_02 {
        aspect-ratio: 4/5;
    }
    .studio_sec_03_03 p {
        padding-bottom: 30px; padding-right: 5%;
    }
    .studio_row_05_01 {
        padding-right: 15%;
    }
    .studio_sec_01_01.s0101_pm h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm p {
        padding: 0px 10% 10px 0px;
    }
    .studio_sec_01_02.s0101_pm {
        aspect-ratio: 4/5;
    }
    .pm_sec_02_01 h3 {
        padding-bottom: 40px; padding-right: 20%;
    }
    .studio_sec_01_01.s0101_progettazione h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_progettazione p {
        padding: 0px 10% 10px 0px;
    }
    .studio_sec_01_02.s0102_progettazione {
        aspect-ratio: 4/5;
    }
    .studio_sec_01_01.s0101_portfolio h1 {
        padding-right: 40%;
    }
    .studio_sec_01_01.s0101_portfolio p {
        padding: 0px 10% 10px 0px;
    }
    .titolo_progetto {
        font-size: 24px; line-height: 32px;
    }
    .descrizione_progetto {
        font-size: 18px; line-height: 26px;
    }
    #progetti_aggiunti {
        margin-right: 0px; margin-left: 0px;
    }
    .footer_desktop {
        display: none;
    }
    .footer_mobile {
        display: block;
    }
    .footer_mobile .row_footer_02 {
        position: fixed; bottom: 0; width: 90%;
    }
    .row_footer_02 {
        align-items: center; padding-bottom: 40px;
    }

}

/* Smartphone grandi (451px - 767px) */
@media (max-width: 768px) {
/* Stili per telefoni grandi e piccoli tablet */

    .colonna {
        height: 0vh;
    }
    .cella {
        height: 10vh;
    }
    .box_cella_01 {
        height: 0vh;
    }
    .box_cella_02 {
        height: 30vh;
    }
    .paragrafo {
        font-size: 18px; line-height: 26px;
    }
    .box_sec_02_02 {
        padding: 60px 5% 0px 0px; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 30px 10% 0px 0px; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 30px;
    }
    .pulsante_generale_01 {
        padding: 20px; font-size: 14px;
    }
    .pulsante_generale_02 {
        padding: 20px; font-size: 14px;
    }
    .colonna_footer_05 > p {
        font-size: 10px; line-height: 20px; margin-top: 0px !important;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03 {
        height: 0px;
    }
    .bc_04 {
        height: 20vh;
    }
    .bc_03 .colonna {
        height: 0px;
    }
    .bc_04 .colonna {
        height: 20vh;
    }
    .pm_sec_01_03 img {
        width: 60px;
    }
    .paragrafo_02 {
        font-size: 14px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 0%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 6vw 5vw 6vw 5vw;
    }
    .titolo_progetto {
        padding-bottom: 20px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titolo_pagina_02 {
        font-size: 60px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 14px; line-height: 1.2; padding-bottom: 16px;
    }
    .titoletto_02 {
        padding-bottom: 40px;
    }
    .box_sec_07_02 {
        padding: 20px 20%;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 0%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 57px; right: -35%; width: 35%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 10%;
    }
    .col_progetto_02 {
        position: relative; padding-left: 22px; padding-right: 0px; padding-top: 30px;
    }
    .descrizione_progetto {
        padding-right: 22px;
    }
    .cella_sm {
        display: none;
    }
    .testo_sopra_immagine > h3 {
        font-size: 80px;
    }
    .bottone_home_portfolio {
        padding-bottom: 60px;
    }
    .row_riga_cella_progetto {
        margin: 0; padding: 0;
    }
    .row_riga_cella_progetto.caricata {
        padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .descrizione_progetto {
        padding-bottom: 0px;
    }
    .box_testuale_overlay span {
        font-size: 18px; line-height: 18px;
    }
    .box_testuale_overlay {
        top: 47%;
    }
    .cella_sm_vertical {
        display: none;
    }
    .dn_mobile {
        margin-bottom: 60px;
    }
    .box_sec_07_01 {
        padding-right: 0%; padding-bottom: 40px;
    }
    .grafico_torta p {
        font-size: 65px;
    }
    .grafico_torta h4 {
        font-size: 20px; margin-top: 20px!important;
    }
    .colonna_footer_04 {
        padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 50px;
    }
    .colonna_footer_04 > a > p {
        font-size: 15.5px; line-height: 1.6;
    }
    .studio_sec_01_01.s0101_studio h2 {
        padding-right: 50%;
    }
    .studio_sec_01_01.s0101_studio p {
        padding: 0px 10% 60px 0px;
    }
    .studio_sec_01_02 {
        aspect-ratio: 4/5;
    }
    .studio_sec_03_03 p {
        padding-bottom: 30px; padding-right: 5%;
    }
    .studio_row_05_01 {
        padding-right: 10%;
    }
    .studio_sec_01_01.s0101_pm h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm p {
        padding: 0px 10% 10px 0px;
    }
    .studio_sec_01_02.s0101_pm {
        aspect-ratio: 4/5;
    }
    .pm_sec_02_01 h3 {
        padding-bottom: 40px; padding-right: 20%;
    }
    .studio_sec_01_01.s0101_progettazione h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_progettazione p {
        padding: 0px 10% 10px 0px;
    }
    .studio_sec_01_02.s0102_progettazione {
        aspect-ratio: 4/5;
    }
    .studio_sec_01_01.s0101_portfolio h1 {
        padding-right: 35%;
    }
    .studio_sec_01_01.s0101_portfolio p {
        padding: 0px 20% 10px 0px;
    }
    .titolo_progetto {
        font-size: 24px; line-height: 32px;
    }
    .descrizione_progetto {
        font-size: 18px; line-height: 26px;
    }
    #progetti_aggiunti {
        margin-right: 0px; margin-left: 0px;
    }
    .footer_desktop {
        display: none;
    }
    .footer_mobile {
        display: block;
    }
    .footer_mobile .row_footer_02 {
        position: fixed; bottom: 0; width: 90%;
    }
    .studio_sec_06_01 {
        width: 44%!important;
    }
    .progress-circle {
        stroke-width: 5px;
    }
    .row_footer_02 {
        align-items: center; padding-bottom: 40px;
    }

}

/* Smartphone piccoli (330px - 450px) */
@media (max-width: 450px) {
/* Stili per smartphone più piccoli */

    .colonna {
        height: 0vh;
    }
    .cella {
        height: 8vh;
    }
    .box_cella_01 {
        height: 0vh;
    }
    .box_cella_02 {
        height: 24vh;
    }
    .paragrafo {
        font-size: 16px; line-height: 24px;
    }
    .box_sec_02_02 {
        padding: 40px 5% 0px 0px; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 30px 5% 0px 0px; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 19px;
    }
    .pulsante_generale_01 {
        padding: 16px; font-size: 12px;
    }
    .pulsante_generale_02 {
        padding: 16px; font-size: 12px; text-align: center;
    }
    .colonna_footer_05 > p {
        font-size: 9px; line-height: 16px; margin-top: 0px !important;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03 {
        height: 0px;
    }
    .bc_04 {
        height: 16vh;
    }
    .bc_03 .colonna {
        height: 0px;
    }
    .bc_04 .colonna {
        height: 20vh;
    }
    .pm_sec_01_03 img {
        width: 50px;
    }
    .paragrafo_02 {
        font-size: 12px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 3%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 12vw 8vw 12vw 8vw;
    }
    .titolo_progetto {
        padding-bottom: 20px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titolo_pagina_02 {
        font-size: 32px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 13px; line-height: 1; padding-bottom: 5px;
    }
    .titoletto_02 {
        padding-bottom: 30px;
    }
    .box_sec_07_02 {
        padding: 10px 4%;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 0%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 52px; right: -100%; width: 100%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 10%;
    }
    .col_progetto_02 {
        position: relative; padding-left: 0px; padding-right: 0px; padding-top: 30px;
    }
    .descrizione_progetto {
        padding-right: 5%;
    }
    .cella_sm {
        display: none;
    }
    .testo_sopra_immagine > h3 {
        font-size: 38px;
    }
    .bottone_home_portfolio {
        padding-bottom: 80px;
    }
    .row_riga_cella_progetto {
        margin: 0; padding: 0;
    }
    .row_riga_cella_progetto.caricata {
        padding-right: 0px; padding-left: 0px;
    }
    .descrizione_progetto {
        padding-bottom: 0px;
    }
    .box_testuale_overlay span {
        font-size: 12px; line-height: 12px; display: none;
    }
    .box_testuale_overlay {
        top: 47%;
    }
    .cella_sm_vertical {
        display: none;
    }
    .dn_mobile {
        margin-bottom: 60px;
    }
    .box_sec_07_01 {
        padding-right: 0%; padding-bottom: 30px;
    }
    .grafico_torta p {
        font-size: 65px;
    }
    .grafico_torta h4 {
        font-size: 16px; margin-top: 15px!important;
    }
    .colonna_footer_04 {
        padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 50px;
    }
    .colonna_footer_04 > a > p {
        font-size: 14px; line-height: 1.6;
    }
    .studio_sec_01_01.s0101_studio h2 {
        padding-right: 20%;
    }
    .studio_sec_01_01.s0101_studio p {
        padding: 0px 5% 40px 0px;
    }
    .studio_sec_01_02 {
        aspect-ratio: 4/5;
    }
    .studio_sec_03_03 p {
        padding-bottom: 0px; padding-right: 5%;
    }
    .studio_row_05_01 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm p {
        padding: 0px 5% 10px 0px;
    }
    .studio_sec_01_02.s0101_pm {
        aspect-ratio: 4/5;
    }
    .pm_sec_02_01 h3 {
        padding-bottom: 30px; padding-right: 20%;
    }
    .studio_sec_01_01.s0101_progettazione h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_progettazione p {
        padding: 0px 5% 10px 0px;
    }
    .studio_sec_01_02.s0102_progettazione {
        aspect-ratio: 4/5;
    }
    .studio_sec_01_01.s0101_portfolio h1 {
        padding-right: 10%;
    }
    .studio_sec_01_01.s0101_portfolio p {
        padding: 0px 5% 10px 0px;
    }
    .titolo_progetto {
        font-size: 20px; line-height: 28px;
    }
    .descrizione_progetto {
        font-size: 16px; line-height: 24px;
    }
    #progetti_aggiunti {
        margin-right: 0px; margin-left: 0px;
    }
    .footer_desktop {
        display: none;
    }
    .footer_mobile {
        display: block;
    }
    .footer_mobile .row_footer_02 {
        position: fixed; bottom: 0; width: 90%;
    }
    .studio_sec_06_01 {
        width: 100%!important;
    }
    .box_menu_01 img {
        width: 90px; padding-top: 14px; padding-bottom: 14px; padding-right: 20px;
    }
    .box_menu_01 span {
        font-size: 10px; line-height: 12px;
    }
    .box_menu_02 {
        padding-left: 20px;
    }
    .box_menu_02 span {
        margin-top: -3px;
    }
    .box_menu_02 span a {
        font-size: 12px; line-height: 100%;
    }
    .box_menu_03 span {
        font-size: 12px; line-height: 100%;
    }
    .cella_sm_vertical_col {
        display: none;
    }
    .titoletto {
        font-size: 24px; line-height: 1.2;
    }
    .box_sec_03_02 .titoletto {
        padding-bottom: 30px;
    }
    .home_sec_05 {
        padding-top: 60px;
    }
    .box_sec_06_01 h2 {
        padding-right: 25%;
    }
    .box_sec_06_01 p {
        padding-right: 5%; padding-bottom: 30px;
    }
    .box_sec_06_01 h3 {
        padding-right: 25%;
    }
    .box_sec_04_01 {
        padding-right: 30%; padding-bottom: 40px;
    }

    .owl-item {
        transition: transform 0.3s, opacity 0.3s;
    }
    .owl-item.active.center {
        transform: scale(1.4); opacity: 1;
    }
    .owl-item:not(.center) {
        transform: scale(0.6); opacity: 0.5;
    }
    .colonna_footer_01 .titoletto {
        padding-bottom: 30px; color: #fff;
    }

    .studio_sec_01_01 {
        padding-top: 60px;
    }
    .studio_sec_01 {
        padding-bottom: 80px;
    }
    .studio_sec_02_01 {
        height: 22px;
    }
    .studio_row_03_01 {
        padding-bottom: 30px;
    }
    .studio_sec_03 {
        padding-top: 40px; padding-bottom: 80px;
    }
    .studio_sec_05 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titoletto_02 {
        font-size: 24px; line-height: 1.2; padding-bottom: 30px;
    }
    .studio_sec_06_01 h3 {
        padding-bottom: 30px; padding-right: 10%;
    }
    .studio_sec_06_01 p {
        padding-bottom: 30px; padding-right: 5%;
    }
    .studio_sec_04_01 {
        height: 22px;
    }
    .secondo_s0601 {
        margin-top: 60px;
    }
    .pm_sec_01_03 img {
        margin-bottom: 30px;
    }
    .pm_sec_01 {
        padding-top: 60px; padding-bottom: 80px;
    }
    .pm_sec_02 {
        padding-top: 80px;
    }
    .pm_row_01_01 {
        padding-bottom: 30px;
    }
    .home_sec_07 {
        padding-top: 60px; padding-bottom: 80px;
    }
    .home_sec_04 {
        padding-top: 80px;
    }
    .box_img_progetto {
        padding: 10px;
    }
    .col_progetto_01:hover .mirino_01 {
        left: 10px; top: 10px;
    }
    .col_progetto_01:hover .mirino_02 {
        right: 10px; top: 10px;
    }
    .col_progetto_01:hover .mirino_03 {
        left: 10px; bottom: 10px;
    }
    .col_progetto_01:hover .mirino_04 {
        right: 10px; bottom: 10px;
    }
    .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
        top: 75%!important; transform: translateY(-75%)!important; display: none;
    }
    .col_progetto_01:hover .overlay_immagine {
        opacity: 0;
    }
    .row_footer_02 {
        align-items: center; padding-bottom: 40px;
    }
    .sezione_menu::after {
        bottom: -40px; height: 40px;
    }

}

/* Extra small screens (fino a 329px) */
@media (max-width: 329px) {
/* Stili per telefoni molto piccoli (vecchi dispositivi) */

    .colonna {
        height: 0vh;
    }
    .cella {
        height: 8vh;
    }
    .box_cella_01 {
        height: 0vh;
    }
    .box_cella_02 {
        height: 24vh;
    }
    .paragrafo {
        font-size: 14px; line-height: 22px;
    }
    .box_sec_02_02 {
        padding: 40px 5% 0px 0px; z-index: 1;
    }
    .box_sec_02_03 {
        padding: 30px 5% 0px 0px; z-index: 1;
    }
    .titolo_pagina_02 {
        bottom: 16px;
    }
    .pulsante_generale_01 {
        padding: 16px; font-size: 12px;
    }
    .pulsante_generale_02 {
        padding: 16px; font-size: 12px; text-align: center;
    }
    .colonna_footer_05 > p {
        font-size: 9px; line-height: 16px; margin-top: 0px !important;
    }
    .link_menu_right a {
        font-size: 14px;
    }
    .link_menu_right {
        margin-bottom: 20px;
    }
    .sliding-panel {
        padding-top: 30px;
    }
    .bc_03 {
        height: 0px;
    }
    .bc_04 {
        height: 16vh;
    }
    .bc_03 .colonna {
        height: 0px;
    }
    .bc_04 .colonna {
        height: 20vh;
    }
    .pm_sec_01_03 img {
        width: 50px;
    }
    .paragrafo_02 {
        font-size: 12px; line-height: 20px;
    }
    .paragrafo_03 {
        font-size: 16px; line-height: 24px; padding-right: 3%;
    }
    .pm_sec_01_03 h4 {
        padding-bottom: 10px;
    }
    .linea_paragrafo {
        margin-bottom: 10px;
    }
    .pm_sec_01_03 {
        padding: 12vw 8vw 12vw 8vw;
    }
    .titolo_progetto {
        padding-bottom: 20px;
    }
    .row_footer_01 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titolo_pagina_02 {
        font-size: 26px; line-height: 1.2;
    }
    .titoletto_barra_orizzontale {
        font-size: 13px; line-height: 1; padding-bottom: 5px;
    }
    .titoletto_02 {
        padding-bottom: 30px;
    }
    .box_sec_07_02 {
        padding: 10px 4%;
    }
    .home_sec_03 {
        padding-bottom: 60px; z-index: 1; position: relative;
    }
    .row_riga_cella {
        position: relative;
    }
    .home_sec_07 {
        position: relative;
    }
    .home_sec_06 {
        position: relative;
    }
    .box_sec_06_01 p {
        padding-right: 0%;
    }
    .home_sec_04 {
        position: relative;
    }
    .bottone_home_portfolio {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .sliding-panel {
        top: 52px; right: -100%; width: 100%; padding-top: 30px; padding-right: 5%;
    }
    .studio_sec_01 {
        position: relative;
    }
    .barra_orizzontale {
        position: relative;
    }
    .studio_sec_03 {
        position: relative;
    }
    .studio_sec_05 {
        position: relative;
    }
    .studio_sec_06 {
        position: relative;
    }
    .studio_sec_06_01 p {
        padding-right: 0%;
    }
    .pm_sec_01 {
        position: relative;
    }
    .pm_sec_02 {
        position: relative;
    }
    .pm_sec_02_01 p {
        padding-right: 10%;
    }
    .col_progetto_02 {
        position: relative; padding-left: 0px; padding-right: 0px; padding-top: 30px;
    }
    .descrizione_progetto {
        padding-right: 5%;
    }
    .cella_sm {
        display: none;
    }
    .testo_sopra_immagine > h3 {
        font-size: 30px;
    }
    .bottone_home_portfolio {
        padding-bottom: 80px;
    }
    .row_riga_cella_progetto {
        margin: 0; padding: 0;
    }
    .row_riga_cella_progetto.caricata {
        padding-right: 0px; padding-left: 0px;
    }
    .descrizione_progetto {
        padding-bottom: 0px;
    }
    .box_testuale_overlay span {
        font-size: 12px; line-height: 12px; display: none;
    }
    .box_testuale_overlay {
        top: 47%;
    }
    .cella_sm_vertical {
        display: none;
    }
    .dn_mobile {
        margin-bottom: 60px;
    }
    .box_sec_07_01 {
        padding-right: 0%; padding-bottom: 30px;
    }
    .grafico_torta p {
        font-size: 65px;
    }
    .grafico_torta h4 {
        font-size: 14px; margin-top: 10px!important;
    }
    .colonna_footer_04 {
        padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 50px;
    }
    .colonna_footer_04 > a > p {
        font-size: 14px; line-height: 1.6;
    }
    .studio_sec_01_01.s0101_studio h2 {
        padding-right: 20%;
    }
    .studio_sec_01_01.s0101_studio p {
        padding: 0px 5% 40px 0px;
    }
    .studio_sec_01_02 {
        aspect-ratio: 4/5;
    }
    .studio_sec_03_03 p {
        padding-bottom: 0px; padding-right: 5%;
    }
    .studio_row_05_01 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_pm p {
        padding: 0px 5% 10px 0px;
    }
    .studio_sec_01_02.s0101_pm {
        aspect-ratio: 4/5;
    }
    .pm_sec_02_01 h3 {
        padding-bottom: 30px; padding-right: 20%;
    }
    .studio_sec_01_01.s0101_progettazione h2 {
        padding-right: 0%;
    }
    .studio_sec_01_01.s0101_progettazione p {
        padding: 0px 5% 10px 0px;
    }
    .studio_sec_01_02.s0102_progettazione {
        aspect-ratio: 4/5;
    }
    .studio_sec_01_01.s0101_portfolio h1 {
        padding-right: 10%;
    }
    .studio_sec_01_01.s0101_portfolio p {
        padding: 0px 5% 10px 0px;
    }
    .titolo_progetto {
        font-size: 20px; line-height: 28px;
    }
    .descrizione_progetto {
        font-size: 14px; line-height: 22px;
    }
    #progetti_aggiunti {
        margin-right: 0px; margin-left: 0px;
    }
    .footer_desktop {
        display: none;
    }
    .footer_mobile {
        display: block;
    }
    .footer_mobile .row_footer_02 {
        position: fixed; bottom: 0; width: 93.5%;
    }
    .studio_sec_06_01 {
        width: 100%!important;
    }
    .box_menu_01 img {
        width: 90px; padding-top: 14px; padding-bottom: 14px; padding-right: 20px;
    }
    .box_menu_01 span {
        font-size: 8px; line-height: 12px;
    }
    .box_menu_02 {
        padding-left: 20px;
    }
    .box_menu_02 span {
        margin-top: -3px;
    }
    .box_menu_02 span a {
        font-size: 12px; line-height: 100%;
    }
    .box_menu_03 span {
        font-size: 12px; line-height: 100%;
    }
    .cella_sm_vertical_col {
        display: none;
    }
    .titoletto {
        font-size: 18px; line-height: 1.2;
    }
    .box_sec_03_02 .titoletto {
        padding-bottom: 30px;
    }
    .home_sec_05 {
        padding-top: 60px;
    }
    .box_sec_06_01 h2 {
        padding-right: 25%;
    }
    .box_sec_06_01 p {
        padding-right: 5%; padding-bottom: 30px;
    }
    .box_sec_06_01 h3 {
        padding-right: 25%;
    }
    .box_sec_04_01 {
        padding-right: 30%; padding-bottom: 40px;
    }

    .owl-item {
        transition: transform 0.3s, opacity 0.3s;
    }
    .owl-item.active.center {
        transform: scale(1.4); opacity: 1;
    }
    .owl-item:not(.center) {
        transform: scale(0.6); opacity: 0.5;
    }
    .colonna_footer_01 .titoletto {
        padding-bottom: 30px; color: #fff;
    }

    .studio_sec_01_01 {
        padding-top: 60px;
    }
    .studio_sec_01 {
        padding-bottom: 80px;
    }
    .studio_sec_02_01 {
        height: 22px;
    }
    .studio_row_03_01 {
        padding-bottom: 30px;
    }
    .studio_sec_03 {
        padding-top: 40px; padding-bottom: 80px;
    }
    .studio_sec_05 {
        padding-top: 60px; padding-bottom: 60px;
    }
    .titoletto_02 {
        font-size: 18px; line-height: 1.2; padding-bottom: 30px;
    }
    .studio_sec_06_01 h3 {
        padding-bottom: 30px; padding-right: 10%;
    }
    .studio_sec_06_01 p {
        padding-bottom: 30px; padding-right: 5%;
    }
    .studio_sec_04_01 {
        height: 22px;
    }
    .secondo_s0601 {
        margin-top: 60px;
    }
    .pm_sec_01_03 img {
        margin-bottom: 30px;
    }
    .pm_sec_01 {
        padding-top: 60px; padding-bottom: 80px;
    }
    .pm_sec_02 {
        padding-top: 80px;
    }
    .pm_row_01_01 {
        padding-bottom: 30px;
    }
    .home_sec_07 {
        padding-top: 60px; padding-bottom: 80px;
    }
    .home_sec_04 {
        padding-top: 80px;
    }
    .box_img_progetto {
        padding: 10px;
    }
    .col_progetto_01:hover .mirino_01 {
        left: 10px; top: 10px;
    }
    .col_progetto_01:hover .mirino_02 {
        right: 10px; top: 10px;
    }
    .col_progetto_01:hover .mirino_03 {
        left: 10px; bottom: 10px;
    }
    .col_progetto_01:hover .mirino_04 {
        right: 10px; bottom: 10px;
    }
    .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
        top: 75%!important; transform: translateY(-75%)!important; display: none;
    }
    .col_progetto_01:hover .overlay_immagine {
        opacity: 0;
    }
    .contenitore_primario {
        width: 94%;
    }
    .indirizzo_footer {
        font-size: 16px; line-height: 1.2;
    }
    .row_footer_02 {
        align-items: center; padding-bottom: 40px;
    }
    .sezione_menu::after {
        bottom: -40px; height: 40px;
    }

}