@media (min-width: 768px) {
  #booking-modal .modal-dialog {
    width: 400px;
  }
  #booking-modal .modal-content {
    margin-left: 0;
  }
  #book-event-modal .step2-common-info {
    overflow: visible;
    min-height: 150px;
  }
}
@media (max-width: 1024px) {
  #store-buy-modal .modal-dialog {
    width: 100%;
  }
  .homepage-client-buttons {
    width: 100%;
    margin-top: 20px !important;
    height: 800px;
  }
  .store-buy-item-wrap .store-item-section-wrap {
    width: 100% !important;
  }
  .wrap-for-homepage-sign-up.need-auth .store-buy-item-wrap {
    display: block !important;
  }
}
@media (max-width: 640px) {
  .header-title {
    width: 100%;
  }
  .header-form {
    float: none;
    margin: 0 auto;
    height: 36px;
    width: 200px;
    margin-bottom: 10px;
  }
  .content-wrapper {
    height: 800px;
    overflow: scroll;
  }
  body .modal .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
  }
  #client-store-modal .modal-dialog {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .header-title {
    float: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 0;
    padding-bottom: 0;
  }
  .header-title .client-homepage-businesslogo-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .header-title .client-homepage-businesslogo-wrap img {
    float: unset;
  }
  .header-form {
    margin: 20px auto;
  }
}
@media (max-width: 350px) {
  .header-title .client-homepage-businessname {
    font-size: 2.2rem;
  }
}

/*# sourceMappingURL=styles_mywebsite_responsive.css.map */