.mdm {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 10px;
 font-size: 18px;
 }
 
 .mdm a {
 text-decoration: none;
 color: #333;
 }
 
 .mdm ul {
 display: flex;
 list-style: none;
 margin: 0;
 padding: 0;
 }
 
 .mdm li {
 margin-right: 20px;
 }
 
 .mdm li:last-child {
 margin-right: 0;
 }
 
 .mdm span {
 display: inline-block;
 padding: 5px;
 border-radius: 5px;
 }
 
 .mdm span:hover {
 background-color: #ccc;
 }
 
 
/* Адаптивный стиль для мобильных устройств */
@media only screen and (max-width: 768px) {
 .mdm {
 display: none;
 }
}