/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #UWheader { width: 100%; }
  #uwLogo { padding: 25px 5px; }
  #wtext { display: none; }

  #page-wrapper { 
    width: 90%;
  }

  .no-sidebars #content {
    width: 98%;
  }
  
  .one-sidebar.sidebar-first #content {
    width: 70%;
    margin-left: 30%;
  }

  .one-sidebar.sidebar-second #content {
    width: 70%;
  }

  .region-sidebar-first {
    width: 30%;
  }

  .two-sidebars #content {
    width: 40%;
    margin-left: 30%;
  }

  .region-sidebar-second {
    width: 30%;
    margin-left: 70%;
  }

  #main-menu-wrapper {
    margin-top: -60px;
  } 
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  img,
  embed,
  object,
  video { max-width: 100%; }

  #UWheader { width: 100%; }
  #uwLogo { padding: 25px 5px; }
  #wtext { display: none; }

  #page-wrapper { 
    width: 90%;
  }

  .no-sidebars #content, .one-sidebar.sidebar-first #content, .one-sidebar.sidebar-second #content, .two-sidebars #content {
    width: 98%;
    margin-left: 5%;
  }

  .region-sidebar-first {
    margin-left: -65%;
    width: 65%;
    display: none;
  }

  .region-sidebar-second{
    margin-right: -65%;
    width: 65%;
    display: none;
  }

  #main { 
    width: 95%;
    overflow: hidden; 
  }

  #main div.region.region-sidebar-second.column.sidebar {
    float: right;
  }

  .one-sidebar .mobile-btn-navbar .icon-arrow, .two-sidebars .mobile-btn-navbar .icon-arrow {
    display: block;
    color: white;
    font-weight: bold;
    font-size: larger; 
  }

  .one-sidebar .mobile-btn-navbar .icon-bar, .two-sidebars .mobile-btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: whiteSmoke;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }

  .one-sidebar .mobile-btn-navbar .icon-bar + .icon-bar, .two-sidebars .mobile-btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
  }

  .one-sidebar .mobile-btn-navbar, .two-sidebars .mobile-btn-navbar {
    display: block;
    float: left;
    padding: 7px 10px;
    margin: -20px 5px 20px 5px;
    background-color: #2C2C2C;
    background-image: -moz-linear-gradient(top, #4C275B, #28335B);
    background-image: -ms-linear-gradient(top, #4C275B, #28335B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #4C275B, #28335B);
    background-image: -o-linear-gradient(top, #4C275B, #28335B);
    background-image: linear-gradient(top,#4C275B, #28335B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    border-color: #222 #222 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    cursor: pointer;
  }

  #mobile-navbar-right {
    float: right; 
    margin-right: 15%;
  }

  .one-sidebar.sidebar-second #mobile-navbar-left {
    display: none;
  }

  .one-sidebar.sidebar-first #mobile-navbar-right {
    display: none;
  }

  #main-menu-wrapper {
    background-color: grey;
    height: 0%;
    margin-top: -40px;
    position: relative;
    z-index: 10;
    display: none;
  }

  #mobile-btn-greybar {
    margin: 0px 5px 0px 5px;
  }

  #mobile-btn-greybar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: whiteSmoke;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }

  #mobile-btn-greybar .icon-bar + .icon-bar {
    margin-top: 3px;
  }

  #mobile-btn-greybar {
    display: block;
    float: left;
    z-index: 110;
    position: relative;
    padding: 7px 10px;
    margin: -5px 5px 0px 5px;
    background-color: #2C2C2C;
    background-image: -moz-linear-gradient(top, #4C275B, #28335B);
    background-image: -ms-linear-gradient(top, #4C275B, #28335B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #4C275B, #28335B);
    background-image: -o-linear-gradient(top, #4C275B, #28335B);
    background-image: linear-gradient(top,#4C275B, #28335B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    border-color: #222 #222 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);
    cursor: pointer;
  }

  ul#navg li {
    float: none;
    display: block;
    background-image: none;
    padding: 5px;
  }

  ul#navg { 
    margin: 0 50px;
  }

  #UWheader ul#navg li:hover { background-image: none; }
  #UWheader ul#navg li:hover .mainNavLinkRight{ background-image: none; }
  #UWheader ul#navg li:hover .mainNavLinkNotch{ background-image: none; }
  #UWheader ul#navg li:hover .mainNavLinkRight .text { display: none; }

  #header { clear: both; }
  h1#site-name, div#site-name { font-size: 1.4em; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #wsearch { height: 0px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  #uwLogo { padding: 12px 5px; }
}