resize logo but it is not responsive

There’s a lot of not needed code to be honest, but in this case try this.

.phone #logo-block a img {
  min-height: 0;
  max-height: 47px !important;
  float: left;
}

thanks, but I need to write for each type of device …

and anyway this does not work either

Well, this definitely works, but as mentioned before, there is so much code that makes it hard to work with. Try to get rid of all those max, min and height values, including all the !important overrides. The logo gets surrounded by an a tag where an !important height is set and then gets wrapped in a fixed height h1.

ok
everything I’ve written is this, but it does not work the same on my iphone see cut down the logo:

#header .container{
height: 130px !important;
}
#logo-block a img {
height: 130px;
}
.phone #logo-block a img {
min-height: 0;
max-height: 47px !important;
float: left;
}

AND THEREFORE DOES NOT WORK…