#navigation-mobile {
  display: none;
}

@media only screen and (max-width: 1029px) {
  a.button-orange-left,
  a.button-orange-right {
    clear: both;
    float: none;
    display: inline-block;
    margin: 0px 0px 10px 0px;
  }
}

@media only screen and (min-width: 780px) and (max-width: 1029px) {
  #container {
    width: auto;
    margin: 0px;
  }

  #header {
    height: auto;
  }

  #header-left {
  }

  #header-right {
    width: auto;
  }

  #top-text {
    font-size: 20px;
  }

  #navigation {
  }

  #navigation ul li a {
    padding: 0px 10px;
    font-size: 13px;
  }

  #navigation.navigation-spanish ul li a {
    font-size: 11px;
  }

  #navigation.navigation-spanish ul li a span {
    padding: 7px 0px;
    font-size: 11px;
  }

  #left {
    width: 70%;
    background: none;
  }

  #content-slider-container {
    width: 100%;
    overflow: hidden;
  }

  #content-slider-items {
    width: 100%;
  }

  div.slide {
    width: 100%;
  }

  #content-home-buttons a {
    width: auto;
    padding: 0px 10px;
    font-size: 14px;
  }

  #content-home-news-left,
  #content-home-news-right {
    width: 49%;
  }

  #left-side {
    width: 25%;
  }

  #main,
  #left.no-modules #main {
    width: 70%;
  }

  #main img {
    max-width: 100%;
    height: auto;
    padding: 0px !important;
  }

  #right {
    width: 28%;
    overflow: hidden;
  }

  div.right-button {
    max-width: 100%;
    height: auto;
  }

  div#button-donate-now,
  div#button-need-help,
  div#button-sign-up {
    width: auto;
    padding: 7px;
    background: #FB971D;
  }

  div#button-donate-now.button-purple {
    background: #77278B;
  }

  #email-newsletter form input.input-text {
    width: 70%;
  }

  #footer-container {
    width: auto;
    margin: 0px;
  }

  #footer-left,
  #footer-right {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
    text-align: center;
  }

  a#footer-logo {
    display: none;
  }
}

