@media screen and (max-width: 900px) {
    header{
        height: 742px;
        background-position: center 0px;
        background-size: 1260px;

    }
    .heroes{


        top: -118px;
        transform: scale(0.4);


    }
    #wavesContainer{

        bottom: -57px;
        transform: scale(0.7);
        right: -2566px;
    }

    #mainBtn{
        position: absolute;
        top: 672px;
        transform: scale(1.5);
        z-index: 1;
    }

    #mainDialog{
        margin-top: 100px;
        font-size: 36px;
        line-height: 52px;
    }
    .underTitle{
        font-size: 18px;
        margin-top: 0px;
        padding: 20px;
    }
    .sline{
        display: none;
    }
    .fline select, .fline label{
        display: none;
    }
    .fline{
        justify-content: end;
    }
    .phones{
        display: none;
    }
    .logo{
        transform: scale(0.9);
        margin-top: -40px;
        margin-left: 74px;
    }
    .baseNav{
        display: none;
    }
    .localisation{
        transform: scale(1);
        padding-top: 50px;
    }
    .header_scroll{
        display: none;
    }
}