@media only screen and (max-width: $smallScreen) { .watermark { width: 20%; height: 20%; } .new-toolbox { .toolbox-content { .button-group-center, .button-group-left, .button-group-right { .toolbox-button { .toolbox-icon { width: 28px; height: 28px; svg { width: 18px; height: 18px; } } &:nth-child(2) { .toolbox-icon { width: 30px; height: 30px; } } } } } } } @media only screen and (max-width: $verySmallScreen) { .welcome { display: block; #enter_room { position: relative; height: 42px; .welcome-page-button { font-size: 16px; left: 0; position: absolute; top: 68px; text-align: center; width: 100%; } } .header { background-color: #002637; #enter_room { .enter-room-input-container { padding-right: 0; } .warning-without-link, .warning-with-link { top: 120px; } } } .welcome-tabs { display: none; } .header-text-title { text-align: center; } .welcome-cards-container { padding: 0; } &.without-content { .header { height: 100%; } } #moderated-meetings { display: none; } .welcome-footer-row-block { display: block; } .welcome-badge { margin-right: 16px; } .welcome-footer { display: none; } } #videoResolutionLabel { display: none; } .desktop-browser { .vertical-filmstrip .filmstrip { display: none; } } .new-toolbox { .toolbox-content { .button-group-center, .button-group-left, .button-group-right { .settings-button-small-icon { display: none; } .toolbox-button { .toolbox-icon { width: 18px; height: 18px; svg { width: 12px; height: 12px; } } &:nth-child(2) { .toolbox-icon { width: 20px; height: 20px; } } } } } } .chrome-extension-banner { display: none; } }