@media screen and (max-width: 690px) {
  .service-step-01 {
    flex-direction: column;
  }
  .pricing-detail-selector {
    width: 100%;
    margin: 1em 0;
  }
  .pricing-detail-form {
    width: 100%;
  }
  .dashboard-baja .btn-container {
    margin: 1em auto;
  }
  .button-container-gestion {
    margin: 1em 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .general-box-header {
    justify-content: center;
  }
  .header .titulo{
    padding-top:35px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
  }
  
  .header .subtitulo{
    font-size: 13px;
    line-height: 20px;
    text-align: center;
  }

  .dashboard-data-container {
    width: 90%;
}
#planes-destino {
  padding: 20px !important;
} 

.tit-contratar{
font-size: 16px;
padding: 0 !important;
}
.subtit-contratar{
display: none;
}
.pricing-card-header-inner{
  display: none;
  visibility: hidden;
}
}

@media screen and (max-width: 856px) {
  .three-boxes-container {
    justify-content: center;
  }
  .three-boxes-container .cobranzas-box {
    margin: 1em;
    max-width: 100%;
  }

  .three-boxes-container .cobranzas-box p {
    font-size: 10px;
    white-space: break-spaces;
    overflow: visible;
  }
  .image-container-hands {
    display: none;
  }
  .input-section-container {
    width: 100%;
  }
  .general-box .image-container {
    display: none;
  }
  .general-box .form-container {
    width: 100%;
  }
  .when-responsive {
    width: 100%;
  }
  .service-internet-container {
    background-size: 300px;
  }
  .modify-password {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start!important;
    justify-content: flex-start;
  }
  .modify-password input {
    width: 100%;
  }
  .map-container {
    width: 93%;
    margin-top: 1em;
  }

}

@media screen and (max-width: 1200px) {
  .responsive-table {
    overflow-x:auto;
  }

  .conectividad {
    padding: 2em 15%; /* Padding aún más pequeño */
  }
}



