/* Smarthphone */
@media only screen and (max-width : 768px) {
    .background-container {
        height: 200px !important;
    }

    .container.fix-mobile {
        width: 95% !important;
    }

    #icona-td {
        width: 70px !important;
        height: 70px !important;
    }

    .btn #icona-td {
        width: 50px !important;
        height: 50px !important;
    }

    .cubottiframe {
        width: 100% !important;
    }

    .img-width-responsive {
        width: 100%;
    }

    .fondopagina-immagine-mobile {
        width: 70% !important;
    }

    .it-header-wrapper .search-link {
        background: rgb(255, 255, 255) !important;
    }

    .it-header-wrapper .search-link svg {
        fill: var(--bs-primary) !important;
    }

    .it-brand-wrapper.cloned-element {
        display: none !important;
    }

    .fix-small-devices {
        width: 100% !important;
    }

    .allerta-meteo-border {
        border-bottom: 1px solid #80808040 !important;
    }

    #primoPiano div {
        text-align: left;
        display: inline-flex;
    }

    #primoPiano div a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
    }

    #primoPiano div a p {
        max-width: 200px;
    }

    .td-img-fluid {
        height: 250px !important;
    }

    .p-fix-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .p-fix-mobile .title-xxlarge {
        padding-left: 24px !important;
    }

    .it-carousel-wrapper .splide__pagination button {
        margin: 10px 0rem;
        margin-right: 0.9rem !important;
    }
}

/* Tablet */
@media only screen and (max-width : 989px) and (min-width : 769px) {
    .container.fix-mobile {
        width: 100% !important;
    }

    .btn #icona-td {
        width: 50px !important;
        height: 50px !important;
    }

    .cubottiframe {
        width: 100% !important;
    }

    .img-width-responsive {
        width: 100%;
    }

    .img-fluid {
        width: 100% !important;
    }

    .it-brand-wrapper.cloned-element {
        display: none !important;
    }

    .fix-small-devices {
        width: 100%;
    }

    .allerta-meteo-border {
        border-bottom: 1px solid #80808040 !important;
    }

    .td-img-fluid {
        height: 300px !important;
    }

    .it-carousel-wrapper .splide__pagination button {
        margin: 1rem !important;
        margin-right: 1.22rem !important;
    }
}

/* Laptops */
@media only screen and (max-width : 1400px) and (min-width: 990px) {
    .btn #icona-td {
        width: 50px !important;
        height: 50px !important;
    }

    #primoPiano #icona-td {
        width: 75px !important;
        height: 75px !important;
    }

    .cubottiframe {
        width: 75% !important;
    }

    .it-footer-main .it-brand-wrapper a .icon {
        width: 65px !important;
        height: 65px !important;
    }

    .it-footer .logo-wrapper .ue-logo {
        width: 20% !important;
    }

    .it-brand-wrapper.cloned-element {
        display: block !important;
    }

    .allerta-meteo-border {
        border-right: 1px solid #80808040 !important;
    }

    .it-header-wrapper .navbar .navbar-collapsable .navbar-nav li:last-child a.nav-link {
        padding-right: 0rem !important;
    }

    .img-width-responsive {
        min-width: 30% !important;
        max-width: 50% !important;
        width: auto;
    }
    
    .it-carousel-wrapper .splide__pagination button {
        margin: 1rem !important;
        margin-right: 1.22rem !important;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1401px) {
    .btn #icona-td {
        width: 50px !important;
        height: 50px !important;
    }

    h2:not(.no_toc, .title-medium-2-semi-bold, .title-xsmall-semi-bold, .title-medium-2-bold),
    .h2 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    h3:not(.no_toc, .footer-heading-title, .title-xsmall-bold, .home-carousel-title, .title-xsmall-semi-bold, .title-medium-2-bold, .title-small-semi-bold-big, .title-semaforo),
    .h3 {
        font-size: 1.4rem !important;
        margin-bottom: 1rem !important;
    }

    h4:not(.card-title.title-xlarge),
    .h4 {
        font-size: 1.2rem !important;
        margin-bottom: 1rem !important;
    }

    h5,
    .h5 {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .cubottiframe {
        width: 75% !important;
    }

    .it-footer-main .it-brand-wrapper a .icon {
        width: 65px !important;
        height: 65px !important;
    }

    .it-footer .logo-wrapper .ue-logo {
        width: 20% !important;
    }

    .it-brand-wrapper.cloned-element {
        display: block !important;
    }

    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        width: 95px !important;
        height: 95px !important;
    }

    .avatar.size-lg {
        width: 64px !important;
        height: 64px !important;
    }

    .allerta-meteo-border {
        border-right: 1px solid #80808040 !important;
    }

    .img-width-responsive {
        min-width: 30% !important;
        max-width: 50% !important;
        width: auto;
    }
    
    .it-carousel-wrapper .splide__pagination button {
        margin: 1rem !important;
        margin-right: 1.22rem !important;
    }

}