@media (max-width : 1000px) {
  #site-container-left{
    width: 100%;
  }
  

  .separador-promociones-contenedor{
    font-size: 19px;
    text-align: center;
  }
  .box-shadow-top{
    height: 114px;
  }
  .box-shadow-bottom{
    height: 260px;
  }

  .box-container{
    max-width: 332px;
    width: 100%;
    height: 450px;
    position: relative;
    display: flex;
    margin-bottom: 42px;
    color: #fff;
    justify-content: space-between;
    overflow: hidden;
    /* max-width: calc(50% - 14px); */
    /* box-shadow: 0px 2px 5px 3px rgb(0 0 0 / 40%); */
    flex-direction: column;
    margin: 0 14px 28px;
  }

  .box-info-button {
    width: fit-content;
    height: 100%;
    padding: 6px 16px;
    margin: auto;
    font: normal normal 500 12px / 18px "Outfit", sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #site-container-right{
    width: 0%;
  }
   #site-container-right #chat-minimizar.mostrar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
  #site-container-right #chat-container {
    left: 0px;
    bottom: 0;
    width: 100%;
    top: unset;
    height: unset;
  }
  #site-container-right #chat-container.desplegandose{
    bottom: 0px;  
  }
  #site-container-right #chat-body-container {
    height: 0px;  
    overflow:hidden;
  }
  #site-container-right #chat-body-container.desplegandose {  
/*     height: 130px; */
    height: 270px;
  }
  #site-container-right #chat-body-container.supermaximizado {  
    height: calc(100vh - 120px);
  }
  #site-container-right #chat-body-container.maximizado {  
    height: calc(100vh - 203px);
  }
  #site-container-right #chat-body-container.minimizado {  
    height: 0px;
  }
  #menu-container {
    float: right;
/*     font-size: 20px; */
    padding-right: 10px;
  }
  .menu-item {
    position: relative;
    float: left;
/*     padding: 26px 9px; */
  }

  #section-footer {
    margin-bottom: 100px;
  }

  /* CAJAS INDEX */
  .box-container .box-info-modelo{
    font: normal normal 900 23px/24px "Outfit", sans-serif;
    margin-top: 0px;
  }
  .box-container .box-info-llamador{
    font: normal normal 500 14px / 26px "Outfit", sans-serif;
    padding: 4px 0px;
  }
  
  .box-container .box-info-entrega-pactada{
    font: normal normal 400 14px / 20px "Outfit", sans-serif;
  }
  
  .box-container .box-info-cuota-desde-pre {
    font: normal normal 600 18px/18px "Outfit", sans-serif;
    margin: 0px;
  }
  
  .box-container .box-info-detalles-retiro-pre {
    font: normal normal 300 15px/14px "Outfit", sans-serif;
    gap: 4px;
  }
  
  .box-container .box-info-retiro-main {
    font: normal normal 700 18px / 20px "Outfit", sans-serif;
  }
  
  .box-container .box-info-retiro-post {
    font: normal normal 400 12px/17px "Outfit", sans-serif;
    margin-top: 0px;
  }
  
  .box-container .box-info-detalles-llamador-titulo {
    font: normal normal 600 15px/18px "Outfit", sans-serif;
  }
  
  .box-container .box-info-detalles-llamador-desc {
    font: normal normal 400 14px/17px "Outfit", sans-serif;
    margin-top: 5px;
  }
  
  .box-container .box-info-cuota-desde-bg {
    font: normal normal 900 38px/36px "Outfit", sans-serif;
    /* background-color: var(--precio-bg); */
    width: fit-content;
    padding: 6px;
    margin: auto;
  }
  /* CAJAS INDEX */

  

  .box-info{
    padding: 14px;
  }
  .box-info-detalles {
    padding: 9px;
    border: 0.5px solid;
  }

  .box-info-modelo{
    font: normal normal 900 23px/34px Roboto;
  }

  .box-info-entrega-pactada{
    font: normal normal 500 14px/26px Roboto;
  }
  
  .box-info-cuota-desde-pre {
    font: normal normal 500 18px/29px Roboto;
  }
  
  .box-info-detalles-retiro-pre {
    font: normal normal 500 15px/14px Roboto;
  }
  .box-info-detalles-retiro-pre svg{
    max-width: 18px;
  }
  
  .box-info-retiro-main {
    font: normal normal 900 21px/30px Roboto;
  }
  
  .box-info-retiro-post {
    font: normal normal 400 14px/17px Roboto;
    margin-top: 5px;
  }
  
  .box-info-detalles-llamador-titulo {
    font: normal normal 600 15px/18px Roboto;
  }
  
  .box-info-detalles-llamador-desc {
    font: normal normal 400 14px/17px Roboto;
    margin-top: 5px;
  }
  
  .box-info-cuota-desde-bg {
    font: normal normal 900 38px/36px Roboto;
    /* background-color: var(--precio-bg); */
    width: fit-content;
    padding: 6px;
    margin: auto;
  }

  

  .model-images-row {
    flex-direction: column;
  }

  .model-images-row img {
    width: 100%;
  }

  #modelo-informacion {
    margin-top: 28px;
    flex-direction: column;
  }

  #modelo-descripcion-titulo {
    text-align: left;
    font-size: 25px;
    line-height: 20px;
  }

  .menu-container div.desktop {
    display: none;
  }
  
  .menu-container div.mobile {
    display: block;
  }

  .menu-items-container {
    font-size: 18px;
  }
  .box-info-detalles-legales {
    font-size: 10px;
  } 

}