@media screen and (max-width: 764px) {

  .conectividad {
    padding: 2em 5%;
  } 

  .facturas-input-container {
    flex-wrap: wrap;
  }

  .facturas-input-container .input-container {
    margin: 1em 0;
    width: 100%;
  }

  .select-cards-container {
    width: 100%;
    justify-content: center;
  }

  .form-reservar .button-container {
    width: 100% !important;
  }  

  .row-box-reservation {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .reservation-data {
    width: 100%;
    border-top: 1px solid #101218;
    margin: 1em 0;
  }

  .box-container-price {
    width: 100%;
  }
  

  /* Estilo responsive para pantallas menores a 360px */
  @media screen and (max-width: 360px) {
    .box-container-price {
      padding: 5px; /* Ajusta el padding para no ocupar demasiado espacio */
    }

    
  .thanks-message-container {
    background-image: none;
  }

  .thanks-container {
    width: 100%;
    text-align: center;
    padding: 1em;
  }

  .boxes-container-services {
    justify-content: center;
  }

  .row-boxes {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .box-container-price {
    margin: 1em;
  }

  .service-internet-container {
    background-size: 400px;
    background-image: none;
  }

  .service-internet-container .box-container {
    margin: 0 auto;
    width: 90%;
}

  .service-internet-container .title-container {
    text-align: center;
    margin: 2em 0 1em 0;
  }

  .form-with-map {
    flex-direction: column;
  }
  .map-container {
    width: 100%;
    margin-top: 1em;
  }
  .col-45 {
    width: 48%;
  }

  .col-10 {
    width: 10%;
  }  

  .col-32 {
    width: 32.5%;
  }
  

  .col-100 input {
    width: 99%;
}
  .input-section-container {
    width: 100%;
  }

  .pricing-card-container,
  .benefit-box-container {
    flex-direction: column;
  }

  .FAQ {
    padding: 4em 2em;
  }

  .question-container {
    width: 100%;
  }

  .data {
    width: 50%;
  }

  #destacados, #internettv{
    flex-direction: column; 
    align-items: center; 
  }

}

@media screen and (max-width:666px) {

  .general-box-header-saldo {
    flex-direction: column;
    justify-content: center;
  }

  .saldo-deudor-container {
    width: 100%!important;
    text-align: center;
  }

  .saldo-deudor-container .saldo-box {
    margin: 1em auto;
  }

  .general-box-header-saldo .main-btn {
    margin: 1em auto;
  }
  .onboarding {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .input-container {
    width: 50%;
    margin: 0 auto;
  }
  .text-container {
    margin-top: 2em;
    text-align: center;
  }
  .text-container .main-btn {
    margin: 0 auto;
  }
  .cards-container {
    justify-content: center;
  }
  .dashboard-payment .payment-header {
    flex-direction: column;
    text-align: center;
  }
  .dashboard-payment .payment-header .main-btn {
    margin: 1em auto;
  }
  .dashboard-nav .avatar-container .custom-select {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  .list-table {
    width: 100%;
    overflow: auto;
  }

  .nomovil{display:none;}

  .modal{width:auto !important;}
  .modal-body{padding: 3em;}
  
  .switch-container-section {
    flex-direction: column;
  }
  .switch-container {
    width: 100%;
    margin: 1em 0;
    justify-content: center;
    align-items: center;
  }
  .edit-resonsive {
    flex-wrap: wrap;
  }
  .saldo-box {
    padding: 1em;
  }
  .form-container {
    flex-wrap: wrap;
  }

  .form-container .input-form-container {
    width: 100%;
  }

  .aditional-services-container {
    background-image: none;
  }

  .benefits {
    padding: 2em;
  }

  .br {
    display: none;
  }

  .newsletter-input-container {
    padding: 2em;
  }

  .title-container {
    margin: 0;
  }

  input {
    width: 90%;
  }

  .bot {
    bottom: 8%;
  }

  footer {
    text-align: center;
  }

  .responsive-icons {
    justify-content: center;
  }

  .contact-data-container {
    flex-direction: column;
  }

  .data {
    width: 100%;
    justify-content: center;
  }

  .account {
    display: flex;
  }

  .btn-account {
    display: none;
  }

  .responsive-nav {
    flex-direction: column;
  }

  .logo-responsive {
    margin-left: 0!important;
    margin: 1em 0;
    order: -1;
    position: relative;
  }

  .telefono-container {
    display: none !important;
}

  .ventas-responsive{
    order: -2;
  }

  .pricing {
    padding: 0 2em;
  }
  .pills-container {
    flex-direction: column;
  }
  .pill {
    margin:0.5em auto;
    width: 260px;
  }
  h1 {
    font-size: 40px;
  }
  .col-45 {
    width: 100%;
  }

  .col-10 {
    width: 100%;
  }

  .col-32 {
    width: 100%;
  }

  .form-reservar .button-container {
    width: 100% !important;
  }
  
  
  .col-25 {
    width: 100%;
  }
  .margin-1em-right {
    margin: 0;
  }
  
  .login-box{
    top:80px;
    width: 100%;
    left: 0;
  }

  .login-box .user{
    width: 90%;
  }

  .login-box a{
    display:block !important;
  }

  .login-box .password{
    width: 90%;
  }

  .logout-box{
    width: 100%;
    top: 120px;
    z-index: 999;
  }
  .pricing{
    width: 100%;
    padding: 0px;
  }

}

@media screen and (max-width:450px) {

  .conectividad {
    padding: 2em 3%; 
  }
  .onboarding .input-container {
    width: 100%;
  }
  .dashboard-payment .payment-detail {
    width: 100%!important;
    min-width: auto;
  }
  .dashboard-payment .payment-content {
    flex-direction: column;
    justify-content: center;
  }
  .dashboard-payment .payment-content .payment-icon {
    margin: 1em;
  }
  .dashboard-payment {
    margin: 0 2em 2em 2em;
  }

  .deco-card {
    width: 90%; 
    max-width: 430px;
    height: auto; 
    padding: 0.5em; 
  }

  .deco-card h2 {
      font-size: 1.2em; /* Ajustar tamaño de h2 */
  }

  .deco-card h3 {
      font-size: 0.8em; /* Ajustar tamaño de h3 */
  }

  .deco-card p {
      font-size: 0.9em; /* Reducir el tamaño de los párrafos */
      padding: 0;
      margin: 0;
  }

  /* Asegurar que las imágenes se ajusten al tamaño de pantalla */
  .deco-card img {
      padding: 20px;
      width: auto;
      max-height:  50px; /* Mantener la relación de aspecto */
  }

  /* Cambiar el tamaño del enlace */
  .deco-card a {
      font-size: 0.9em; /* Ajustar el tamaño del enlace */
      padding: 0.5em 3em;
      margin: 0;
      width: auto; /* Limitar el ancho máximo del botón */ margin-bottom:10px ;
  }

  .texto-convertir p {
      padding: 0;
      margin: 0;
      font-size: 0.9em; /* Reducir el tamaño de los párrafos */
      text-align: center;
  }

  /* Ajustar la app-card */
  .app-card {
    width: 100%; /* Hacer que ocupe todo el ancho disponible */
    max-width: 300px; /* O puedes usar un valor menor si lo deseas */
    padding: 0; /* Reducir el padding */
    margin: 0;
  }
  /* Cambiar el tamaño del título */
  .app-card h3 {
      font-size: 0.2em; /* Ajustar tamaño de h3 */
      padding: 0;
      margin: 0;
  }
  .app-card .texto-convertir p {
    font-size: 12px; /* Ajustar el tamaño del texto */
    margin: 0;
    padding: 0;
    text-align: center; /* Asegúrate de centrar el texto */
  }

  /* Ajustar el tamaño de la imagen */
  .app-card img {
    width: 80px; /* Ajustar la imagen para que sea más pequeña */
    height: auto; /* Mantener la relación de aspecto */
  }


}



@media (max-width: 364px) {
  .pricing-card-content {
      box-sizing: content-box !important; 
      border-top: none !important; 
      border-bottom: none !important; 
  }
}

@media screen and (max-width: 356px) {
  .deco-card {
      padding: 0.5em; /* Reducir el padding */
      width: 100%; /* Se ajusta al 100% del ancho */
      max-width: 100%; /* Asegura que no se desborde */
  }

  .deco-card h2 {
      font-size: 1.1em; /* Ajustar tamaño del título */
      margin-bottom: 10px;
  }

  .deco-card h3 {
      font-size: 0.9em;
  }

  .deco-card p {
      font-size: 0.8em;
      margin: 0;
      padding: 0;
  }
  .deco-card img {
      width: 100%; /* Asegurar que la imagen no desborde */
      width: auto;
      max-height: 50px;
  }

  .deco-card a {
      font-size: 0.8em;
      padding: 0.5em 1.5em;
  }
}

@media (max-width: 437px) {
  .pricing-card {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important; /* Añadir margen inferior para separar las tarjetas */
  }

  .pricing-card-container {
    text-align: center !important;
  }

  .pricing-card-content .price p {
    font-size: 0.9em !important; /* Ajustar el tamaño de fuente */
    line-height: 1.2em !important;
    margin-bottom: 3px !important; /* Ajustar el margen inferior */
  }

  .pricing-card-content .price a{
    font-size: 0.9em !important; /* Ajustar el tamaño de fuente */
    line-height: 1.2em !important;
    margin-bottom: 3px !important; /* Ajustar el margen inferior */
  }
}

@media (max-width: 480px) {
  .conectividad {
      padding: 2em 3%; /* Padding aún más pequeño */
  }
}

@media (max-width: 1225px) {
  .conectividad {
      padding: 2em 15%; /* Padding aún más pequeño */
  }
}

@media (max-width: 321px) {
  .responsive-img {
    width: 40px;
  }
}

@media only screen and (max-width: 575px){
  .scrollDown{
      opacity: 0;
      display: none;
  }
}

@media (max-width: 365px) {
  .pricing-card-content .price a{
    font-size: 0.7em !important; /* Ajustar el tamaño de fuente */
    line-height: 1.2em !important;
    margin-bottom: 3px !important; /* Ajustar el margen inferior */
  }
}
}

@media (max-width: 1399px) {
  #TV_inicio{
    display: none !important;
  }
  #empresas_inicio {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #verPlanesBtn{
    display: none !important;
  }

  .deco-img{
    height: auto !important;
    padding: 40px 40px !important;
  }
}

@media (max-width: 939px) {
  #panel_cliente_img{
    display: none !important;
  }
}

@media (max-width: 1150px) {
  .payment-button{
   margin-top: 10px;
   margin-bottom: 10px;
  }
}

@media (max-width: 665px) {
  .box-container-price{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .boxes-container-services{
     margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
  }
}
@media (max-width: 601px) {
  .image-container-hands img{
    display: none;
}
}
@media(max-width: 800px) {
  .thanks-message-container{
    background-size: 100px;
  }
}
@media(max-width: 615px) {
  .thanks-message-container{
    background: #FFFFFF;
  }
}