/* 900px ----------------------------------------------------------------------- */

@media only screen and (max-width: 900px) {
  .nav-box .cs-4,
  .nav-box .cs-8 {
    width: 100%;
  }
	.branding li {
		width: auto;
	}
  .branding li img {
    float: right;
  }

  .mobile-button { display: block; position: absolute; top: 19px; right: 14px; width: 20px; height: 19px; background: url('../images/menu-button.png') no-repeat center top; font-size: 0; }

  .mobile-button:hover, .mobile-button.menu-open { background-position: center bottom; }

  .nav-box .col {
    padding-left: 14px;
  }

  .navigation ul { 
    display: none; 
  }

  .navigation li {
    float: left;
    padding: 0;
    background: none;
    text-align: center;
    width: 100%;
  }

  .navigation li:last-child {
    padding: 10px 0;
  }

  .navigation li a {
    display: block;
    border-bottom: 1px solid #343434;
  }

  .navigation li:first-child a {
    border-top: 1px solid #343434
  }

  .navigation li a:hover {
    border-bottom: 1px solid #232323;
    background-color: #333;
    border-radius:         4px;
    -moz-border-radius:    4px;
    -khtml-border-radius:  4px;
  }

  .navigation li:last-child a {
    display: inline-block;
    padding: 10px 30px;
    line-height: 1;
  }

  .navigation li:last-child a:hover {
    border-radius:         94px;
    -moz-border-radius:    94px;
    -khtml-border-radius:  94px;
  }

  .navigation li.active a {
    border-bottom: 1px solid #343434;
    text-decoration: none;
  }

  /*DropDown Fixes --------------------  */

  .navigation .options {
    position: static;
    float: left;
    background-color: #343434;
    width: 100%;
    padding: 0;
    border-radius:         0;
    -moz-border-radius:    0;
    -khtml-border-radius:  0;
    box-shadow: none;
  }

  .options li, .options li:first-child {
    text-align: center;
    padding: 0;
  }

  .options li a,
  .options li a:visited {
    color: #999;
  }

  .options li {
    border-color: #000;
  }

  .options li:first-child {
    border-color: #000;
  }

  .navigation .options li a:hover {
    border-radius:         0;
    -moz-border-radius:    0;
    -khtml-border-radius:  0;
  }

  .navigation li:first-child ul li a {
    border-bottom: none;
    border-top: none;
    padding: none;
  }

  .options li:last-child {
    padding: 0;
  }

  .options li:last-child a {
    display: block;
  }

  .options li:last-child a:hover {
    border-radius:         0;
    -moz-border-radius:    0;
    -khtml-border-radius:  0;
  }
  
}

/* 480px ----------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {

.nav-box { padding-right: 14px; }

.nav-box .col { padding-left: 14px; }

.nav-box { position: relative; }

.branding li { width: auto;}

.navigation ul { text-align: center; float: left; width: 100%; margin-top: 10px; }

.SnapABug_Button { display: none; }

}