@media (max-width: 320px) {

    h2.page-heading {
	font-size: 2.4em;
}

    header .logo {
        width: 195px;
}

    section.supporto{
        padding: 90px 0px;
    }

    .container-default-ai, .container-ricerca {
        width: 95%;
        padding: 20px 0px;
        margin-top: -15em;

    }


    .container-ricerca {
        padding: 30px 20px 30px 20px;
    }

    .section-cooperativa .titolo {
        font-size: 30px;
    }

    h1.banner_big_title {
        font-size: 2em
    }

    .section-opportunita .opportunita {
	padding: 30px 10px 50px 10px;
}


    .section-opportunita .opportunita-link .titolo {
        font-size: 3em;
    }

    .bot-chat {
        bottom: 20px;
        right: 10px;
    }

    .indy-logo {
        width: 190px;
    }


}


@media (max-width: 480px) {

        h2.page-heading {
	font-size: 2.4em;
}

    header .logo {
	width: 195px;
}

.cosa .descrizione {
    padding-right: 0;
}

    .section-networking-v2 .sottotitolo {
            font-size: 1.6em;
            padding: 0 10% 0 10%;
        }

        .section-opportunita .opportunita-title {
            font-size: 2.5em;
        }

    section.supporto{
        padding: 90px 0px;
    }

    section.supporto .pre-supporto {
        text-align:center;
    }

        .container-default-ai, .container-ricerca {
        width: 95%;
        padding: 20px 0px;

    }

        .container-ricerca {
        padding: 30px 20px 30px 20px;
    }

    .indy-logo {
        width: 200px;
    }

    .bot-chat {
        bottom: 20px;
        right: 10px;
    }

        .section-opportunita .opportunita {
	padding: 30px 10px 50px 10px;
}

    .section-opportunita .opportunita-link .titolo {
        font-size: 3em;
    }


    .indicoo-header {
        min-height: 126px;
    }

    .indicoo-header-mappa {
        min-height: 126px;
    }

    .archivio-card {
        padding: 18px 8px 11px;
    }

    h1.banner_big_title {
        font-size: 3em;
        padding-left: 10px;
    }

    .section-cooperativa .titolo {
        font-size: 48px;
    }

    .section-shorties .pulsante {
        margin-top: 35px;
    }

    .section-networking .networking-content .titolo {
        font-size: 3.2em;
    }

    .section-networking .networking-content .pulsante {
        margin-bottom: 30px;
    }

    footer ul.menu {
        margin-left: 10px;
        margin-top: 30px;
    }

    footer svg {
        margin-left: 26px;
        scale: 120%;
    }

    footer svg:first-child {
        margin-top: 30px;
    }

    .main-nav, #accedi, #iscriviti {
        display: none;
    }

    .box-video {
        margin-bottom: 30px;
    }

    .section-opportunita .opportunita {
        width: 92%;
        margin-left: 3%;
    }

    .section-networking .networking-content {
        padding: 60px 60px;
    }

    ul.breadcrumb_nav {
        margin-left: 12px;
    }

    .btn-outline-socio .testo {
        display: none
    }

    .hamburger {
        right: 10px;
    }

    .search {
        right: 65px;
        display: none;
    }

    .user {
        right: 70px;
    }


    .registrazione-alt {
        padding: 30px 20px;
    }

    .container-default-pagina {
        padding: 30px 20px;
    }

    .banner_description {
        font-size: 1.1em;
        padding-left: 11px;
    }

    .claim-menu {
        color: #fff;
        font-size: 1em;
    }

    .indicoo-menu-logo {
        width: 198px;
    }

    .notification-icon {
        right: 10px;
    }

    .section-shorties .video-thumb img {
        box-shadow: 4px 4px 0px 0px rgba(168, 138, 255, 0.50);
    }

    .container-mappa {

        padding: 20px 10px;

    }


    .box-centrato {
        width: 100%;
        margin-top: 20px;
        max-width: none;
    }

    .section-shorties .video-autore-immagine img {
        width: 60px;
        height: 60px;
    }

    .section-shorties .video-titolo {
        font-size: 16px;
        margin-top: 0.3rem;
        margin-bottom: .1rem;
        padding-left: 12px;
    }

    .section-shorties .video-autore {
        font-size: 13px;
        padding-left: 12px;
    }

    .section-shorties .chi {
        font-size: 13px;
        padding-left: 12px;
    }

    .section-opportunita {
        padding-top: 0px;
        padding-bottom: 80px;
    }


}

@media (max-width: 1200px) {

        .container-default-ai, .container-ricerca {
        width: 95%;
        padding: 20px 0px;
    }

    .container-ricerca {
        padding: 30px 20px 30px 20px;
    }

    .indicoo-header {
        min-height: 126px;
    }

    .indicoo-header-mappa {
        min-height: 126px;
    }

    .archivio-card {
        padding: 18px 8px 11px;
    }

    .main-nav, #accedi, #iscriviti {
        display: none;
    }

    h1.banner_big_title {
        font-size: 2.7em;
        line-height: 1em;
    }

    .container-mappa {

        padding: 20px 10px;

    }


    .box-centrato {
        width: 100%;
        margin-top: 20px;
        max-width: none;
    }

    
}

@media (max-width: 768px) {

    .container-default-ai, .container-ricerca {
        width: 95%;
        padding: 20px 0px;
    }

    .container-ricerca {
        padding: 30px 20px 30px 20px;
    }

    .indy-logo {
        width: 220px;
    }

    .section-shorties .video-autore-immagine img {
        width: 60px;
        height: 60px;
    }

    .section-shorties .video-titolo {
        font-size: 16px;
        margin-top: 0.3rem;
        margin-bottom: .1rem;
        padding-left: 12px;
    }

    .section-shorties .video-autore {
        font-size: 13px;
        padding-left: 12px;
    }

    .section-shorties .chi {
        font-size: 13px;
        padding-left: 12px;
    }

    .indicoo-header {
        min-height: 126px;
    }

    .indicoo-header-mappa {
        min-height: 126px;
    }

    .archivio-card {
        padding: 18px 28px 21px;
    }


    /* Ricerca fullscreen */
    .search-options {
        display: flex;
        flex-direction: column;
        /* Ordinamento verticale */
        padding: 0;
        margin: 0;
    }

    .search-options li {
        margin: 0;
        /* Spazio tra gli elementi */
        width: 100%;
        /* Assicurarsi che ogni elemento occupi tutta la larghezza */
    }

    .search-options label {
        display: block;
        /* Ogni label inizia una nuova riga */
        padding-left: 20px;
        /* Mantenere l'offset per l'icona del checkbox */
    }

    .container-mappa {

        padding: 20px 10px;

    }


    .box-centrato {
        width: 100%;
        margin-top: 20px;
    }
}