@media (min-width: 120px) and (max-width: 810px) {

#filteredPackagesContainer{
    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: 1% !important;
        padding-left: 2% !important;
        padding-right: 2% !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: #c0392b;
        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: #c0392b;
    border-color: #c0392b;
}
.aToZButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.aToZButton.clicked {
    color: #fff;
    background-color: #c0392b;
    border-color: #c0392b;
}


.zToAButton {
    margin:0.1%;
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.zToAButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.zToAButton.clicked {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}


.priceLowToHighButton {
    margin:0.1%;
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.priceLowToHighButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.priceLowToHighButton.clicked {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}


.priceHighToLowButton {
    margin:0.1%;
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.priceHighToLowButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.priceHighToLowButton.clicked {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}



.previousButton {
    margin:0.1%;
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.previousButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.previousButton.clicked {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.nextButton {
    margin:0.1%;
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.nextButton:hover {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.nextButton.clicked {
    color: #fff !important;
    background-color: #c0392b !important;
    border-color: #c0392b !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: #c0392b;
            color: #fff;
            padding: 20px;
            min-height: 180px;
            box-shadow: 3px 8px 9px 0px #121617eb;
            text-align: justify;

}

.parallaxForPackages {
    /* 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;

  }

  .rightDivPackagesContent {

    padding: 17px;
  }

  .{
  margin: 20px 0px;
  }

  #filteredPackagesContainer{
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: 16px;
  }