@media only screen and (min-width: 580px) and (max-width: 779px) {
  #container {
    width: auto;
    margin: 0px;
  }

  #header {
    height: auto;
    margin: 0px 0px 15px 0px;
  }

  #header-left,
  #header-right {
    float: none;
    width: auto;
    height: auto;
    text-align: center;
  }

  a#link-home {
    display: inline-block;
    margin: 15px 0px 0px 0px;
  }

  #top-text {
    margin: 10px 0px;
    font-size: 20px;
    line-height: normal;
    text-align: center;
  }

  #site-search {
    float: none;
    margin: 0px auto;
  }

  #navigation-desktop {
    display: none;
  }

  #navigation-mobile {
    display: block;
    padding: 8px;
  }

  #navigation-mobile select {
    width: 100%;
    font-size: 18px;
  }

  #left {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
    background: none;
  }

  #content-slider-container {
    width: 666px;
    max-width: 100%;
    margin: 0px auto 10px auto;
    text-align: center;
    overflow: hidden;
  }

  #content-slider-items {
    width: 100%;
  }

  div.slide {
    width: 100%;
  }

  div.slide-content-inner {
    padding: 10px 15px;
  }

  #content-slider-prev,
  #content-slider-next {
    display: none;
  }

  #content-home-buttons a {
    width: auto;
    padding: 0px 10px;
    font-size: 14px;
  }

  #content-home-news-left,
  #content-home-news-right {
    float: none;
    width: 100%;
    margin: 0px 0px 15px 0px;
  }

  #content-inner {
    padding: 0px;
  }

  #left-side,
  #main,
  #left.no-modules #main {
    float: none;
    width: 100%;
  }

  #left-navigation,
  #left-hotline-numbers,
  #other-logos {
    display: none;
  }

  #share-this {
    margin: 0px 0px 10px 0px;
    padding: 0px;
  }

  #share-this div.share-label {
    display: inline-block;
    float: left;
    margin: 0px 10px 0px 0px;
  }

  #main img {
    max-width: 100%;
    height: auto;
    padding: 0px !important;
  }

  #right {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
  }

  #right-buttons {
    margin: 0px 0px 15px 0px;
  }

  div.right-button {
    max-width: 100%;
    height: auto;
  }

  div.right-button a span.button-line-1,
  div.right-button a span.button-line-2 {
    display: inline-block;
  }

  div#button-donate-now,
  div#button-need-help,
  div#button-sign-up {
    width: auto;
    padding: 7px;
    background: #FB971D;
  }

  div#button-donate-now.button-purple {
    background: #77278B;
  }

  #right-modules {
    margin: 0px 0px 15px 0px;
  }

  div.modulebox {
    margin: 0px 0px 15px 0px;
  }

  #content-bottom {
  }

  #social-media {
    float: none;
    margin: 0px 0px 15px 0px;
    text-align: center;
  }

  #bottom-logos {
    float: none;
    text-align: center;
  }

  #footer-container {
    width: auto;
    margin: 0px;
  }

  #footer-left,
  #footer-right {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
    text-align: center;
  }

  a#footer-logo {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 579px) {
  #container {
    width: auto;
    margin: 0px;
  }

  #header {
    height: auto;
    margin: 0px 0px 15px 0px;
  }

  #header-left,
  #header-right {
    float: none;
    width: auto;
    height: auto;
    text-align: center;
  }

  a#link-home {
    display: inline-block;
    margin: 15px 0px 0px 0px;
  }

  #top-text {
    margin: 10px 0px;
    font-size: 20px;
    line-height: normal;
    text-align: center;
  }

  #top-links strong {
    display: block;
  }

  #site-search {
    float: none;
    margin: 0px auto;
  }

  #navigation-desktop {
    display: none;
  }

  #navigation-mobile {
    display: block;
    padding: 8px;
  }

  #navigation-mobile select {
    width: 100%;
    font-size: 18px;
  }

  #left {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
    background: none;
  }

  #content-slider-container {
    width: 100%;
    overflow: hidden;
  }

  #content-slider-items {
    width: 100%;
  }

  div.slide {
    width: 100%;
  }

  div.slide-content-inner {
    padding: 10px 15px;
  }

  div.slide-image {
    width: 100%;
  }

  div.slide-image img {
  }

  #content-slider-prev,
  #content-slider-next {
    display: none;
  }

  #content-home-buttons a {
    float: none;
    width: 100%;
    margin: 0px 0px 2px 0px;
    padding: 0px;
    text-align: center;
  }

  #content-home-news-left,
  #content-home-news-right {
    float: none;
    width: 100%;
    margin: 0px 0px 15px 0px;
  }

  #content-inner {
    padding: 0px;
  }

  #left-side,
  #main,
  #left.no-modules #main {
    float: none;
    width: 100%;
  }

  #left-navigation,
  #left-hotline-numbers,
  #other-logos {
    display: none;
  }

  #share-this {
    margin: 0px 0px 10px 0px;
    padding: 0px;
  }

  #main img {
    max-width: 100%;
    height: auto;
    padding: 0px !important;
  }

  #right {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
  }

  div.right-button {
    max-width: 100%;
    height: auto;
  }

  div.right-button a span.button-line-1,
  div.right-button a span.button-line-2 {
    display: inline-block;
  }

  div#button-donate-now,
  div#button-need-help,
  div#button-sign-up {
    width: auto;
    padding: 7px;
    background: #FB971D;
  }

  div#button-donate-now.button-purple {
    background: #77278B;
  }

  #content-bottom {
  }

  #social-media {
    float: none;
    margin: 0px 0px 15px 0px;
    text-align: center;
  }

  #bottom-logos {
    float: none;
    text-align: center;
  }

  #footer-container {
    width: auto;
    margin: 0px;
  }

  #footer-left,
  #footer-right {
    float: none;
    width: auto;
    margin: 0px 0px 15px 0px;
    text-align: center;
  }

  a#footer-logo {
    display: none;
  }

  .feat-box,
  .feat-block,
  .feat-title,
  .feat-info {
    max-width: 100%;
  }

  .feat-title {
    font-size: 16px;
  }
}