@media only screen and ( max-width: 450px ){
    #hero {
    height: 37vh;
}
.experienceDet {
  text-align:center;
  font-size: 20px;


}
.directli{
  text-align: left;
}
.premiumbut{
  margin-bottom: 100px;
}
.img-fluidwhyus{
  width: 100%;
  height: auto;
}
.nearimg{
  width: 100%
}
.nearimg1{
  width: 100%
}
.nearimg2{
  width: 100%
}
.nearimg3{
  width: 100%
}
.nearimg4{
  width: 100%
}
.nearimg5{
  width: 100%
}
.nearimg6{
  width: 100%
}
.nearimg7{
  width: 100%
}
.nearimg8{
  width: 100%
}
.luxcot{
  padding-left: 0px !important

}
.premiumbut{
margin-left: 20px;
}
.packages{
  padding-right: 20px;
  padding-left: 20px;
}
.packages p{
  padding-right: 0px;
  padding-left: 0px;

}
.imgAmmmedites{
  height: 215px;
}
.whattsups{
  margin-left: 30px;
    margin-bottom: 26px;
}
.footerDetails{
  padding-left: 80px;
}
#navbarNavDropdown {
    padding-left: 1pc !important;
}

.btn-get-started {
  margin-bottom: 44px;

}

.form-control{
  margin-left: 5px;
}

.cardBorder{
  margin-right: 0px;
}




}



@media only screen and (max-width: 600px) {
   .modal-dialog{
    margin-left: 8px;
  }
  .modal-content{
    width: auto;
  }
  .Directsection{
    margin:0px;
  }
  #amount {
    padding-left: 12px;
}
.navResponseDet{
  width: 98px !important;
}
.contactFooter p a{
  font-size: 13px;
}
.contactFooter > .container > .row div:last-child p{
  text-align: center;
  padding-top: 0px;
}
.selectTime{
  padding:0 !important;
}
.selectPest{
  font-size: 13px;
}
.carousel-item.active {
    height: 300px;
    width: auto;
    object-fit: contain;
}
.navBarDetails {
    background: #fff;
    top: 0;
    position: sticky;
    z-index: 100;
    border-bottom: 1px solid #000;
}

}

@media (min-width: 768px) and (max-height: 1023px){
  .clearButton{
  margin-left: 0px;
}
.contactFooter p a{
  font-size: 13px;
}
}

@media (min-width: 1024px) and (max-height: 1280px){

  .get-started-btn {
    margin-left: 104px;
  }
.nearimg {
    width: 215px;
  }
  .nearimg1 {
    width: 215px;
  }
  .nearimg2 {
    width: 215px;
  }
  .nearimg3 {
    width: 215px;
  }
  .experienceDet {
    margin-top: 5px;
  }
  .luxcot {
    margin-top: auto;
  }
  .premium1 h3 {
    margin-top: auto;
}
  .premium h3 {
    margin-top: auto;
}
.cardShow i {
    font-size: 19px;
  

  }

  @media (min-width: 1281px) and (max-height: 1440px){
    .nearimg {
    width: 100%;
  }
  .nearimg1 {
    width: 100%;
  }
  .nearimg2 {
    width: 100%;
  }
  .nearimg3 {
    width: 100%;
  }