/*
    ================================================
    CSS MOBILE
    ================================================
*/



@media screen and (max-width: 1810px) {

    .TestoSlider h1 {
        font-size: 2.6em;}

}


@media screen and (max-width: 1600px) {

    .TestoSlider h1 {
        font-size: 2.4em;}

}

@media screen and (max-width: 1450px) {

    .LogoSito img {
        margin-top: 50px;
    }
    .TestoSlider h1 {
        font-size: 2.2em;}

}


@media screen and (max-width: 1400px) {

    .content {
        width: 90%;
    }

    .FooterContainer {
        width: 90%;
    }

}

@media screen and (max-width: 1350px) {

    .LogoSito img {
        width: 90%;
        margin-top: 70px;
    }
    .TestoSlider h1 {
        font-size: 2em;}

}

@media screen and (max-width: 1250px){
.TestoSlider h1 {
    font-size: 1.9em;
}
}

@media screen and (max-width: 1200px) {
    .TestoSlider h1 {
        font-size: 1.8em;
    }

    .LogoSito img {
        width: 100%;
        margin-top: 0;
    }

    h1 {
        font-size: 32px;
    }

    p {
        font-size: 16px;
        line-height: 28px;
    }

    .contTesti a {
        font-size: 16px;
        line-height: 16px;
        padding: 12px 15px;
    }

    .FooterContainer .infoFooter {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .FooterContainer .newsFooter {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .newsFooter .tnp-subscription input[type=email], input#tnp-1 {
        width: 100%;
    }
    .FooterContainer .socialFooter {
        text-align: center;
        width: 100%;
    }
        .FooterContainer .socialFooter a {
            width: 5%;
            float: none;
        }
            .FooterContainer .socialFooter a:nth-of-type(2) {
                margin: 0 1%;
            }
            .FooterContainer .socialFooter a img {
                width: 40px;
                float: none;
            }


    /* HOMEPAGE */

    .metaslider.metaslider-flex .caption {
        font-size: 30px;
        line-height: 40px;
    }

        .metaslider.metaslider-flex .caption .pulsanteSlider {
            font-size: 20px;
            padding: 10px 20px;
        }


    /* GALLERIA */

    .slick-initialized .slick-slide {
        height: 380px;
    }

    .titoloImmagine {
        height: auto;
    }



}


@media screen and (max-width: 1100px) {
    .TestoSlider h1 {
        font-size: 2em;
    }
}



@media screen and (max-width: 992px) {


    /* RICERCA CATALOGO */

    .BtnSearch img {
        width: 50%;
        margin-top: 0.3em;
    }

    .row.form-group input {
        margin-bottom: 1em;
    }

    .BottoniCatalogo {
        float: right;
    }

    .slick-dots {
        display: none !important;
    }


    .contBlocchi > div > div {
        margin: 0.7em 0;
    }

    .contBlocchi > div > div p {
        text-align: center;
    }

    .contBlocchi {
        text-align: center;
    }

    .ContBtnContatti {
        margin-top: 1.5em !important;
    }

    .TestoSlider {
        top: 40%;
    }

        .TestoSlider h1 {
            font-size: 2em;
        }

    .ContentSlider {
        height: 65vh;
    }

    .SelettoreLingua {
        right: 11em;
        top: 3.6em;
    }

}



@media screen and (max-width: 768px) {

    .SiMobile {
        display: block !important;
    }

    .NoMobile {
        display: none !important;
    }

    .LogoSito img {
        width: 80%;
    }

    h2 {
        font-size: 24px;
    }

    div#user-registration-form-447 {
        width: 100%;
    }

    .SelettoreLingua {
        right: 10em;
    }


    /* HOMEPAGE */

    .homepage {
        margin-bottom: 0;
    }

    .contImmagine {
        width: 100%;
    }

    .bloccoSeparatore {
        display: none;
    }

    .contTesti {
        width: 100%;
    }

    .blocco {
        flex-direction: column;
    }

    .contImmagine {
        width: 100%;
        flex: 0 0 100%;
        min-height: 350px;
    }

    .contTesti {
        width: 100%;
        flex: 0 0 100%;
        padding-bottom: 20px;
    }

    .blocco {
        margin: 20px 0;
    }

    .BottoneHome {
        font-size: 16px;
    }

    .TestoSlider {
        width: 80%;
    }

        .TestoSlider h1 {
            font-size: 1.5em;
        }

    .ContentSlider {
        height: 45vh;
    }


    /* CONCERTI */

    .boxEvento {
        flex-direction: column;
    }

    .imgEvento {
        min-height: 350px;
        width: 100%;
    }

    .contEvento {
        width: 100%;
        justify-content: flex-start;
        min-height: unset;
    }

    p.infoEvento {
        padding-top: 20px;
    }

    .evento {
        margin-bottom: 20px;
    }


    /* RICERCA CATALOGO */

    .listaSpartiti {
        grid-template-columns: repeat(1, 1fr);
    }

    .BtnSearch {
        width: 10% !important;
    }

        .BtnSearch img {
            width: 55%;
        }

    .spartito {
        margin: 2em 2%;
    }


    /* DISCOGRAFIA */

    .elPubb > div {
        width: 100%;
    }


    /* GALLERIA */

    .GalleriaContent {
        margin: 1em 0;
    }


    


}



