
/* Resizing Menu Buttons dynamicaly(from django view) by length of menu
 * the rest of the menus css is located at:
 * cheich_base/static/cheich_base/superfish.css
 * ***/
 /* big screen (e.g. Desktop)*/
@media only screen and (min-width: 996px) {
	.sf-menu > li, .sf-menu > li li {
        width:155px;
		padding-right:2px;
  }
  .sf-menu > li:last-child {
    background:none;padding:0 0 0 0;width:155px;
  }
 }

/* Design for a width of 768px  (e.g. Tablets) */
@media only screen and (max-width: 995px) and (min-width: 768px){
	.sf-menu > li, .sf-menu > li li {
        width:123px;
		padding-right:2px;
  }
  .sf-menu > li:last-child {
    background:none;padding:0 0 0 0;width:127px;
  }
}


@media only screen and (min-width: 768px) {
  .sf-menu > li:nth-child(3) span.prenav {
    height: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .sf-menu > li:nth-child(4) span.prenav {
    height: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .sf-menu > li:nth-child(5) span.prenav {
    height: 13px;
  }
}

