/* Mobile/tablet under 990px logo final consistency: one rule wins after all previous logo rules. */
@media only screen and (min-width:481px) and (max-width:989.98px){
  html[lang="ru"] body.page > .row4 > .row3 > div #brand,
  html[lang="ru"] body > .row4 > .row3 > div #brand{
    position:absolute!important;
    top:16px!important;
    left:-30px!important;
    right:auto!important;
    bottom:auto!important;
    width:212px!important;
    min-width:212px!important;
    max-width:calc(100vw - 120px)!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    margin-left:0!important;
    padding:0!important;
    float:none!important;
    clear:none!important;
    display:block!important;
    overflow:visible!important;
    transform:none!important;
    box-sizing:border-box!important;
    z-index:100000001!important;
  }
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h1,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h2,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h3,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand a,
  html[lang="ru"] body > .row4 > .row3 > div #brand h1,
  html[lang="ru"] body > .row4 > .row3 > div #brand h2,
  html[lang="ru"] body > .row4 > .row3 > div #brand h3,
  html[lang="ru"] body > .row4 > .row3 > div #brand a,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand img,
  html[lang="ru"] body > .row4 > .row3 > div #brand img{
    display:block!important;
    width:212px!important;
    min-width:0!important;
    max-width:calc(100vw - 120px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}

@media only screen and (min-width:320px) and (max-width:480px){
  html[lang="ru"] body.page > .row4 > .row3 > div #brand,
  html[lang="ru"] body > .row4 > .row3 > div #brand{
    position:absolute!important;
    top:17px!important;
    left:-45px!important;
    right:auto!important;
    bottom:auto!important;
    width:168px!important;
    min-width:168px!important;
    max-width:calc(100vw - 78px)!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    margin-left:0!important;
    padding:0!important;
    float:none!important;
    clear:none!important;
    display:block!important;
    overflow:visible!important;
    transform:none!important;
    box-sizing:border-box!important;
    z-index:100000001!important;
  }
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h1,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h2,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand h3,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand a,
  html[lang="ru"] body > .row4 > .row3 > div #brand h1,
  html[lang="ru"] body > .row4 > .row3 > div #brand h2,
  html[lang="ru"] body > .row4 > .row3 > div #brand h3,
  html[lang="ru"] body > .row4 > .row3 > div #brand a,
  html[lang="ru"] body.page > .row4 > .row3 > div #brand img,
  html[lang="ru"] body > .row4 > .row3 > div #brand img{
    display:block!important;
    width:168px!important;
    min-width:0!important;
    max-width:calc(100vw - 78px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}