@media (max-width: 700px) {
    body {
        .poster {
            height: 20vh;
            .banner {
                &.desktop {
                    display: none;
                }
                &.mobile {
                    max-height: 20vh;
                    display: block;
                }
            }
        } 
        .window {
            transform: translate(-50%, -25%);
            width: 90%;
            > .top {
                padding: 30px 0;
                .logo {
                    width: 150px;
                    height: 20px;
                    margin-bottom: 20px;
                }
                .text {
                    .tooltip-text {
                        left: 50% !important;
                        bottom: 100% !important;  
                        top: auto !important; 
                        transform: translateX(-50%) !important;
                        margin-bottom: 8px; 
                    
                    }
            
                    .tooltip-text::before {
                        left: 50% !important;
                        bottom: -16px !important;
                        top: auto !important;
                        transform: translateX(-50%) !important;
                        border-color: rgba(217, 217, 217, 1) transparent transparent transparent !important;
                    }
                }
                .login {
                    width: 260px;
                    font-size: 13px;
                }
                .divider {
                    width: 260px !important;
                    padding: 15px;
                }
            }
        }
        .bottom {
            width: 90%;
            margin: 280px auto 80px auto; 
            place-items: flex-start;
            .title-wrapper {
                .title {
                    width: 100%;
                    font-weight: 600;
                    font-size: 18px;
                }   
                .subtitle {
                    font-weight: 400;
                    font-size: 13px;
                    width: 100%;
                }
            }
            .app-list {
                margin-top: 20px;
                width: 100%;
                grid-template-columns: 1fr;
                gap: 0;
                
                .app {
                    width: 100%;
                    padding-left: 0;
                    border: unset;
                    border-bottom: 0.3px solid rgba(123, 123, 123, 0.3);
                    &:last-child {
                        border-bottom: unset;
                    }
                    .download {
                        justify-content: center;
                        .download-icon {
                            cursor: pointer;
                        }
                        .text {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}