@media screen and (max-width: 4500px) { .keys { max-width: 465px; min-width: 250px; padding: 2px 0; } .icons { //position: absolute; width: 90px; padding: 0 5px; display: inline-block !important; // top: 55px; // right: -35px; direction: ltr; & .MuiSvgIcon-root { font-size: 18px !important; opacity: 0.8; } & span { font-size: 11px !important; opacity: 0.8; } } .self { direction: rtl; text-align: right; // left: -35px; // right: none; } .MuiMenuItem-root { min-height: 10px !important; font-size: 12px !important; color: grey; padding: 5px 10px !important; & .MuiSvgIcon-root { font-size: 16px !important; padding: 2px; color: grey; } } .normal-message { // width: 100%; position: relative; margin-bottom: 2px; img { width: 65px; height: 65px; object-fit: cover; border-radius: 15px; border: 3px solid rgba(201, 201, 201, 0.857); position: relative; top: 20px; z-index: 50; } &__box { line-height: 1.3em; max-width: 500px; min-width: 250px; display: flex; justify-content: flex-end; // width: 100%; padding: 20px 10px 5px; background-color: white; border-radius: 15px; position: relative; p { width: 100%; text-align: right; direction: rtl; font-size: 15px; // font-family: IRANSansNumeral; font-weight: 200; } &--detail { position: absolute; width: 100%; top: 10px; justify-content: space-between; font-size: 12px; span { font-family: IRANSansNumeralLight; } } &--date { position: absolute; width: 100%; padding: 20px 50px 0; bottom: 0px; justify-content: flex-end; font-size: 11px; span { font-family: IRANSansNumeralLight; } } &--caption { width: 100%; margin-bottom: 20px; text-align: right; & img { height: 100%; max-height: 250px; width: 100%; max-width: 250px; border-radius: 0px; border: 0px; position: static; } & video { height: 180px !important; width: 100%; } & p { margin-top: 20px; } // & audio{ // min-width: 100% !important; // } } &--file { background-color: inherit !important; } &--document { width: 100%; max-width: 300px; align-items: center; justify-content: space-between; height: 50px; padding: 10px; border-radius: 10px; div { font-size: 14px; } } } } } .react-audio-player { width: 100% !important; color: red; fill: red; }