Shrink navigation for X Theme

shrink-nav-x.css

/*SHRINKING HEADER*/
@media (min-width: 980px) {
.x-navbar .x-navbar-inner,
.x-navbar .x-brand img,
.x-navbar .desktop .x-nav > li > a {
transition: 0.25s all linear;
}
.x-navbar.navScroll .x-navbar-inner {
min-height: 50px;
transition: 0.25s all linear;
}
.x-navbar.navScroll .x-brand img {
max-width: 150px;
}
 
.x-navbar.navScroll .desktop .x-nav > li > a {
height: 40px;
padding-top: 25px;
}
}
 
@media(max-width: 979px){
.x-logobar{
text-align: left;
}
 
.x-brand img {
max-width: 160px; 
}
 
.x-btn-navbar {
position: absolute;
top: -5px;
right: 0px;
}
 
.x-navbar-inner {
min-height: 0;
}
}
 
.x-navbar.navScroll .sub-menu {
top: 60px !important;
}