@media only screen and (max-width: 1024px) {
   #wrapper {
      width: 1024px;
   }
   #min-wrapper {
      width: 1000px;
   }
   .header-search {
      width: 95%;
   }
   .header-search input[type="text"] {
      width: 200px;
   }
   .header-search input[type="submit"] {
      width: 65px;
   }
   .header-col-2 {
      margin-top: 5px;
   }
   .donar-class {
      width: 57px;
   }
   #tw {
      margin-top: 5px;
      margin-right: 80px;
   }
   #fb {
      margin-top: 5px;
   }
   .header-social p {
      top: 12px;
      right: 155px;
   }
   #nav li {
      margin-left: 7px;
      padding-right: 23px;
      height: 35px;
      padding-left: 2px;
   }
   #nav a {
      font-size: 11px;
   }
   .drop-menu {
      background-position: 98% 54%;
   }
}
@media screen and (max-width:770px) {
   body {
      background: none;
      background-color: #f5f5f5;
   }
   #wrapper {
      width: 100%;
   }
   #min-wrapper {
      width: 100%;
   }
   .banner-title {
      bottom: 50px;
   }
   .banner-title h1 {
      font-size: 20px;
   }
   .banner-title h2 {
      font-size: 16px;
   }
   .tab-view-no-display {
      display: none;
   }
   .tab-view-display {
      display: block;
   }
   #menu {
      margin-top: 0;
      height: 0px;
      position: relative;
      float: left;
   }
   .header-menu {
      margin: 20px auto;
   }
   .drop-menu {
      background: none;
   }
   .search-results {
      width: 100%;
   }
   .search-main {
      min-height: 0px !important;
   }
   #nav {
      color: white;
      z-index: 10000;
      overflow: hidden;
      position: relative;
      height: inherit;
      width: 100%;
      display: none;
      float: right;
      background-color: #781448;
      opacity: 0.8;
   }
   #nav a {
      color: white;
   }
   #nav li ul {}
   #nav ul {
      list-style: none;
      padding: 0;
      display: none;
      position: relative;
      width: inherit;
      top: 0;
   }
   #nav li ul li a {
      text-align: left;
      padding-bottom: 0px;
      color: white;
   }
   #nav li ul li a:hover {
      color: white;
   }
   #nav li ul li {
      width: 80%;
      list-style-image: url(http://femetre.org.mx/wp-content/themes/femetre/images/list.png);
   }
   #nav li {
      border-right: 0px;
      float: left;
      width: 100%;
      color: white;
      height: auto;
      text-align: left;
      list-style-image: url(http://femetre.org.mx/wp-content/themes/femetre/images/list.png);
      list-style-position: inside;
      margin-left: 0px;
      padding-right: 0px;
      padding-left: 15px;
   }
   #nav li:last-child {
      padding-bottom: 10px;
   }
   #nav ul li {
      float: none;
      position: relative;
      border-right: none;
      left: 41px;
      top: 0;
      padding: 0px 5px;
      text-decoration: none;
   }
   #nav ul li.last {
      border-bottom: none;
   }
   #nav ul li {
      float: none;
      position: relative;
      border-right: none;
      left: 41px;
      top: 0;
      padding: 0px 5px;
      text-decoration: none;
   }
   #nav ul li a {
      color: #47412f;
      line-height: 39px;
      display: block;
      float: none;
      width: 100%;
      border-bottom: none;
      padding: 0px 0 0px 15px;
   }
   #nav li ul li:last-child {
      border-bottom: none;
   }
   #nav ul li ul li a {
      border-bottom: none;
   }
   #nav ul li a:hover {
      border-top: none;
      padding-top: 2px;
      color: #045190;
   }
   #nav ul ul {
      width: inherit;
      background: none;
      position: inherit;
      display: block;
      z-index: 1000;
      margin: 0 !important;
      left: 0px !important;
   }
   #nav li ul ul li:last-child {
      border-bottom: none;
   }
   #nav ul ul li a {
      margin-bottom: 1px;
      font-size: 16px;
      left: 50px !important;
      border-bottom: none;
   }
   #nav ul ul li {
      background: none;
      float: none;
      padding: 0;
      margin-bottom: 1px;
   }
   #nav ul ul li a:hover {
      color: #045190;
   }
   #nav ul ul ul {
      left: inherit;
      top: 0;
      padding-left: 0;
   }
   #menu {
      background: none;
   }
   #res-header {
      width: 100%;
      float: left;
      height: 60px;
      display: block;
      background: white;
   }
   .res-menu {
      float: right;
      height: 60px;
      width: 60px;
      background: #83134e;
   }
   .res-menu img {
      float: none;
      display: block;
      margin: 10px auto;
   }
   .res-search {
      float: right;
      height: 65px;
      position: relative;
   }
   .res-search input[type="text"] {
      height: 58px;
      border: 0px;
      margin-top: 0px;
      margin-right: -4px;
      vertical-align: bottom;
   }
   .res-search input[type="submit"] {
      height: 60px;
      background-color: #ffb81d;
      border: 0px;
      width: 39px;
      vertical-align: top;
   }
   .res-search img {
      position: absolute;
      right: 6px;
      top: 15px;
   }
   .res-header-social ul {
      float: right;
      margin-right: 20px;
      margin-top: 10px;
   }
   .res-header-social ul li {
      float: left;
      margin-left: 20px;
   }
   #logo {
      background: url(images/index/res-logo.png) no-repeat;
      width: 226px;
      height: 52px;
   }
   .header-social-tab {
      display: block;
      height: 40px;
      background-color: #d62637;
      width: 100%;
      float: left;
   }
   #content {
      width: 95%;
      float: left;
      margin-top: 30px;
      margin-left: 2.5%;
      margin-right: 2.5%;
   }
   .col-about {
      width: 100%;
      text-align: center;
      margin-left: 0px;
   }
   .col-1-about-desc {
      height: auto;
      padding-bottom: 0px;
      border: 0px;
      min-height: 50px;
   }
   .read-more {
      margin-left: 28%;
      float: left;
      margin-top: 20px;
      background: none;
      height: 21px;
      background: #fdbe01;
      text-align: center;
      padding: 10px;
      width: 40%;
      margin-bottom: 30px;
   }
   .read-more a {
      padding-right: 0px;
   }
   .read-more img {
      margin-left: 0px;
      margin-left: -2px;
   }
   .news {
      width: 100%;
      margin-left: 0px;
   }
   .news-col {
      border: 0px;
      padding-bottom: 0px;
   }
   .testi:nth-child(3) {
      margin-left: 0px;
   }
   .testi {
      width: 48%;
      margin-left: 4%;
   }
   .widget {
      width: 100%;
   }
   .tablet {
      width: 46%;
      margin-left: 4%;
   }
   .tab-fb {
      display: none;
   }
   .desktop-widget {
      display: none;
   }
   .tab-video {
      width: 100% !important;
      margin-left: 0px !important;
   }
   .tab-widget {
      width: 48%;
      display: block;
      margin-left: 4%;
      float: left;
      margin-top: 20px;
   }
   .tab-widget img {
      width: 100%;
   }
   .tab-widget iframe, .tab-widget object, .tab-widget embed {
      position: relative;
      float: left;
      width: 100%;
      height: 263px;
   }
   .widget-heading h1 {
      text-align: center;
   }
   .home-brands {
      margin: -25 auto;
   }
   .mission-vission-col {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 20px;
   }
   .directorio {
      width: 100%;
      height: auto;
      margin-left: 0px;
   }
   #news-listings {
      width: 100%;
   }
   .test-archive {
      width: 100%;
      margin-left: 0%;
   }
   .assign_padding {
      height: 250px;
   }
   .therapias-col-1-block-1 {
      width: 100%;
      text-align: center;
   }
   .therapias-col-1-block-1 h1 {
      text-align: center;
      padding-bottom: 10px;
   }
   .therapias-col-1-block-2 {
      width: 100%;
      margin-left: 0px;
      margin-top: 20px;
   }
   .factors {
      width: 100%;
      margin-left: 0px;
   }
   .pacientes-testimonial {
      width: 100%;
   }
   .pacientes-testi {
      width: 48% !important;
      margin-left: 2% !important;
   }
   .contact-familia-detail {
      margin-left: 5px;
      margin: 0px;
   }
   .affliate-col-2 {
      width: 100%;
      margin-left: 0px;
   }
   .affliate-col-1 {
      width: 100%;
   }
   .contacto-col-2 {
      width: 100%;
   }
   .contacto-col-1 {
      width: 100%;
   }
   .map-area {
      width: 300px;
      margin: 0 auto;
   }
   .address {
      text-align: center;
   }
   .affliates-wrapper {
      width: 48%;
      margin-left: 2% !important;
   }
   .footer-col-1 {
      width: 100%;
      text-align: center;
   }
   .footer-col-1 img {
      margin: 0 auto;
      display: block;
      float: none;
   }
   .footer-info {
      width: 50%;
      margin: 20px auto;
      /* margin-left: 0px; */
      float: none;
      display: block;
   }
   .footer-social {
      width: 100%;
      text-align: center;
      margin: 0 auto;
      display: block;
      float: none;
   }
   .footer-social p {
      float: none;
      text-align: center;
   }
   .contact-familia {
      padding-bottom: 10px;
   }
   .therapias-section-3-desc {
      margin-top: 40px;
   }
   /*-------------------Cancer de riñon----------------*/
   .t-cancer-rinon {
      background-color: #262626;
      padding: 9px;
      color: #FFFFFF;
      position: absolute;
      right: 10px;
      margin-top: 11%;
      font-size: 30px;
   }
   .st-datos-mundiales {
      position: initial;
      height: 462px;
   }
   .mundo-img {
      float: left;
      width: 50%;
   }
   div.mundo-txt {
      width: 45%;
      float: right;
      margin-top: 10%;
   }
   div.mundo-txt p {
      font-size: 19px;
   }
   .st-datos {
      width: 100%;
   }
   .sg-dato {
      width: 100%;
      display: inline-block;
   }
   .single-img-dato {
      float: none;
      margin: 23px 0px 23px 0px;
      width: 100%;
      text-align: center;
   }
   .single-dato {
      float: none;
      width: 100%;
      border-top: none;
      position: initial;
      top: 0;
      text-align: center;
   }
   .st-que-es {
      width: 100%;
      background-color: #E9E9E9;
      padding: 0px;
      margin: 0;
   }
   .txt-que-es {
      width: auto;
      padding: 30px;
      display: inline-block;
   }
   .img-que-es {
      display: inline-block;
      padding: 30px;
   }
   .txt-signos {
      margin: 0;
      padding: 30px
   }
   .sub-sintomas {
      font-size: 24px;
      margin: 30px 160px 30px 160px;
      text-align: center;
   }
   .sintomas {
      text-align: center;
   }
   .st-sintomas {
      width: 32%;
      margin-bottom: 50px;
   }
   .txt-sintoma {
      padding: 15px 40px 0px 40px;
   }
   .txt-final {
      margin: 0;
      padding: 30px;
   }
   .st-mas-info {
      text-align: center;
      margin: 50px 0px 50px 0px;
   }
   .st-mas-info img {
      margin-bottom: 25px;
   }
}
@media screen and (max-width:480px) {
   #wrapper {
      width: 100%;
   }
   #nav {
      width: 100%;
      margin-right: 0px;
   }
   #min-wrapper {
      width: 100%;
   }
   .banner-title {
      display: none;
   }
   .banner-title-mobile {
      display: block;
      background: #222222;
      float: left;
      width: 96%;
      padding: 2%;
   }
   .banner-title-mobile h1 {
      font-size: 24px;
      text-align: center;
      color: white;
   }
   .banner-title-mobile h2 {
      font-size: 16px;
      color: #ffb81d;
      text-align: center;
   }
   .news {
      background: transparent;
      box-shadow: none;
   }
   .news-thumbnail {
      width: 100%;
      margin: 0 auto;
      float: none;
   }
   .news-thumbnail img {
      display: none;
      float: none;
      display: block;
      float: none;
      margin: 0 auto;
      width: auto;
      margin: 0 auto;
   }
   .news-title, .news-posted-date, .news-desc, .news-read-more {
      width: 95%;
      text-align: center;
      margin: 10px auto;
      float: none;
   }
   .news-read-more {
      float: right !important;
      margin-right: 2%;
   }
   .testi {
      width: 100%;
      margin-left: 0px;
      text-align: center;
      margin-bottom: 0px;
   }
   .testi-desc {
      height: auto;
      min-height: auto;
      padding-bottom: 10px;
   }
   .testi-single-thumbnail, .testi-single-detail {
      width: 100%;
      margin-left: 0px;
      text-align: center;
      margin-bottom: 20px;
   }
   .testi-single-thumbnail img {
      width: auto;
      display: block;
      margin: 0 auto;
      float: none;
      max-width: 100%;
   }
   .testi-heading {
      margin-top: 10px;
   }
   .home-brands ul li {
      width: 100%;
      margin-left: 0px;
      margin-top: 10px;
   }
   #col-2 h1 {
      text-align: center;
   }
   .mission-vission-thumbnail {
      width: 100%;
   }
   .mission-vission-thumbnail img {
      width: auto;
      display: block;
      margin: 0 auto;
      float: none;
      max-width: 100%;
   }
   .mission-vission-col {
      border: 0px;
   }
   .mission-vission-desc {
      width: 100%;
      text-align: center;
      margin-left: 0px;
   }
   .factors {
      height: auto;
      margin-bottom: 20px;
   }
   .factor-thumbnail {
      width: 100%;
   }
   .factor-thumbnail img {
      width: auto;
      float: none;
      margin: 0 auto;
      max-width: 100%;
      display: block;
   }
   .factor-desc h1 {
      text-align: center;
   }
   .factor-desc {
      width: 100%;
      border: 0px;
      text-align: center;
      margin-left: 0px;
   }
   .news-listing-thumbnail {
      width: 100%;
      float: none;
      display: block;
   }
   .news-listing-thumbnail img {
      width: auto;
      margin: 0 auto;
      display: block;
      float: none;
      max-width: 100%;
      text-align: ceneter;
   }
   .news-full-width-desc {
      width: 100% !important;
   }
   .deteccion-col-1 {
      width: 100%;
      margin-left: 0px;
      box-shadow: none;
      background: transparent;
      border: 0px;
   }
   .deteccion-view {
      margin: 0 auto;
   }
   .deteccion-desc {
      height: auto;
      background: transparent;
   }
   .therapias-col-1-block-2-col-1 {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 20px;
   }
   .therapias-col-1-block-2-col-1 img {
      width: auto;
      margin: 0 auto;
      float: none;
      display: block;
      max-width: 100%;
   }
   .therapias-section-3-img {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 20px;
   }
   .therapias-section-3-img img {
      width: 235px;
      margin: 0 auto;
      float: none;
      display: block;
      max-width: 100%;
   }
   .therapias-section-3-desc h1 {
      text-align: center;
   }
   .therapias-section-3-desc {
      width: 100%;
      padding-bottom: 10px;
      margin: 0 auto;
      margin-top: 0px;
      text-align: center;
   }
   .familia {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 20px;
   }
   .familia img {
      width: auto;
      margin: 0 auto;
      float: none;
      display: block;
      max-width: 100%;
   }
   .contact-familia {
      width: 100%;
      margin: 20px auto;
      padding-bottom: 10px;
   }
   .pacientes-testi {
      width: 100% !important;
      margin-left: 0px !important;
   }
   .voluntarios-thumbnail {
      width: 100%;
      margin: o auto;
   }
   .voluntarios-thumbnail img {
      display: block;
      margin: 0 auto;
      float: none;
   }
   .voluntarios-detail {
      width: 100%;
      margin: o auto;
      margin-left: 0px;
      text-align: center;
   }
   .voluntarios-detail h1 {
      text-align: center;
   }
   .affliates-wrapper {
      width: 100%;
      float: left;
      display: block;
      height: auto;
      margin-left: 0% !important;
      margin-top: 5px;
   }
   .contact-form input[type="submit"] {
      margin-right: 12px;
      margin-bottom: 20px;
   }
   #footer-statement a {
      padding-left: 10px;
      padding-right: 10px;
   }
   .res-search {
      display: none;
   }
   .read-more-testi {
      margin-left: 27%;
      float: left;
      margin-top: 20px;
      background: none;
      height: 21px;
      background: #fdbe01;
      text-align: center;
      padding: 10px;
      margin-bottom: 30px;
      width: 40%;
   }
   .read-more-testi a {
      padding-right: 0px;
   }
   .personal-thumbnail img {
      margin-top: 13px;
      height: auto !important;
   }
   .directorio {
      background: none;
      box-shadow: none;
   }
   /*-------------------Cancer de riñon----------------*/
   .t-cancer-rinon {
      background-color: #262626;
      padding: 9px;
      color: #FFFFFF;
      position: absolute;
      right: 10px;
      margin-top: 11%;
      font-size: 19px;
   }
   .st-datos-mundiales {
      position: initial;
      height: 293px;
   }
   .mundo-img {
      float: left;
      width: 50%;
   }
   div.mundo-txt {
      width: 45%;
      float: right;
      margin-top: 10%;
   }
   div.mundo-txt p {
      font-size: 19px;
   }
   .st-datos {
      width: 100%;
   }
   .sg-dato {
      width: 100%;
      display: inline-block;
   }
   .single-img-dato {
      float: none;
      margin: 23px 0px 23px 0px;
      width: 100%;
      text-align: center;
   }
   .single-dato {
      float: none;
      width: 100%;
      border-top: none;
      position: initial;
      top: 0;
      text-align: center;
   }
   .st-que-es {
      width: 100%;
      padding: 0px;
      margin: 25px 0px 0px 0px;
   }
   .txt-que-es {
      width: auto;
      padding: 30px;
      display: inline-block;
   }
   .img-que-es {
      display: inline-block;
      margin-top: 30px;
   }
   .txt-signos {
      margin: 0;
      padding: 30px;
   }
   .sub-sintomas {
      font-size: 24px;
      margin: 0;
      text-align: center;
      padding: 25px;
   }
   .sintomas {
      text-align: center;
   }
   .st-sintomas {
      width: 100%;
      margin-bottom: 50px;
   }
   .txt-sintoma {
      padding: 15px 40px 0px 40px;
   }
   .txt-final {
      margin: 0;
      padding: 30px;
   }
   .st-mas-info {
      text-align: center;
      margin: 50px 0px 50px 0px;
   }
   .st-mas-info img {
      margin-bottom: 25px;
   }
}