Issue with navigation logo

Padding was only required on the tablet. If you look at the tablet/mobile view it now works perfectly but the desk top logo is very small. It was large and shrunk down which is what I want just like the mobile version.

This resolved it:

@media (min-width: 769px){.site-logo
{position: absolute;
left:0;
top: 0;
z-index: 999;
}
.navigation-branding img {
height: 250px;
}
@media (min-width: 769px) {
.main-navigation.sticky-navigation-transition .site-logo img,
.main-navigation.sticky-navigation-transition .navigation-branding img {
height: 150px;
}
}
}

@media (max-width: 769px){.site-logo
{position: absolute;
padding-left: 10;
top: 0;
z-index: 999;
}
.navigation-branding img {
height: 100px;
padding-left: 10px;
}
@media (max-width: 769px) {
.main-navigation.sticky-navigation-transition .site-logo img,
.main-navigation.sticky-navigation-transition .navigation-branding img {
height: 70px; padding-left: 10px;
}
}
}

Ok glad you figured out :)