@media screen and (max-width: 576px) {

    p {
        line-height: 23px;
    }

    .LogoSito img {
        width: 55%;
    }

    .newsFooter .tnp-field.tnp-privacy-field {
        width: 100%;
    }
    .newsFooter .tnp-field.tnp-field-button {
        width: 28%;
        text-align: center;
        float: none;
        margin: 10px auto;
    }

    .SelettoreLingua {
        right: 8em;
    }


    /* HOMEPAGE */

    .homepage {
        margin-bottom: 0;
    }

    .metaslider.metaslider-flex .caption {
        font-size: 20px;
        line-height: 28px;
    }

        .metaslider.metaslider-flex .caption .pulsanteSlider {
            font-size: 14px;
            padding: 5px 10px;
        }

    .metaslider .flexslider {
        margin: 0 !important;
    }

    .TestoSlider h1 {
        font-size: 1.2em;
    }

    .BottoneHome {
        font-size: 15px;
        padding: 8px 10px;
    }

    .ContentSlider {
        height: 35vh;
    }

    .BtnSearch {
        width: 14% !important;
    }

        .BtnSearch img {
            width: 80%;
        }

    .BottoniCatalogo {
        margin: 1em 0;
    }


    /* GALLERIA */

    .slick-slide img {
        width: 100%;
        height: auto;
    }


    /* CONTATTI */

    .Contatti {
        text-align: center;
    }

    .Contatti p {
        text-align: center;
    }

    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
    textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,
    input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
        width: 100%;
    }

    #user-registration {
        width: 100%;
    }

    button.slick-next.slick-arrow {
        background-image: url(/wp-content/uploads/frecciaDx.png);
        height: 50px;
        width: 50px;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    button.slick-prev.slick-arrow {
        background-image: url(/wp-content/uploads/frecciaSx.png);
        height: 50px;
        width: 50px;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }



}



@media screen and (max-width: 450px) {

    .FooterContainer .infoFooter {
        font-size: 14px;
        line-height: 22px;
    }

    .headerInterno {
        height: 150px !important;
    }

    .imgEvento {
        min-height: 220px;
        width: 100%;
    }

    .SelettoreLingua {
        right: 7em;
    }

    .LogoSito {
        width: unset !important;
        top: 25px !important;
    }

        .LogoSito img {
            width: 38% !important;
        }


    /* HOMEPAGE */

    img.slider-81.slide-82 {
        height: 250px !important;
    }

    .ContentSlider {
        height: 28vh;
    }

    .BottoneHome {
        font-size: 13px;
        top: 80%;
    }

}