/* 1499px */
@media (max-width: 1499px) {}

/* 1399px */
@media (max-width: 1399px) {
  .clubSelect-left {
    padding: 25px 24px;
  }

  .product-bottom-btn {
    padding: 0px 24px;
  }

  .userData {
    padding: 25px 24px;
  }
}

/* 1299px */
@media (max-width: 1299px) {

  .clubSelect-card-content ul {
    gap: 16px;
  }

  .clubSelect-card-content {
    padding-left: 13px;
  }

  .productselect-infos {
    max-width: 340px;
  }


}

/* 1199px */
@media (max-width: 1199px) {

  html,
  body {
    overflow-x: hidden;
  }

  .clubSelect-card-img {
    flex: 0 0 auto;
    width: 100%;
  }

  .clubSelect-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .clubSelect-card-content {
    padding-left: 0px;
  }

  .map-btns {
    left: 18px;
    top: 18px;
  }

  .header {
    padding: 13px 0px;
    padding-left: 24px;
  }

  .steps-wrapper {
    width: 63%;
  }

  .step-item {
    font-size: 14px;
  }

  .productSelect-items {
    padding: 14px 14px;
  }

  .productselect-content {
    flex-wrap: wrap;
  }

  .productselect-prising h5 span {
    font-size: 16px;
    display: inline-block;
  }

  .productselect-infos ul.col-2 {
    gap: 0px;
    flex-wrap: wrap;
  }

  .productselect-infos ul li {
    width: 100%;
  }

  .label-text {
    font-size: 13px;
  }

}

/* 991px */
@media (max-width: 991px) {


  .clubSelect-left {
    padding: 25px 24px;
    width: 100%;
    height: auto;
    overflow: initial;
  }

  .clubSelect-wrapper {
    flex-wrap: wrap;
    overflow-y: scroll;
  }

  .clubSelect-right {
    flex: 0 0 auto;
    width: 100%;
  }

  .clubSelect-card {
    align-items: flex-start;
    flex-direction: column;
    flex: 0 0 auto;
    width: 49%;
  }

  .clubSelect-cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .product-bottom-btn {
    padding: 0px;
    position: initial;
  }

  .userData {
    overflow-y: initial;
    scrollbar-width: none;
    height: auto;
    max-height: unset!important;
  }
  .userData-save {
    margin-left: 8px!important;
    padding-bottom: 8px!important;
  }

  .label-text {
    font-size: 14px;
  }

}

/* 767px */
@media (max-width: 767px) {

  .header-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
  }

  .header-logo {
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: space-between;
  }

  .step-item {
    font-size: 14px;
    width: 114px;
  }

  .steps-wrapper {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 7px;
    padding-top: 8px;
  }

  .header {
    padding: 13px 15px;
    padding-left: 15px;
    padding-bottom: 7px;
  }

  .clubSelect-area {
    height: calc(100vh - 105px);
    width: 100%;
  }

  .clubSelect-card {
    width: 100%;
  }

  .clubSelect-left {
    padding: 22px 14px;
  }

  .rattings {
    background: #0006;
  }

  .moreInfo-durations .col {
    padding: 0px 8px;
    width: 50%;
    margin-bottom: 13px;
  }

  .moreInfo-durations {
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }

  .moreInfo-effective {
    flex-wrap: wrap;
    gap: 8px;
  }

  .product-extraImgs .img-1 {
    width: 315px;
    height: 390px;
    position: relative;
    left: 15px;
  }

  .product-extraImgs img.img-2 {
    width: 300px;
    max-width: 100%;
    margin: 13px 15px 0px auto;
  }

  .userData {
    padding: 25px 15px;
    max-height: unset!important;
  }
  .userData-save {
    margin-left: 8px!important;
    padding-bottom: 8px!important;
  }
  .clubSelect-wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
  }


}

/* 574px */
@media (max-width: 574px) {
  .moreInfo-chooseExtra .col {
    padding: 0px 15px;
    width: 100%;
    margin-bottom: 15px;
  }

  .col-3 {
    width: 100%;
  }

  .input-wrapper .row .col-3:not(:last-child) {
    margin-bottom: 13px;
  }

  .col-6 {
    width: 100%;
  }

}

/* 360px */
@media (max-width: 360px) {
  .moreInfo-chooseExtra .col {
    padding: 0px 15px;
    width: 100%;
    margin-bottom: 15px;
  }
}