Не получается сверстать меню, а именно при прокрутке оно уменьшалось

/* HEADER --------------------- */
 
#header {
 height: 100px;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 999;
 transition: all .3s ease;
}
 
.header-scroll {
 background: #fff;
 box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09);
}
 
#header > .cnt {
 position: relative;
}
 
#header.header-home-page {
 background: #fff;
 }
 
#header.header-home-page.header-scroll {
 background: #fff;
 }
 
/* LOGO ----------------------- */
 
#logo {
 display: block;
 float: left;
 height: 79px;
 margin-top: 11px;
 line-height: 0;
 overflow: hidden;
 background:url(/img/logo.png)no-repeat;
 width:200px;
}
 
#logo img {
 max-height: 100px;
}
 
/* MENU ---------------------------- */
 
 #menu {
 float: right;
 margin-right: 0px;
}
 
 #menu .uMenuRoot, #menu .uMenuRoot > li {
 margin: 0;
 padding: 0;
}
 
 #menu .uMenuRoot > li {
 float: left;
 list-style: none;
 padding-top: 43px;
 margin-left: 20px;
}
 
 #menu .uMenuRoot > li > a {
 display: block;
 line-height: 41px;
 height: 33px;
 color: #4A4A4A;
 font: bold italic 15px/16px "Roboto Condensed";
 text-transform: uppercase;
 transition: all .3s ease;
}
 
.header-scroll #menu .uMenuRoot > li > a,
.header-not-home-page #menu .uMenuRoot > li > a {
 cbox-shadow: inset 0 0 0 2px #fff;
}
 
#menu .uMenuRoot > li > a.uMenuItemA,
#menu .uMenuRoot > li > a:hover,
#menu .uMenuRoot > li.uWithSubmenu:hover > a {
 color: #ee3e42;
}
 
#menu .uMenuRoot li {
 position: relative;
}
 
#menu .uMenuRoot li ul {
 font: bold italic 11px/19px "Roboto Condensed";
 text-transform: uppercase;
 display: block;
 position: absolute;
 box-shadow: 0 0 2px 0 rgba(0,0,0,0.4);
 background: #fff;
 list-style: none;
 margin: 0;
 padding: 0;
 opacity: 0;
 width: 170px;
}
 
#menu .uMenuRoot > li > ul {
 top: 190px;
 left: -9999px; 
}
 
#menu .uMenuRoot > li.uWithSubmenu:hover > ul {
 top: 71px;
 left: 0;
 opacity: 1;
}
 
#menu .uMenuRoot > li > ul a {
 color: #4a4a4a;
 display: block;
 padding: 0 15px;
 line-height: 34px;
 border-bottom: 1px solid #e8e8e8;
 transition: all .3s ease; 
}
 
#menu .uMenuRoot > li > ul a:hover {
 border-bottom: 1px solid #ee3e42;
 color: #ee3e42;
}
 
#menu .uMenuRoot > li > ul li:last-child a {
 border-bottom: none;
}
 
#menu .uMenuRoot > li > ul > li ul {
 top: 100px;
 left: -9999px;
}
 
#menu .uMenuRoot > li > ul li.uWithSubmenu:hover > ul {
 top: -2px;
 left: 200px;
 opacity: 1;
}
 
.menu-icon {
 display: none;
}