/*
    Theme Responsive Design
*/

@media (max-width: 1200px) {
  /* index */
  .graficos-contenedor-right, #reportes-left-container, #reportes-right-container, .plan-left, .plan-right, .asesor-left, .asesor-right{
    clear:left;
    width:100%;
    padding-left: 0;
  }
  .planes-left-right-container {
    border: 1px solid #293446;
    display: grid;
  }
  .plan-left{
    padding: 0px;
  }
  .plan-left div{
    padding:0 18px;
  }
  .plan-left img{
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #reporte-datos-asesor #asesor-layout-container {
    border: 1px solid #293446;
    display: grid;
  }
  .report-input{
    min-width: 0;
  }
  .asesor-left{
    padding: 0 0 14px 0;
  }
  .asesor-left > div{
    padding:0 18px;
  }

  div#agente-whatsapp {
    display: flex;
    gap: 4px;
  }

  .asesor-left img#foto-asesor {
    width: 92%;
    height: auto;
    margin: 4% 4% 0;
  }
  .plan-box-row-first{
    border-top: 1px solid #25364a;
  }
  .vehiculo-imagen{
    display:none;
  }
  #barras-estadisticas-contenedor{
    width:100%;
  }
  .comparativa-fabrica, .comparativa-bancos{
    width:100%;
    clear:left;
    margin-right:0;
    padding-top: 15px;
  }
  .container-p50 {
    position: relative;
    width: 100%;
    padding: 0 10px;
  }
  .ac-button{
    clear: left;
    margin-top: 7px;
  }
  .copyright p{
    line-height:20px;
  }
  .footer-logo,.navbar-header {
    position: relative;
    width: 100%;
    clear: left;
    text-align: center;
  }
  .navbar-header{
    padding-left:0;
  }
  .navbar-description{
    display:none;
  }
  .comparativa-fecha {
  position: relative;
  color: #1a2432;
  float: right;
  right: 0;
  top: 0px;
  }
  .footer_section {
    display: flex;
    background-color: #141c27;
    padding: 40px 0 30px;
    clear: left;
  }
  /* index */
  
  .apto-credito-progress-bar{
    display:none;
  }
  #data-container{
    display:grid;
  }
  .column-container {
    position: relative;
    clear: left;
    width: 100%;
    padding-top: 14px;
  }
  .progress-container{
    margin: 0 auto;
  }
  .data-item-container{
    margin: 0 auto;
    float:none;
  }
  #mensaje-enlace-vencido{
    width:100%;
  }
  
  
  #promocion-left {
    padding: 22px 9px;
    width: 70px;
  }
  #promocion-right {
    width: calc(100% - 70px);
  }
  
  .only-mobile{
    display:block;
  }
  .only-desktop{
    display:none;
  }
	
}

@media (max-width: 450px) {
  .data-item-container{
    width:100%;
  }
  .item-titulo, .item-dato{
    clear:left;
  }
  .item-dato{
    clear:left;
    padding: 0;
    margin-left:0;
  }
}