@media screen and (min-width: 640px) {
    .container-flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .app-img{
        display: block;
    }
    .min-app-img{
        display: none;
    }
    .platform{
        justify-content: space-between;
    }
    .bg-img{
        display: none;
    }
    .navbar-icon{
        display: none;
    }
    .plat-item-min{
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .container{
        width: 100vw;
        position: relative;
    }
    .subtitle{
        display: flex;
        justify-content: center;
    }
    .app-img{
        display: none;
    }
    .min-app-img{
        width: 100%;
        display: block;
    }
    .platform{
        justify-content: center;
    }
    .el-tooltip__trigger{
       display: none;
    }
    .navbar{
        display: none;
    }
    .navbar-icon{
        display: block;
    }
    .navbar-icon .icon{
        width: .5rem;
        height: .5rem;
        display: block;
    }
}