#_mrMyAdsList {display: flex; justify-content: center; align-items: stretch; gap: 1rem; flex-wrap: wrap; margin-top: 2rem}
#_mrMyAdsList > li {position: relative; border: 1px solid #CCC; overflow: hidden; width: 18rem; cursor: pointer; text-align: center; padding: 0.5rem}
#_mrMyAdsList > li > div.mrAdsStatus {display: flex; justify-content: space-between; align-items: top; font-size: 0.7rem; padding: 0.5rem; margin: -0.5rem; margin-bottom: 0.5rem}
#_mrMyAdsList > li > div.mrAdsStatus >p:nth-child(1) {text-align: left; font-size: 1rem}
#_mrMyAdsList > li > div.mrAdsPhoto {width: 100%; aspect-ratio: 1/1;}
#_mrMyAdsList > li > div.mrAdsPhoto > img {width: 100%; height: 100%; object-fit: contain}
#_mrMyAdsList > li > p:nth-child(3) {margin-top: 0.5rem}
#_mrMyAdsList > li > p:nth-child(4) {font-size: 0.7rem; margin-top: 0.2rem}
#_mrMyAdsList > li > p:nth-child(5) {margin-top: 0.5rem}
#_mrMyAdsList > li > p.mrMyAdsStatusLine {position: absolute; left: 0; bottom: 0; width: 100%; margin-top: 0.5rem; margin-top: 1rem; padding: 0.5rem; font-size: 0.8rem}

#_mrEditAd {width: 90%; max-width: 40rem}
#_mrAdParams > li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1rem}
#_mrAdParams > li > p {width: 11rem; text-align: right}
#_mrAdParams > li > div {display: flex; justify-content: left; align-items: center; gap: 0.5rem; width: calc(100% - 12rem); text-align: left}
#_mrAdAbout {width: 100%}
#_mrAdPrice {width: 5rem}
#_mrAdPhotos {width: 100%; display: flex; justify-content: space-between; align-items: center}
#_mrAdPhotos > li {position: relative; border: 1px solid gray; width: 20%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; font-size: 3rem}
#_mrAdPhotos > li > img {width: 100%; height: 100%; object-fit: contain}
.mrAdPhotoDelete {font-size: 2rem; position: absolute; top: -0.5rem; right: 0; color: red}

#_mrAdButtons {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem}
#_mrAdDelete {color: red}
.mrNoAds {color: red; font-size: 1.2rem}
#_mrAdAbout {resize: none;}

@media only screen AND (max-width: 500px) 
{
  #_mrEditAd {width: 20rem} 
  #_mrAdParams > li {width: 20rem}
  #_mrAdParams > li > p {width: 18rem} 
  #_mrAdParams > li > div {justify-content: right; width: 18rem}
}

@media only screen AND (orientation: landscape) AND (max-width: 1024px) 
{
}