.ubdor{text-align: center;}
.ubdorka{width:700px;height:auto; display: inline-flex; box-shadow: 1px 1px 5px rgb(1 1 1 / 80%); margin-top: 15px;}}

@media  screen and (max-width:1300px) {.ubdorka {height:auto;} div.ubdorka {width: 1024px;max-width: 100%;}}
@media  screen and (max-width:1024px) {.ubdorka {height:auto;} div.ubdorka {max-width: 100%;}}
@media  screen and (max-width: 768px) {.ubdorka {height:auto;} div.ubdorka {max-width: 100%;}}
@media  screen and (max-width: 600px) {.ubdorka {height:auto;} div.ubdorka {max-width: 100%;}}
@media  screen and (max-width: 480px) {.ubdorka {height:auto;} div.ubdorka {max-width: 100%;}}
@media  screen and (max-width: 320px) {.ubdorka {height:auto;} div.ubdorka {max-width: 100%;}}