@media (max-width: 1440px) {

    .app-dots {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .dot {
        height: 120px;
        width: 120px;
        background: white;
        border-radius: 100%;
        line-height: 200px;
        text-align: center;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 20px;
    }

    .dot .logo1{
        margin-top: 0px;
    }

    .dot .logo2{
        margin-top: 0px;
    }

    .logo1, .logo2 {
        height: 80px;
        margin: 0;
    }


    .DT-cell {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #426a8e;
        border-radius: 100%;
        width: 180px;
        height: 180px;
        z-index: -1;
        color: white;
    }
}


/* Modifiche ai testi nella versione mobile */
@media (max-width: 1200px) {
    .normal-text{font-size: 25px;}
    .intro-text{font-size: 15px;}
    .big-text{font-size: 50px; font-weight: 900;}

    .hero{max-height: 600px;}

    .cta {display: none;}
    .menu{position: absolute; top: 0; right: -100%; background: white; height: 100vh; margin-top: 0px; padding-top: 80px;}
    .menu li a{color: #426a8e;}
    .menu li{display: block; margin-top: 10px; margin-left: 20px;}
    
    /* Fai comparire il menu col click */
    .menu--open{right: 0%;}

    #poster {
        display: none;
    }

    /* Mostra menu nelle versioni mobile */
    .menumobile{
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 40px;
        right: 30px;
    }
    .menumobile span{background: #426a8e; height: 3px; width: 100%;display: block; margin-bottom: 5px;}

    .logo{margin-top: 20px;}

    .hero__watergemini{padding-left: 15px;}

    /* Le colonne del flexbox se troppo lunghe devono andare accapo */
    .waterg{flex-wrap: wrap; height: auto;}
    .waterg__img{width: 50vw;}
    .waterg__content{width: 100%; padding-left: 15px; padding-right: 15px   ;}

    /* Le colonne del flexbox se troppo lunghe devono andare accapo */
    .poster{flex-wrap: wrap; height: auto;}
    .poster__img,
    .poster__content{width: 100%;}

    /* Le colonne del flexbox se troppo lunghe devono andare accapo */
    .WGS{width: 40vw; padding-top: 25px;}

    /* Le colonne del flexbox se troppo lunghe devono andare accapo */
    .bg-cover{flex-wrap: wrap; height: auto;}
    .bg-cover__text{width: 70%;}
    .bg-cover__title{width: 30%;}

    .appDiv{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .grid{flex-wrap: wrap;}
    .panel-blue{display: none;}


    .carousel-cell{
        height: 250px; 
        width: 250px;
    }
    .carousel-cell__content .logo3{
        height: 50%; 
        width: 50%;
    }

    .applications {
        display: none;
    }

    .app-dots {
        display: flex;
        justify-content: space-around;
    }

    .dot {
        height: 170px;
        width: 170px;
        background: white;
        border-radius: 100%;
        line-height: 200px;
        text-align: center;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 20px;
    }

    .dot .logo1{
        margin-top: 0px;
    }

    .dot .logo2{
        margin-top: 0px;
    }

    .logo1, .logo2 {
        height: 100px;
        margin: 0;
    }


    .DT-cell {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #426a8e;
        border-radius: 100%;
        width: 150px;
        height: 150px;
        z-index: -1;
        color: white;
    }

    .footer .grid {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .normal-text .header-link {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}