
/*
<style> /* notice that this entire line is a comment in CSS */
    @media (max-width: 576px) {
        main{
            padding: 0 0.5rem!important;
        }
        .img-right{
            padding: 0;
        }
        .guadango-width-large {
            width: 48.5%;
            padding: 2.3rem 2rem;
        }
        #hero, #grafico, #vantaggi, #gestori h6, #gestori h3, #dettaglio-servizi, #grafico-agenzia {
            text-align: center;
        }
        .contact-li-display{
            justify-content: center;
        }
        .padding-row-hero {
            padding: 0;
        }
        .padding-title-contact {
            text-align: center;
        }
        #dettaglio-servizi .card {
            align-items: center;
        }

        .card-padding {
            padding: 1rem;
        }

        .center-mobile {
            display: flex;
            justify-content: center;
        }

        .pt_35 {
            padding-top: unset;
        }

        .position-mobile {
            display: flex;
            justify-content: center;
        }

        .padding-managers-section {
            padding-bottom: 0rem;
        }

        #vantaggi {
            margin-top: 5rem;
        }

        .img-vantaggi-section {
            width: 65vw;
        }

        .padding-row-guadagno {
            padding-left: 1rem;
            padding-right: 1rem;
        }


        .margin-negative {
            margin-top: unset;
        }

        #vantaggi-servizi {
            margin-top: 5rem;
        }

        .padding-row-bottom {
            padding-bottom: 5rem;
        }

        .padding-row-graph {
            padding: 0rem 0;
            margin: 0rem 0;
        }

        .box-form-contact {
            margin-top: 5rem;
        }

        .margin-positive {
            margin-top: unset;
        }

        .narrow {
            max-width: 69.7rem;
            margin: 0.8rem auto;
            padding: 1rem;
        }

        .row-gap-mobile {
            row-gap: 2rem;
        }

        .height-desktop {
            height: unset;
        }

        .padding-section-content {
            padding: unset;
        }

        .vantaggi-background::before, .guadagno-background::before, .tab-content::before, .bg-mobile::before {
            display: none;
        }

        .full-section-image {
            height: 20rem !important;
        }

        #hero {
            margin: unset;
        }

        .padding-row-top {
            padding-top: 0;
        }

        .vantaggi-background, .guadagno-background {
            margin: 0;
        }

        .guadango-width-large:first-child {
            margin-bottom: 3rem;
        }

        .guadango-width-large {
            width: unset;
        }

        .padding-row-graphic {
            margin-top: 5rem;
        }

        .padding-graph {
            padding: 0;
        }

        .acf-field[data-name="name"],
        .acf-field[data-name="surname"],
        .acf-field[data-name="floor"],
        .acf-field[data-name="elevator"] {
            width: 100%; /* Occupano metà della larghezza disponibile */
            float: left; /* Questo li mette uno accanto all'altro */
        }

        #myTab li {
            display: flex;
            justify-content: center;
            width: 32%;
            text-align: center;
        }

        #wpadminbar {
            position: fixed;
        }

        .admin-bar #header-nav {
            padding-top: 42px !important;
        }

        .button-container {
            /*gap: 0;*/
            justify-content: center;
        }
    }

    @media (max-width: 430px) {
        #button-container {
            justify-content: center;
        }
    }

    @media (max-width: 429px) {
        .padding-row-guadagno {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        #button-container {
            gap: 0;
            justify-content: center;
        }

        h1, h2, h3, h4, h5 {
            font-weight: 400 !important;
        }

        .overlay {
            background-color: rgba(14, 38, 38, 0.9);
        }

        .hero {
            font-size: 42px !important;
            width: 100% !important;
        }

        .hero-title {
            width: 100%;
            font-size: 44px;
            font-weight: 300 !important;

        }

        .team-member-img {
            min-height: 250px;
        }

        .footer-logo {
            min-height: 120px;
            width: 150px;
        }

        p {
            font-size: 18px;
        }

        .portfolio_image {
            min-height: 200px;
        }

        .justify-content-mobile {
            justify-content: space-between !important;
        }

        .admin-bar #header-nav {
            padding-top: 32px !important;
        }

        .invisible-button {
            display: none;
        }

        .padding-details-section {
            padding: 2.5rem 1.5rem;
            row-gap: 2.5rem;
        }

        .padding-row-section {
            padding: 1.5rem 0
        }

    }
