.q-loc-wrap {
  background-color: #fff;
}

.q-loc-wrap input,
.q-loc-wrap select {
  width: 300px !important;
}

.header-select-wrapper i {
  top: 9px;
  right: 9px;
  z-index: 5;
}

.q-loc-wrap .input-cont {
  z-index: 1;
}

#demoSearch {
  overflow: auto;
  overflow: overlay;
}

#demoSearch,
#demoSearch .demoV3-wrap,
#demo [data-react-class],
#demo #demoV3 {
  height: 100%;
  width: 100%;
}

/* search button */
#demoV3 .search-button {
  min-width: 110px;
}

#demoV3 .search-button i {
  color: #fff;
}

/* button loading animation */
.search-button .sk-folding-cube {
  top: -3px;
  width: 18px;
  height: 18px;
}

.search-button .sk-folding-cube .sk-cube2::before {
  background-color: #d9e7fd;
}

.search-button .sk-folding-cube .sk-cube3::before {
  background-color: #c6dafc;
}

.search-button .sk-folding-cube .sk-cube4::before {
  background-color: #b3cefb;
}

.search-query-select {
  width: 300px;
}

.search-query-select .form-select-preview {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 1080px) and (max-width: 1340px) {
  .multi-input input {
    width: 200px !important;
  }
}

@media (min-width: 0px) and (max-width: 1235px) {
  .multi-input {
    flex-direction: column;
    width: 410px;
  }

  .multi-input > div {
    margin: 0 !important;
  }

  .multi-input div:not(:last-child) {
    padding-bottom: 10px !important;
  }

  .multi-input input {
    width: 100% !important;
  }
}

@media (min-width: 0px) and (max-width: 730px) {
  #demoSearch {
    overflow: auto !important;
  }

  .select2,
  .custom-select, 
  .select2-selection.select2-selection--single {
    width: 100% !important;
  }

  #demoV3 .input-cont,
  .multi-input,
  .search-query-select {
    width: 100%;
  }

  .demoV3-wrap .q-loc-wrap input,
  .demoV3-wrap .q-loc-wrap select,
  .header-select-wrapper {
    width: 100% !important;
  }

  .demoV3-wrap .q-loc-wrap {
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    background-color: #f8f7f7;
    min-height: auto !important;
  }

  .demoV3-wrap .q-loc-wrap .input-cont {
    padding: 2rem 20px 0 20px;
    background-color: #fff;
  }

  .play-options {
    background-color: #fff;
  }

  #demo {
    background-color: #fff !important;
  }

  #demoV3 .search-button {
    min-width: 105px;
  }
}