@media screen and (max-width: 1272px) {
  .ltr-spacing {
    letter-spacing: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .topnav__list {
    margin-right: 0;
  }
}

@media screen and (max-width: 1170px) {
  /* Menu animation */
  #nav-icon {
    width: 32px;
    height: 24px;
    position: relative;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #222;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  #nav-icon span:nth-child(1) {
    top: 0px;
  }

  #nav-icon span:nth-child(2),
  #nav-icon span:nth-child(3) {
    top: 9px;
  }

  #nav-icon span:nth-child(4) {
    top: 18px;
  }

  #nav-icon.active span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
  }

  #nav-icon.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon.active span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
  }

  .topnav__list {
    display: block;
    position: absolute;
    width: 100%;
    /* top: 137.17px; */
    right: 0px;
    height: 0px;
    transition: 0.3s;
    background-color: rgb(24, 101, 172);
    visibility: hidden;
    /* overflow-y: hidden; */
    text-align: center;
    z-index: 1000;
  }
  .topnav.active .topnav__list {
    height: calc(100vh - 137.17px);
    visibility: visible;
    overflow-y: auto;
  }

  .topnav__item {
    margin: 1.5rem 0;
  }
  .topnav__link {
    display: block;
    padding: 0.5rem;
    color: white;
  }

  .btn-green {
    width: 100%;
    border-radius: unset;
  }
}

@media screen and (max-width: 1100px) {
  .location-address,
  .icon-location {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    margin-bottom: 48px;
  }
  .carousel-caption {
    /* margin-bottom: 35%; */
    padding-bottom: 30vh;
  }
  .tm {
    font-size: 1.5rem;
  }

  .btn-paciente {
    display: block;
  }

  .btn-nav {
    display: none;
  }
  .btn-float {
    display: block;
  }

  .social-media-mobile-menu {
    display: block;
  }

  .mobile-list {
    margin-top: 1rem;
  }

  .ltr-spacing {
    letter-spacing: 0.045rem;
  }

  .team {
    max-width: 50%;
  }

  .intro-cards {
    top: 2rem;
  }

  .equipment {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .carousel-caption {
    margin-bottom: 10%;
    padding-bottom: 10vh;
  }
  .tm {
    font-size: 1.25rem;
  }

  .logo {
    max-width: 150px;
  }
  .topnav__list {
    top: 87.17px;
  }
  .topnav.active .topnav__list {
    height: calc(100vh - 87.17px);
  }

  .info-bg {
    display: none;
  }

  .intro-cards {
    position: relative;
    top: 2rem;
    z-index: 0;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  .carousel-img {
    /* height: 70vh; */
    height: 60vmax;
  }

  .team {
    max-width: 75%;
  }
}

@media screen and (max-width: 321px) {
  .carousel-img {
    height: 90vmax;
  }
  .carousel-caption {
    margin-bottom: 0;
  }
}