How to specify a media query for a title

Hello,

Can you specify for what screen resolution do you want to set the media query?

Hello.
For screens with position –
320, 480, 568, 598 and 667 pixels
with portrait position 320, 384, 375 and 414px

Hello,

You can wrap your code in the below media query :

@media screen and (max-width: 680px) {

}

for .single-post .colibri-post-content.h-global-transition-all h1 or just h1?

Hello,

You can use for example the below CSS code:

@media screen and (max-width: 680px) {
.single-post .colibri-post-content h1{
//yourCode
}
}

Thank you. And another question, on the same page.
How to center the block with audio and portrait for mobile devices. On a stationary computer, it stands exactly, but on a soapy one it moves

Hello,

Please add this CSS code:

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

Спасибо, но к сожалению не сработало. Коды для блока аудио такие

.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);
}

.img_audio{
 
   width: 100%; 
  
  }