@media (min-width: 980px) {
  body #mobilemenu {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body #mobilemenu {
    display: none;
  }
  body #logotype img {
    width: 200px;
  }
  body #mainmenu-wrapper {
    top: 106px;
  }
  body #menuitems li {
    width: 20%;
    text-align: center;
    vertical-align: middle;
  }
  body #menuitems li a {
    font-size: 16px;
    padding: 10px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
  }
  body #content-wrapper {
    margin-top: 178px;
  }
  body #secondary-content.span3 {
    width: 165px;
  }
  body .toolbar li.item {
    margin-left: 8px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  body .submenu {
    display: none;
  }
  body #mobilemenu {
    display: none;
    padding: 10px 0 10px 20px;
  }
  body #menuitems {
    display: none;
  }
  body #logotype img {
    width: 200px;
  }
  body #main-content-up {
    bottom: 10px;
    right: 20px;
  }
  body #content-wrapper {
    margin-top: 251px;
  }
  body .dropdown-menu li:hover,
  body .dropdown-menu li:focus,
  body .dropdown-submenu:hover,
  body .dropdown-submenu:focus,
  body .dropdown-menu > li > a:hover,
  body .dropdown-menu > li > a:focus,
  body .dropdown-submenu:hover > a,
  body .dropdown-submenu:focus > a {
    background-color: transparent;
    background-image: none;
  }
  body .dropdown-menu li:hover a span,
  body .dropdown-menu li:focus a span,
  body .dropdown-submenu:hover a span,
  body .dropdown-submenu:focus a span,
  body .dropdown-menu > li > a:hover a span,
  body .dropdown-menu > li > a:focus a span,
  body .dropdown-submenu:hover > a a span,
  body .dropdown-submenu:focus > a a span {
    color: #555;
  }
  body .open #mobilemenu {
    border-radius: 0;
    position: absolute;
    left: 0;
    padding: 0;
    display: block;
    list-style: none outside none;
    margin-left: 0;
  }
  body .open #mobilemenu li {
    vertical-align: middle;
    background-color: #eee;
  }
  body .open #mobilemenu li a {
    clear: right;
    float: left;
    padding: 2px 6px;
    color: #555;
  }
  body .open #mobilemenu > li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #bdbdbd;
    min-height: 40px;
  }
  body .open #mobilemenu > li:last-child {
    border-bottom: none;
  }
  body .open #mobilemenu > li:hover {
    background-color: #eee;
  }
  body .open #mobilemenu > li:hover a {
    color: #555;
  }
  body .open #mobilemenu > li a {
    font-size: 14px;
  }
  body .open #mobilemenu > li > ul > li {
    display: none;
  }
  body .open #mobilemenu .hassubpages a {
    max-width: 80%;
  }
  body .open #mobilemenu .hassubpages.selected {
    background-color: #eee;
  }
  body .open #mobilemenu .hassubpages.selected a {
    color: #555;
  }
  body .open #mobilemenu .hassubpages:hover {
    background-color: #eee;
  }
  body .open #mobilemenu .hassubpages:hover a {
    color: #555;
  }
  body .open #mobilemenu .hassubpages a:hover {
    background-color: transparent;
  }
  body .open #mobilemenu .hassubpages > ul > li {
    display: none;
  }
  body .open #mobilemenu .hassubpages.expanded {
    overflow: hidden;
    height: auto;
  }
  body .open #mobilemenu .hassubpages.expanded > ul {
    margin-left: 40px;
    display: block;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li {
    display: block;
    float: none;
    overflow: hidden;
    min-height: 40px;
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    clear: both;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li:last-child {
    border-bottom: none;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li.expanded {
    overflow: hidden;
    height: auto;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li.expanded > ul {
    margin-left: 40px;
    display: block;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li.expanded > ul > li {
    display: block;
    float: none;
    overflow: hidden;
    min-height: 40px;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #bdbdbd;
  }
  body .open #mobilemenu .hassubpages.expanded > ul > li.expanded > ul > li:last-child {
    border-bottom: none;
  }
  body .open #mobilemenu .expand {
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAlElEQVQoz2Ng0A4hFgGxjn8hQYRQit88hFLD4BJkicNnrwMRsghUARAbh5QCSSbdUAiCKIVz4QqgSiFCWE0FSqEohavAROimshmE41IKlEIoNQouApLMumFABNcDZEBE4ApASg0CC/GHAFQBEOv55+NXClUAxFo+ucx6YXgQUAHCWyYhRSbBOFBIEdRbyCGKBwGVAQC816t75LbGmgAAAABJRU5ErkJggg==') /*images/toggle-plus.png*/ center center no-repeat #002b54;
    *background: url(images/toggle-plus.png) center center no-repeat #002b54;
    /* For IE 6 and 7 */
  
    width: 30px;
    min-height: 40px;
    height: 100%;
    float: left;
    cursor: pointer;
  }
  body .open #mobilemenu .expanded > .expand {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAb0lEQVQoz2Ng0A4hFgGxcUgpQYRQyqIXhsswoBSKUvxW00fpvpOXsSIsSg+fvY4VoStlN4hg1sUSCEBBoBSKUiadUEYcCCil4ZUDVarumY3fW1AFQKzqkYVfKVQBxAHqXlnqnjiQVxbUrVh9g9V/AHn0k0OTBc5OAAAAAElFTkSuQmCC') /*images/toggle-minus.png*/ center center no-repeat #002b54;
    *background: url(images/toggle-minus.png) center center no-repeat #002b54;
    /* For IE 6 and 7 */
  
  }
  body #mainmenu-wrapper {
    top: 199px;
  }
  body #mainmenu-wrapper .dropdown-toggle {
    font-size: 23px;
    color: #555;
    padding: 10px;
    display: inline-block;
    position: relative;
  }
  body #mainmenu-wrapper .dropdown-toggle:active,
  body #mainmenu-wrapper .dropdown-toggle:focus {
    text-decoration: none;
  }
  body #mainmenu-wrapper .dropdown-toggle:hover {
    background-color: #555;
    color: #fff;
    text-decoration: none;
  }
  body #mainmenu-wrapper .open .dropdown-toggle {
    background-color: #555;
    color: #fff;
    text-decoration: none;
  }
  body .dropdown-menu > li > a {
    white-space: normal;
  }
  body .toolbar {
    margin-top: 0;
  }
  body .toolbar li.item {
    float: none;
    margin-left: 0;
  }
  body #secondary-content.span3 {
    width: 100%;
    margin-top: 15px;
  }
  body .toolbar li.item.item6 {
    margin-left: 0;
  }
  body .toolbar #search .search-results-panel {
    top: 135px;
    width: 250px;
  }
  body .toolbar #search input {
    width: 299px;
  }
  body.es .toolbar #search input {
    width: 299px;
  }
}
@media (max-width: 320px) {
  body {
    /*#content-wrapper
          {
              margin-top: 210px;
          }*/
  
  }
  body #mainmenu-wrapper {
    top: 205px;
  }
  body .toolbar li.item.item6 {
    margin-left: 0;
  }
  body .toolbar #search input {
    width: 239px;
  }
  body.es .toolbar #search input {
    width: 239px;
  }
  body .toolbar #search .search-results-panel {
    top: 158px;
    width: 250px;
  }
}