Logo Header Mobile Version Position Customise with CSS

Hi! I have changed the logo position in dekstop version but need to realign in the middle of the screen in mobile too. Can anybody help me? I have used this code: 

/* center logo */

.header-title {

    position: absolute;

    left: 33%;

    top: 1500%;

    transform: translate(-50%,-50%);

    z-index: 9999;

    text-align: center;

}

.burger-inner {

display: none !important;

}

Thank you!! 

Hi,

What is site url? We can check easier