.products { width: 100vw; max-width: 1250px; margin: 0px auto; padding: 0px 10px; direction: rtl; min-height: calc(100vh - 288px); padding-top: 70px; &__body { margin-top: 20px; &--left { flex: 4; padding-right: 20px; } } } .MuiMenuItem-root { font-family: numeralLight !important; } .mobile-products { width: 100vw; max-width: 600px; margin: 0px auto 40px; padding: 0px; direction: rtl; overflow-x: hidden; padding-top: 55px; &__empty { font-family: numeralLight; a { display: inline; font-family: numeralLight; text-decoration: none; padding: 5px 20px 3px; background-color: #00cc69; border-radius: 25px; color: white; &:focus:enabled { text-decoration: none; } } } &__search { // width: 100%; position: relative; margin: 5px 10px; height: 35px; img { position: absolute; left: 7px; top: 7px; width: 20px; } input { width: 100%; padding: 5px 5px 5px 35px; font-family: numeralMedium; border: 1px solid #afafaf; border-radius: 5px; color: #6f7074; &:focus { outline: 0px; } &::placeholder { color: #afafaf; } } } &__filters { width: 100%; align-items: center; justify-content: space-between; padding: 0px 10px; .MuiNativeSelect-icon { display: none; } .MuiNativeSelect-select.MuiNativeSelect-select { padding-right: 5px !important; padding-left: 20px; } } &__list { width: 100%; padding: 10px 0px; } }