Центровка блока медиа запросами

[Добрый песик]

На странице сайта сделанном на вордпресс (тема colibri) установлен блок рукописного плей листа. При просмотре на мобильных съезжает в сторону.

ССS самого плей листа

.wrapper_audio { 
  flex-direction:column;
  padding: 10px;
  display: flex;
  width: 350px;
  background-color:#808000;
  margin:0 auto;
	
}
.item_audio {
  padding: 10px;
  background-color: #FFFACD;
  border: 2px solid rgba(176, 224, 230);
  width: 310px;
  font-size:28px;
  margin:10px;
  -webkit-box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #A31925, 5px 5px 15px 5px rgba(26,47,255,0); 
box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #A31925, 5px 5px 15px 5px rgba(26,47,255,0);
}

На форуме поддержки темы предложили медиа запрос

@media screen and (max-width: 680px) {
.single-post .item_audio {
margin:0px!important;
}
}

Но к сожалению ни чего не изменилось. Как поправить