@media (min-width: 1200px) {
  .modal-xl {
    max-width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 1.75rem 1.5rem;
  }
}

/** bolshe */
@media screen and (min-width: 992px) {
    .main-box {
    flex-direction: row;
  }
  
  .a-side {
    flex: 0 0 60%;
    max-width: 60%;
  }
  
  .b-side {
    flex: 0 0 40%;
    max-width: 40%;
  }
  
}
/** menshe */
@media screen and (max-width: 992px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 1.75rem 1rem;
  }
  .d-1800 {
    background: rgb(76, 76, 76, 0.2);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(4px);
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  /**
  .animation-up {
    animation: none;
  }
  .animation-jump {
    animation: none;
  }
  **/
}

@media screen and (max-width: 576px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0.5rem;
  }
  .h1,
  .h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 414px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0rem;
  }
}


@media screen and (max-width: 320px) {
  button h1 {
    font-size: 20px;
  }
  .chat {
    margin-left: -1px;
    margin-right: -1px;
  }
}