@media only screen and (max-width: 1400px) {
  .wrapper {
    width: 980px;
  }
  .mobile {
    display: block;
  }
  .main-menu {
    display: none;
  }
  #sub-nav .main-subnav {
    display: none;
  }
  section#our-partners section.partners .partner {
    width: auto;
  }
  section#content div#shop-products #shop-content {
    width: 58%;
  }
  section#content div#shop-products #shop-images {
    width: 370px;
  }
}
@media only screen and (max-width: 1230px) {
  #content .content-body aside#side-menu .menu-option a h1 {
    font-size: 2.0em;
  }
  #content .content-body aside#side-menu .menu-option:nth-child(3n-1) a h1 {
    width: 50%;
    padding: 30px 0px;
    float: right;
  }
  #content .content-body aside#side-menu .menu-option:nth-child(3n-1) a .menu-image {
    width: 50%;
  }
  #content .content-body aside#side-menu .menu-option:nth-child(3n-1) a .menu-image img {
    max-width: 100%;
    height: auto;
  }
  section#banner .blue-triangle {
    display: none;
  }
  section#banner .wrapper h1 {
    background-color: rgba(0,130,200,0.7);
    padding: 10px;
    max-width: unset;
    bottom: 0;
  }
  section#banner .wrapper h1 br {
    display: none;
  }
  section#carousel .fader-items .items article.cell {
    background-image: none;
    width: 100%;
    float: none;
  }
  section#carousel .fader-items .items article.cell .content-container {
    width: 75%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0,130,200,0.7);
    padding: 0 10px;
    box-sizing: border-box;
  }
  section#carousel .fader-items .items article.cell .content-container h2 {
    text-align: center;
  }
  section#ctas .cta {
    position: relative;
    height: 400px;
  }
  section#ctas .cta a {
    display: block;
  }
  section#ctas .cta a .cta-text {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: none !important;
    padding: 0 !important;
    text-align: center;
  }
  section#ctas .cta a .cta-text br {
    display: none;
  }
  section#ctas .cta a .cta-image {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center !important;
  }
  section#ctas .cta a .cta-image img {
    text-align: center !important;
  }
  section#donate .right {
    width: 69%;
  }
  section#donate .middle {
    display: none;
  }
  #shop-content div.editorContent table td img {
    height: auto;
  }
}
@media only screen and (max-width: 1000px) {
  div.contact-form div.row.address input[type="text"],
  div.contact-form div.row.address select {
    width: 100% !important;
    box-sizing: border-box;
  }
  div.contact-form div.row input[type="text"].small,
  div.contact-form div.row select.small {
    width: 100% !important;
  }
  div.contact-form div.row input[type="text"],
  div.contact-form div.row select {
    width: 100%;
  }
  .wrapper {
    width: auto;
    padding: 0 2%;
    box-sizing: border-box;
  }
  section#banner {
    height: 400px;
  }
  #content .content-body .left-side {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  #content .content-body aside#side-menu {
    float: none;
    width: 100%;
    margin-top: 0;
  }
  #content .content-body aside#side-menu .menu-option {
    float: left;
    width: 33.33%;
  }
  #content .content-body aside#side-menu .menu-option a {
    height: 160px;
    padding: 20px 0 !important;
  }
  #content .content-body aside#side-menu .menu-option a .arrow-down {
    display: none !important;
  }
  section#team-categories ul li .left {
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  section#team-categories ul li .right {
    float: none;
    width: 70%;
    min-width: 280px;
    padding-left: 0;
    margin: 0 auto;
  }
  section#content div#shop-products #shop-content {
    width: 50%;
  }
  section#content div#shop-products #shop-images {
    width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  section#donate {
    height: 350px;
  }
  section#donate .left h1 {
    font-size: 3.5em;
  }
  section#donate .left span.arrow {
    display: none;
  }
  section#donate .right p {
    font-size: 1.25em;
  }
  footer #footer-menu .wrapper ul.footer-menu-section {
    display: inline-block;
  }
  header .right .top-menu {
    visibility: hidden;
  }
  div.contact-page div.left {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  div.contact-page div.right {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  section#content div#shop-grid a {
    width: 48%;
  }
  section#content div#shop-products #shop-content {
    width: 48%;
  }
  section#content div#shop-products #shop-images {
    width: 280px;
  }
}
@media only screen and (max-width: 640px) {
  #content .content-body aside#side-menu .menu-option {
    float: none;
    width: 100%;
    box-sizing: border-box;
  }
  div.contact-form.volunteer div.together div.split {
    width: 49%;
  }
  div.contact-form div.split {
    width: 100%;
  }
  div.contact-form div.split:nth-of-type(even) {
    margin: 0;
  }
  div.contact-form div.together label,
  div.contact-form fieldset label {
    padding-left: 0;
  }
  div.faqs div.questions div.expand {
    width: 15%;
  }
  #content .content-body aside#side-menu .menu-option:nth-child(3n-1) a .menu-image {
    text-align: right;
  }
  footer #footer-menu .wrapper ul.footer-menu-section {
    width: auto;
  }
  section#ctas {
    padding: 40px 0;
  }
  section#ctas .cta {
    width: 100%;
  }
  footer #footer-header .info p {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 1.0em;
  }
  footer #footer-menu .wrapper ul.footer-menu-section li {
    text-align: left;
  }
  section#donate .right p {
    line-height: 1.5em;
  }
  section#carousel .fader-items .items article.cell .content-container h2 {
    font-size: 2.0em;
    letter-spacing: -2px;
  }
  section#carousel .fader-items .items article.cell .content-container .content {
    font-size: 1.1em;
  }
  section#donate {
    height: auto;
  }
  section#donate .left {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  section#donate .left h1 {
    margin: 0;
    text-align: center;
  }
  section#donate .left h1 br {
    display: none;
  }
  section#donate .right {
    display: block;
    width: 100%;
    padding: 10px 60px;
    box-sizing: border-box;
  }
  section#donate .right p {
    margin: 0;
  }
  #shop-content div.editorContent table tr {
    display: block;
  }
  #shop-content div.editorContent table td {
    display: block;
  }
  section#content div#shop-products #shop-content {
    width: 52.5%;
  }
  section#content div#shop-products #shop-content h1 {
    font-size: 2.1em;
  }
  section#content div#shop-products #shop-content h2 {
    font-size: 2.5em;
  }
  section#content div#shop-products #shop-images {
    width: 180px;
  }
  section#content div#shop-grid a {
    width: 100%;
    margin: 1em 0 0;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  section#ctas .cta {
    height: 390px;
  }
  section#ctas .cta a .cta-text p {
    font-size: 1.68em;
  }
  #content .content-body .left-side section#allContent div.con .content-title h2 {
    font-size: 1.18em;
  }
  section#banner .wrapper h1 {
    font-size: 2.3em;
    letter-spacing: -2px;
  }
  section#content div#shop-products #shop-content {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin: 1em 0 0;
  }
  section#content div#shop-products #shop-images {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  #store-content .wrapper {
    padding: 0;
  }
  section#content div.cart-bordered input.button,
  section#content div.cart-bordered a.button {
    display: inline-block;
    float: none;
    margin: 0 3px 0.5em;
  }
  section#content div.cart-bordered div.float.left {
    float: none;
    text-align: center;
  }
  section#content div.cart-bordered div.float.right {
    float: none;
    text-align: center;
  }
  section#content table.list-table tr td.image,
  section#content table.list-table tr th.remove {
    display: none;
  }
  #login_container div.login {
    float: none;
    width: auto;
    padding: 0;
  }
  #login_container div.register {
    float: none;
    width: auto;
    border: none;
    border-top: 1px solid #dfdfdf;
    padding: 2em 0 0;
  }
}