@media screen and (max-width: 450px){ .chat-suggest{ // border-bottom-right-radius: 40px; // border-bottom-left-radius: 40px; width : 100%; // height : 40px; padding : 2px 0px 0px; align-items : flex-end; &__item{ padding : 8px 6px; background-color : rgb(13, 214, 20); border-radius: 5px; margin : 5px; width :100% !important; justify-content : center; color : white; } } } .portrait-slider{ width : 100% !important; height: 100% !important; position: relative; padding : 20px 12px 0px; margin-bottom: 10px; 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; position: absolute; top: -12px !important; // 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; // }