.field-DropDown-Prod { width: 200px !important; height: 40px !important; } .field-DropDown-Prod1 { width: 150px !important; height: 46px !important; } .secondDiv { // width: 200px; } // .submitButton12{ // display:flex; // flex-direction: row-reverse; // } .secondDiv .ant-form-item-control-input-content .example { width: 200px !important; } .savebutton { display: flex; justify-content: space-between; } .savebutton1 { display: flex; flex-direction: row-reverse; // justify-content: space-between; } .OfferForm-Form { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 4rem; } .OfferForm-1st-Div .ant-form-item { margin: 0; } .OfferForm-1st-Div .example { width: 150px; } .OfferForm-DRadioGroup-div { // width: 20rem; height: 47px; display: flex; border-radius: 5px; border: 1px solid #dadada; padding: 5px; gap: 0.5rem; font-weight: 600; } .OfferForm-PRRadioGroup-div { width: 25rem; height: 47px; display: flex; border-radius: 5px; border: 1px solid #dadada; padding: 5px; gap: 0.5rem; font-weight: 600; } .OfferForm-PRadioGroup-div { width: 21rem; height: 47px; display: flex; border-radius: 5px; border: 1px solid #dadada; padding: 5px; gap: 0.5rem; font-weight: 600; } .weekday-selector { display: flex; flex-direction: column; justify-content: space-between; padding: 10px; width: 500px; // border: 1px solid rgb(218, 218, 218); border-radius: 10px; gap: 0.5rem; } .weekday-selector button { width: 100%; /* Adjust button width */ padding: 5px; border: none; border-radius: 5px; cursor: pointer; } .selected-days { margin-top: 10px; } .selected-day { display: inline-block; padding: 5px 10px; margin-right: 5px; background-color: #f0f0f0; border-radius: 5px; } .selected-day .close-icon { cursor: pointer; margin-left: 5px; } .weekday-button { width: 60px; height: 30px; text-align: center; padding: 4px; font-size: 15px; border-radius: 5px; } @media (min-width: 360px) and (max-width: 740px) { .OfferForm-DRadioGroup-div { height: auto; } } @media (max-width: 499px) { .secondiv-input { gap: 0 !important; } .secondiv-input1 { gap: 10px !important; flex-wrap: wrap; .ant-form-item { margin-bottom: 6px !important; } } }