@media screen and (max-width: 4500px) { .chat-suggest { & .rec-slider-container { margin: 0 !important; } // border-bottom-right-radius: 40px; // border-bottom-left-radius: 40px; width: 100%; // height : 40px; padding: 2px 0px 0px; align-items: flex-end; margin-top: 5px; &__row { width: 100%; &--item { padding: 8px 6px; background-color: white; border-radius: 5px; margin: 0 2px; width: 100% !important; justify-content: right; color: black; height: 90px; text-align: right; } } } } .portrait-slider { width: 100% !important; height: 100% !important; position: relative; padding: 0px 6px 0px; margin-bottom: 2px; justify-content: center !important; } .rec-dot_active { background-color: white !important; color: white !important; // box-shadow: 0 0 1px rgba(255, 255, 255, 1) !important; } .Carousel-button-10 { background-color: white !important; } .rec-pagination { z-index: 600; margin-top: 2px !important; // position: absolute; // top: -12px; // left: calc(50% - 20px) !important; & button { background-color: grey; margin: 2px !important; box-shadow: 0px 0px 0px rgba(255, 255, 255, 1); } } // .guuruq{ // box-shadow: 0 1px 2px rgba(0, 0, 0, 0%); // } // .cJeRRR{ // background-color: white !important; // } // .cJeRRR:hover, .cJeRRR:focus{ // cursor: pointer; // box-shadow: 0px 0px 0px rgba(255,255,255,1) !important; // background-color: white !important; // }