@media (max-width: 979px) {
  #categoriestopmenuxxl {
    background-color:#7ba702 !important;
    background-image:-moz-linear-gradient(top,#9ec904,#477300) !important;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ec904),to(#477300)) !important;
    background-image:-webkit-linear-gradient(top,#9ec904,#477300) !important;
    background-image:-o-linear-gradient(top,#9ec904,#477300) !important;
    background-image:linear-gradient(to bottom,#9ec904,#477300) !important;
    background-repeat:repeat-x !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ec904', endColorstr='#ff477300', GradientType=0) !important;
  }
  #categoriestopmenuxxl_ul {
    display:none;
    clear:both;
  }
  #categoriestopmenuxxl_showmenu {
    display:block;
    float:left;
  }
  #categoriestopmenuxxl_showmenu a, #categoriestopmenuxxl_hidemenu a {
    position:relative;
    text-transform:uppercase;
    padding-right:25px;
  }
  #categoriestopmenuxxl_showmenu span.menu_arrow {
    background:url(../../img/front/arrows.png) no-repeat;
    position:absolute;
    top:34%;
    right:10px;
    width:10px;
    height:10px;
    overflow:hidden;
  }
  #categoriestopmenuxxl li {
    background:none;
    border-bottom:1px solid rgba(0,0,0,0.1) !important;
    border:0;
    width:100%;
  }
  #categoriestopmenuxxl li.last, #categoriestopmenuxxl ul ul li { border:0 !important; }
  #categoriestopmenuxxl li:hover > a, #categoriestopmenuxxl li a:focus, #categoriestopmenuxxl li a:active, #categoriestopmenuxxl a.selected {
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background:#578d00;
  }
  #categoriestopmenuxxl ul ul {
    height:auto;
    padding-bottom:10px;
  }
  #categoriestopmenuxxl .categoriestopmenuxxl_container { display:none; }
  #categoriestopmenuxxl ul ul li { margin:5px 15px 0; }
  #categoriestopmenuxxl ul ul li:hover > a, #categoriestopmenuxxl ul ul li a:focus, #categoriestopmenuxxl ul ul li a:active, #categoriestopmenuxxl ul ul a.selected { background:none; }
  #categoriestopmenuxxl li  > ul, #categoriestopmenuxxl li:hover  > ul {
    display:block;
    position:static;
  }
  #categoriestopmenuxxl_home {
    border-right:1px solid rgba(0,0,0,0.1) !important;
    margin:0 !important;
  }
  #categoriestopmenuxxl_specials {
    border-left:1px solid rgba(0,0,0,0.1) !important;
    margin:0 !important;
  }
  #categoriestopmenuxxl_news {
    border-left:1px solid rgba(0,0,0,0.1) !important;
    margin:0 !important;
  }
}
@media (max-width: 480px) {
  #categoriestopmenuxxl a { font-size:10px; }
  #categoriestopmenuxxl ul ul li a {
    font-size:14px;
    line-height:14px;
  }
}