How can I adjust my mobile header size for a responsive theme?

Store Design
1

I have installed new theme and cannot change make it responsive for mobile version. The header is too big. Can you please help me write a code for mobile phones?

Tried this command but not sure how to adapt it to my theme

@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero--large {
    height: 178px;
}
}

Here is website

password : ubrania

2

@rory123

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/rt-application.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media (max-width: 767px) {
.page-header-sliders {
    height: 32vh!important;
}
.page-header-sliders .page-header-inner {
    height: 32vh!important;
}
}
3

Worked, thank you very much!