@media (max-width:1200px) {
    .BoxTesto .BtnLeggidipiu {
        position: absolute;
        bottom: 65px;
        right: 20px;
        z-index: 8 !important;
    }

    .BoxTesto {
        position: absolute;
        width: 70%;
    }
}

@media (max-width:1024px) {
    main {
        padding-bottom: 250px;
    }

    header {
        padding-bottom: 5px;
    }

    .mud-typography-h1, h1 {
        font-size: 25px !important;
    }


    .BoxTesto {
        bottom: 40px;
        width: 100%;
        border-radius: 0;
        background-color: #0a2745;
    }

    .mud-width-full {
        width: auto !important;
        min-height: 550px !important;
    }

    .ImageBanner {
        max-width: 100%;
        height: 600px !important;
        position: relative;
    }
    /*****************************************Archivio Ricerca*/
    .RicercaParolaChiave {
        position: absolute;
        z-index: 0;
        width: 80%;
        bottom: 0px;
        left: 10%;
    }

    .ArchivioAree {
        margin-top: 20px;
    }

        .ArchivioAree .row {
            margin-top: 30px;
        }

    .BoxArchivioArea_Selected,
    .BoxArchivioArea {
        margin-bottom: 30px;
    }

    .BoxCategoriaArchivio_Selected,
    .BoxCategoriaArchivio {
        height: 150px;
    }

    .MapMondo .rz-button-icon-left {
        display: none !important;
    }

    .CardMobileNazioni {
        display: inherit;
    }

        .CardMobileNazioni .rz-button {
            display: block;
            border-bottom: 1px solid #cfcfcf;
            color: #F28F00 !important;
            text-align: left;
            width: 100%;
        }


            .CardMobileNazioni .rz-button:hover {
                background-color: #F28F00 !important;
                color: #fff !important;
            }

    .rz-navigation-item-text,
    .rz-accordion-header span {
        font-size: 15px !important;
        padding: 0 0 0 0 !important;
    }
}

@media (max-width:820px) {
    .rz-menu:not(.rz-profile-menu) {
        display: none !important;
    }

    .VoceResponsive {
        display: block;
    }

    .FasciaTop a, .FasciaTop .rz-button-text {
        padding: 0;
    }

    .Tipologie .col {
        width: 50%;
        flex: none;
        margin-bottom: 30px;
    }

    .ImageBanner {
        max-width: 100%;
        height: 520px !important;
        position: relative;
        background-color: #eaeaea;
    }

    .BoxCategoriaArchivio_Selected, .BoxCategoriaArchivio {
        height: 90px;
    }

    .SliderHP .align-self-end {
        display: none;
    }

    .mud-width-full {
        width: auto !important;
        min-height: 550px !important;
    }


    .SliderHP .mud-ripple-icon:first-of-type {
        position: absolute;
        bottom: 0;
        left: calc(50% - 50px);
    }

    .SliderHP .mud-ripple-icon:last-of-type {
        position: absolute;
        bottom: 0;
        right: calc(50% - 50px);
    }

    .SliderHP {
        background-color: #fff;
    }

    .rz-menu-toggle-item {
        width: auto;
    }




    .SliderStorie .rz-col-12 {
        height: auto;
        overflow: hidden;
    }

    .BoxTesto .BtnLeggidipiu {
        bottom: 15px;
    }

    .PannelloImpianti {
        width: 250px;
    }

        .PannelloImpianti i.rzi {
            top: 5px;
            right: 5px;
        }

    .PannelloSpaccato {
        position: inherit !important;
    }

    .BtnSpaccato {
        line-height: 25px;
        min-height: 25px;
        min-width: 25px;
    }

        .BtnSpaccato .rz-button-box {
            line-height: 25px;
        }

    .BtnChiudiPnl i.rzi {
        position: inherit !important;
    }
}

@media (max-width:576px) {
    .LogoHeader {
        padding: 0;
    }

    .mud-width-full {
        width: auto !important;
        min-height: 330px !important;
    }

    .CarouselPersonaggi .mud-width-full {
        min-height: 630px !important;
    }

    .ProtagonistiBox {
        margin-bottom: 45px;
    }

    .ImageBanner {
        max-width: 100%;
        height: 330px !important;
        position: relative;
    }

    .SliderHP .d-flex {
        display: block !important;
    }

    main {
        padding-bottom: 250px;
        padding-top: 100px;
    }

    .mud-typography-h1, h1 {
        font-size: 25px !important;
    }



    .BoxTesto {
        bottom: 50px;
        width: 100%;
        height: 150px;
        border-radius: 0;
        background-color: #0a2745;
    }

        .BoxTesto h2 {
            font-weight: 700;
            color: #fff !important;
        }

        .BoxTesto p {
            display: none;
        }




    .Tipologie .col {
        width: 50%;
        flex: none;
    }

    .Storia_SX {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .DettaglioContenuto_txt {
        padding-right: 0px;
    }

    .SliderStorie .rz-text-body1,
    .SliderStorie .rz-text-h3 {
        padding-left: 0px;
    }

    .ArchivioPage .SubHeader .rz-button {
        margin-top: 10px;
    }

    .RecordTrovati {
        margin-bottom: 10px;
    }

        .RecordTrovati span {
            display: block;
        }

    i.rzi {
        position: absolute;
        right: 20px;
    }

    .ListaRicerca {
        min-height: 350px;
        padding-bottom: 120px !important;
    }

    .rz-navigation-menu {
        width: 250px;
    }

    .BtnChiudiPnl i.rzi {
        position: inherit !important;
    }
}