1 @media only screen and (max-width: $verySmallScreen) { 2 .welcome { 3 display: block; 4 5 #enter_room { 6 position: relative; 7 height: 42px; 8 9 .welcome-page-button { 10 font-size: 16px; 11 left: 0; 12 position: absolute; 13 top: 68px; 14 text-align: center; 15 width: 100%; 16 } 17 } 18 19 .header { 20 background-color: #002637; 21 22 #enter_room { 23 .enter-room-input-container { 24 padding-right: 0; 25 } 26 27 .warning-without-link, 28 .warning-with-link { 29 top: 120px; 30 } 31 } 32 } 33 34 .welcome-tabs { 35 display: none; 36 } 37 38 .header-text-title { 39 text-align: center; 40 } 41 42 .welcome-cards-container { 43 padding: 0; 44 } 45 46 &.without-content { 47 .header { 48 height: 100%; 49 } 50 } 51 52 #moderated-meetings { 53 display: none; 54 } 55 56 .welcome-footer-row-block { 57 display: block; 58 } 59 .welcome-badge { 60 margin-right: 16px; 61 } 62 63 .welcome-footer { 64 display: none; 65 } 66 } 67 } 68 69 .desktop-browser { 70 &.shift-right { 71 72 @media only screen and (max-width: $verySmallScreen + $sidebarWidth) { 73 74 #videoResolutionLabel { 75 display: none; 76 } 77 .vertical-filmstrip .filmstrip { 78 display: none; 79 } 80 .chrome-extension-banner { 81 display: none; 82 } 83 } 84 } 85 }