@media (min-width: 451px) and (max-width: 1300px) {
  .box-info-seccion-modelo .box-info-modelo{
    font-size: 24px;
  }
  .box-info-seccion-modelo .box-info-cuota-desde-pre {
    font: normal normal 800 22px / 23px "Outfit", sans-serif;
    padding: 7px 0;
  }
  .box-info-seccion-modelo .box-info-entrega-pactada {
    font: normal normal normal 14px / 17px "Outfit", sans-serif;
  }
  .box-info-seccion-modelo .box-info-llamador {
    font-size: 12px;
  }
  
  
  .box-info-seccion-modelo .box-info-detalles-retiro-pre {
    font: normal normal 300 15px / 20px "Outfit", sans-serif;
  }
  .box-info-seccion-modelo .box-info-retiro-main {
    font: normal normal 700 18px / 20px "Outfit", sans-serif;
  }
  .box-info-seccion-modelo .box-info-retiro-post {
    font-size: 15px;
  }
  .banner-box-container .box-info-detalles {
    height: unset;
  }
  .banner-box-container .box-info {
    gap: 80px;
  }
  .box-shadow-right {
    width: 57%;
  }
}
@media (max-width: 450px){
  .banner-box-container.desktop-only{
    display: none;
  }
  #boxes.only-mobile{
    display: flex;
  }

  .banner-box-container{
    width: 332px;
    height: 450px;
    min-height: 450px;
    position: relative;
    display: flex;
    margin-bottom: 42px;
    color: #fff;
    justify-content: space-between;
    overflow: hidden;
    /* max-width: calc(50% - 14px); */
    /* background-color: var(--box-background); */
    /* box-shadow: 0px 2px 5px 3px rgb(0 0 0 / 40%); */
    flex-direction: column;
    margin: auto;
    margin-top: 14px
  }
  .banner-box-container .box-info {
    flex-direction: column;
    flex-grow: unset;
  }
  
  .banner-box-container .box-bg1 {
    width: 100%;
    height: 50%;
  }
  
  .banner-box-container .box-bg2 {
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
  }
  
  .banner-box-container .box-info-detalles {
    display: flex;
    flex-direction: row;
    height: 50%;
    gap: unset;
    justify-content: unset;
  }
  
  .banner-box-container .box-info-detalles-half {
    width: 50%;
  }
  
  .banner-box-container .box-info .box-info-seccion:nth-child(1) {
    flex-basis: 1px;
    flex-grow: 1;
  }
  
  .banner-box-container .box-info .box-info-seccion:nth-child(2) {
    flex-grow: 1;
    flex-basis: 1px;
  }
  
  .banner-box-container .box-info .box-info-seccion:nth-child(3) {
    flex-grow: 1;
    flex-basis: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}