@media (min-width: 120px) and (max-width: 810px) {
  #filteredProvidersServicesContainer {
    margin-bottom: 40% !important;
  }

  .findTextTitleServices {
    margin-top: 45% !important;
    margin-bottom: 7% !important;
  }

  #slider {
    width: 74% !important;
    margin: 3% !important;
  }

  #minValue {
    width: 30% !important;
  }

  #maxValue {
    width: 30% !important;
  }

  .favouriteDiv {
    padding: 4% !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
    /*padding-top: 13% !important;*/
  }
  .servicePanelBottomContent {
    margin: -8px 0px;
    padding: 14px 27px;
  }
  .servicePanelBottomContent h5 {
    padding: 4.5% !important;
    background: #273e47;
    color: #fff;
    padding: 2.5%;
    margin: 0px;
    height: 29% !important;
  }
  .servicePanelBottomContent p {
    background: #bd632f;
    color: #fff;
    padding: 20px;
    min-height: 400px !important;
    box-shadow: 3px 8px 9px 0px #121617eb;
    text-align: justify;
  }

  .servicePanelBottomContentLeft {
    margin-bottom: 11% !important;
  }
  .servicePanelBottomContentLeft h5 {
    height: 26% !important;
  }

  .servicePanelBottomContentRight {
    margin-bottom: 13% !important;
  }
}

#minValue {
  width: 8%;
}

#maxValue {
  width: 8%;
}

#slider {
  width: 20%;
  margin: 0.8%;
}

.aToZButton {
  margin: 0.1%;
  color: #fff;
  background-color: #bd632f;
  border-color: #bd632f;
}
.aToZButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.aToZButton.clicked {
  color: #fff;
  background-color: #bd632f;
  border-color: #bd632f;
}

.zToAButton {
  margin: 0.1%;
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}
.zToAButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.zToAButton.clicked {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.priceLowToHighButton {
  margin: 0.1%;
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}
.priceLowToHighButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.priceLowToHighButton.clicked {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.priceHighToLowButton {
  margin: 0.1%;
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}
.priceHighToLowButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.priceHighToLowButton.clicked {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.previousButton {
  margin: 0.1%;
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}
.previousButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.previousButton.clicked {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.nextButton {
  margin: 0.1%;
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}
.nextButton:hover {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.nextButton.clicked {
  color: #fff !important;
  background-color: #bd632f !important;
  border-color: #bd632f !important;
}

.filterItemContainer {
  margin-bottom: 2%;
}

.mainPanelServices2 {
  padding: 22px 25px;
}

.findStyle2 {
  margin-bottom: 25px;
}
.topPanelServices {
  padding: 0px;
  background: #212529eb;
  color: #fff;
}

.topPanelServices p {
  padding: 0px 25px;
  margin-top: 20px;
}

.servicePanelBottomContentMain {
  background: #876;
  padding: 3px 0px;

  padding-bottom: 3px;
  padding-bottom: 10px;
  margin-top: 23px;
  padding-top: 25px;
}

.servicePanelBottomContent {
  margin: -8px 0px;
  padding: 14px 27px;
}
.servicePanelBottomContent h5 {
  background: #273e47;
  color: #fff;
  padding: 2.5%;
  margin: 0px;
  height: 30%;
}
.servicePanelBottomContent p {
  background: #bd632f;
  color: #fff;
  padding: 20px;
  min-height: 180px;
  box-shadow: 3px 8px 9px 0px #121617eb;
  text-align: justify;
}

.parallaxForServices {
  /* The image used */
  background-image: url("../images/smm/smm-panel-services-search-bg.webp") !important;
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bottomContent {
  margin-bottom: 65px;
  padding: 5px 25px;
}

.rightDivServicesContent {
  padding: 17px;
}

. {
  margin: 20px 0px;
}

#filteredProvidersServicesContainer {
  padding: 0px 15px;
}

.findTextTitleServices {
  padding: 20px 10px;
  background-color: #ffff !important;
  margin-top: 2%;
  margin-bottom: 1%;
  /*margin-right: 5%;*/
}

.topServiceID {
  margin-top: 2%;
  /*padding:10px;*/
}
.topServiceID h2 {
  padding: 10px 25px;
  margin-top: 100px;
}
