@media screen and (max-width: 4500px) { .file-tabs { width: 100%; height: 100%; position: relative; direction: rtl; position: sticky; top: 0-5px; &__types { width: 100%; justify-content: space-between; align-items: center; padding: 3px calc((100vw - 310px) / 2) 3px calc((100vw - 310px) / 2); direction: ltr; border-top: 8px solid rgb(13, 84, 150); margin-top: 20px; background-color: #128c7e; & li { font-size: 16px; list-style: none; font-weight: 600; } } &__media { width: 100%; overflow-y: scroll; padding-bottom: 52px; &--item { width: calc(100% / 3); height: calc(100vw / 3); border: 2px solid rgb(200, 183, 232); background-color: red; } } } }