.products-filter .select-group {
  margin-left: inherit !important;
  width: 100%;
}

.products-filter .select-group label {
  line-height: 28px;
  height: auto !important;
}

.products-filter .select-group select {
  min-height: auto;
  height: auto;
  padding: 3px !important;
}

.products-filter .select-group label,
.products-filter .select-group select {
  font-family: 'asty-cf-medium', sans-serif;
  padding: 0px;
}

.products-filter .select-group > div {
  width: calc(50% - 150px);
  margin: 0px;
  padding: 15px 50px; 
  border-right: 1px solid #c1c1c1;
  justify-content: space-between;
}

.products-filter .select-group .sort-by select {
  max-width: 260px;
}

.products-filter .select-group .per-page select {
  max-width: 100px;
}

.c--filters--container .filter-title-text {
  padding: 15px;
  border-right: 1px solid #c1c1c1;
  font-family: 'asty-cf-medium', sans-serif;
  font-weight: normal;
  line-height: 28px;
}

.c--filters--container .reset-filter.btn {
  line-height: 28px;
}

@media only screen and (max-width: 1500px) {
  .products-filter .select-group .input-group {
    width: 50%;
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .products-filter .select-group .input-group {
    padding: 10px 15px;
  }
  .products-filter .select-group > div:first-child {
    border-left: 1px solid #c1c1c1;
  }

  .site-wrapper .page-title.title {
    margin-bottom: 40px !important;
    font-size: 26px;
  }
}

@media only screen and (max-width: 760px) {
  .site-wrapper .page-title.title {
    margin-bottom: 25px !important;
    margin-top: 10px !important;
    font-size: 22px;
  }
}

@media only screen and (max-width: 600px) {
  .products-filter .select-group .input-group {
    width: 100%;
  }

  .products-filter .select-group > div:first-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }

  .products-filter .select-group > div:last-child {
    border-left: 1px solid #c1c1c1;
  }

  .products-filter .select-group .input-group:first-child {
    border-bottom: none;
  }

  .products-filter .select-group {
    -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  }

  .products-filter .select-group .per-page select,
  .products-filter .select-group .sort-by select {
    max-width: 150px;
    width: 100%;
  }
}

@media only screen and (max-width: 470px) {
  .products-filter .select-group .input-group .form-control {
    max-width: 100% !important;
  }
}