@media screen and (max-width: 1200px) {
  .infonosotros article h2 {
    width: 70%;
    text-align: left;
    line-height: 40px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 963px) {
  .menutabs2 {
    flex-wrap: wrap;
    width: 100%;
  }
  .tituloespe {
    padding-top: 15px;
    margin: auto;
  }
  #iconomenu {
    display: flex;
  }
  nav {
    background-color: var(--gris);
    position: absolute;
    z-index: 12;
    top: 100%;
    padding: 20px;
    transform: translateX(-120%);
    transition: all 0.5s;
  }
  nav ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  nav ul li {
    display: block;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px #999 dotted;
  }
  nav ul li:last-child {
    border-bottom: 0px;
  }
  .submenu:hover .desplegable {
    display: none;
    position: static;
    padding-left: 20px;
    background-color: white;
    padding: 15px;
    border-radius: 0px;
  }
  #esconder:checked ~ nav {
    transform: translateX(-4%);
  }
  .infomembresia {
    max-width: 400px;
  }
  .slogan {
    text-align: center;
  }
  .noticaseventos {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap !important;
    gap: 20px;
  }
  .infonoticias {
    max-width: 100% !important;
    text-align: center !important;
  }
  #tabs {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 10px;
  }
  #tabs ul li {
    text-align: center;
  }
  .menutabs {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px;
    border-radius: 20px;
    width: 100%;
  }
  #contenedor_tabs {
    width: 100%;
  }
  .cont_email a {
    display: block;
    color: white;
    width: 90%;
    margin: auto;
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
  }
  .segurosnacionales {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .derecha {
    text-align: left !important;
  }
  .cajaslogos {
    height: 410px;
  }
  .cajaseguros1 {
    display: block;
    max-width: 100% !important;
  }
  .cajaseguros1 h2 {
    font-size: 35px;
    line-height: 40px;
    text-align: center;
  }
  .cajaseguros1 p {
    text-align: center;
  }
  .cajaseguros2 {
    max-width: 100%;
    display: block;
  }
  .segurosinternacionales {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
  }
  .chico {
    padding-left: 0px;
  }
  .contenedor_promo article {
    padding: 30px;
  }
  .masinfo2 h2 {
    padding-left: 0px !important;
    text-align: center;
  }
  .masinfo2 article {
    width: 45%;
    text-align: left !important;
    line-height: 35px;
  }
  .contenedor_eventos {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .azuleventos {
    width: 100%;
  }
  .azuleventos h2 {
    font-size: 28px;
    text-align: center;
  }
  .cajatitulo h2 {
    font-size: 20px;
  }
  .estructurablog {
    padding: 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .ultimasnoticias {
    margin-top: 30px;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
  }
  .ultimasnoticias article {
    margin-bottom: 20px;
  }
  #cajamenu {
    display: none;
  }
  #iconomenuespecialidades {
    cursor: pointer;
    color: var(--azulbajo);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 13px;
    padding: 15px 15px 30px 15px;
  }
}
@media screen and (max-width: 920px) {
  .sincosto figure img {
    display: none;
  }
  .sincosto {
    margin: 0px 10px;
  }
  .fondomembresia {
    left: 0;
    margin: auto;
    width: 100% !important;
  }
  .btn_azulbajo_memebresia {
    left: 40%;
  }
}
@media screen and (max-width: 815px) {
  .contactanosboton {
    top: 20%;
    left: 38%;
  }
  .infonosotros {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .infonosotros figure {
    width: 100%;
    height: 300px;
    overflow: hidden;
  }
  .infonosotros article {
    width: 100%;
  }
  .infonosotros article p {
    width: 90%;
    text-align: left;
  }
  .infonosotros article h2 {
    width: 90%;
    text-align: left;
    padding-right: 20px;
  }
  .infonosotros article h3 {
    width: 90%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contact {
    position: absolute;
    top: 30%;
    left: 35%;
  }
  .contenedor_promo {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contenedor_promo article {
    width: 100%;
    padding-bottom: 50px;
  }
  .contenedor_promo img {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .rslides .caption h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
    max-width: 500px;
  }
  .contenedormembresia {
    gap: 30px;
  }
  .infomembresia h2 {
    font-size: 30px;
    line-height: 35px;
  }
  .noticaseventos {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 10px;
  }
  .noticaseventos {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    gap: 20px;
    padding: 10px;
  }
  .estructura {
    flex-direction: column;
    width: 100%;
  }
  .info_pondremos {
    max-width: 100%;
    text-align: center;
  }
  .contenedor_contactanos form {
    flex-grow: 1;
    width: 100%;
    text-align: center;
  }
  .foto_especialidades {
    background-position-x: -400px;
  }
  .foto_contacto {
    background-position-x: -400px;
  }
  .foto_pacientes {
    background-position-x: -400px;
  }
  .foto_membresias {
    background-position-x: -400px;
  }
  .foto_promociones {
    background-position-x: -400px;
  }
  .azul2 {
    text-align: center;
  }
  .verde2 {
    text-align: center;
  }
  .fondomembresia {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 40px !important;
  }
  .btn_azulbajo_memebresia {
    top: 110%;
  }
  .fondomembresia h2 {
    flex: 1;
    order: 1;
  }
  .sincosto {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 745px) {
  .btn_azulbajo_memebresia {
    top: 120%;
  }
}
@media screen and (max-width: 720px) {
  .todosbanner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .reconocimientos div {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }
  .reconocimientos figure {
    width: 70%;
  }
  .reconocimientos article {
    width: 100%;
  }
  .cajaslogos {
    height: 500px;
  }
  .estructuraformulario {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
  }
  .masinfo article {
    width: 100%;
    text-align: left;
  }
  .masinfo form {
    width: 100%;
  }
  .masinfo h2 {
    text-align: center;
  }
  /* otro */
  .masinfo2 article {
    width: 100%;
    text-align: left;
  }
  .masinfo2 form {
    width: 100%;
  }
  .importante {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .importante figure {
    width: 100%;
  }
  .importante article {
    width: 100%;
  }
  .btn_azulbajo_memebresia {
    top: 120%;
  }
}
@media screen and (max-width: 680px) {
  .btn_azulbajo_memebresia {
    top: 125%;
    left: 35%;
  }
}
@media screen and (max-width: 640px) {
  .contenedormembresia {
    flex-direction: column-reverse;
    justify-content: center;
    gap: 30px;
    align-items: center;
  }
  .infomembresia {
    text-align: center;
    max-width: 100%;
  }
  .contenedortaps {
    flex-direction: column;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
  .fotomision {
    margin: 0;
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
  }
  .infomision {
    width: 100%;
    padding: 20px;
  }
  .contenedor_promo img {
    width: 80%;
  }
  .opciones {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .opciones figure {
    width: 90%;
    height: 500px;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .rslides .caption h1 {
    font-size: 40px;
    text-align: center;
    max-width: 400px;
    margin-left: -40px;
  }
  .rslides .caption p {
    text-align: center;
    margin-left: -40px;
  }
  .caption {
    text-align: center;
  }
  .todosbanner article {
    max-width: 90%;
    margin: auto;
  }
  footer {
    background-color: var(--azulfuerte);
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .quitar {
    display: none;
  }
  #tabs ul li {
    width: 100%;
    margin-bottom: 2px;
  }
  #tabs ul {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
  }
  .reconocimientos figure {
    width: 90%;
  }
  .foto_especialidades {
    background-position-x: -700px;
  }
  .foto_contacto {
    background-position-x: -600px;
  }
  .foto_pacientes {
    background-position-x: -700px;
  }
  .foto_membresias {
    background-position-x: -700px;
  }
  .foto_promociones {
    background-position-x: -700px;
  }
  .infoarriba {
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    align-items: center;
    text-align: center;
  }
  .cajaseguros1 h2 {
    font-size: 32px;
    line-height: 30px;
  }
  .btn_verde2 {
    padding: 5px 10px;
    font-size: 14px;
  }
  .btn_azul2 {
    padding: 5px 10px;
    font-size: 14px;
  }
  .resCarousel-inner {
    padding-right: 10px;
  }
  .reconocimientos h2 {
    padding-top: 20px;
    text-align: center;
  }
  .contactanosboton {
    top: 20%;
    left: 32%;
  }
  button {
    width: 100%;
    text-align: center;
  }
  .contact {
    position: absolute;
    top: 25%;
    left: 30%;
  }
  .banners2 {
    width: 300px;
  }
  .contenedor_promo img {
    width: 100%;
  }
  .contenedor_promo article {
    padding: 15px;
    padding-bottom: 50px;
  }
  .cajafecha {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .btn_activa2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 460px) {
  .btn_azulbajo_memebresia {
    top: 130%;
    left: 32%;
  }
  .sincosto {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 431px) {
  .btn_azulbajo_memebresia {
    top: 150%;
    left: 32%;
  }
  .sincosto {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 415px) {
  .btn_azulbajo_memebresia {
    top: 150%;
  }
  .sincosto {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 380px) {
  .iconos img {
    height: 40px;
  }
  .azul2 {
    font-size: 14px;
    color: #0097dd;
  }
  .verde2 {
    font-size: 14px;
    color: #73d9bc;
  }
  .reconocimientos figure {
    width: 100%;
  }
  .cajaslogos {
    height: 550px;
  }
  .correo {
    font-size: 15px;
  }
  .contact {
    position: absolute;
    top: 25%;
    left: 25%;
  }
  .contactanosboton {
    top: 15%;
    left: 25%;
  }
}
@media screen and (max-width: 340px) {
  .cajaseguros1 h2 {
    font-size: 29px;
  }
  .btn_verde2 {
    padding: 5px;
    font-size: 13px;
  }
  .btn_azul2 {
    padding: 5px;
    font-size: 13px;
  }
  .infonosotros article h2 {
    font-size: 27px;
  }
}
@media screen and (max-width: 335px) {
  .btn_azulbajo_memebresia {
    top: 160%;
    left: 25%;
  }
  .sincosto {
    margin-bottom: 150px;
  }
}
