@media (max-width:768px) {
   .mb3{
    margin-bottom: 10px !important;
   }   
   .category-box{
    display: flex;
    flex-direction: column !important;
    width: 100%;
    gap: 10px !important;
    justify-content: center !important;
    align-items: center !important;
   }
   .img-hidden{
    display: none !important;
   }
   .carousel-control-next-icon{
    position: relative;
    left: 0px !important;
   }
   .carousel-control-prev-icon{
    position: relative;
    left: 0px !important;
   }
   .img-pt img{
      padding-top: 0px !important;
   }
   .new-home-your-selling-home{
      padding-top: 30px !important;
      padding-bottom: 10px !important;
   }
   .botton-header{
      height: auto !important;
   }
   .container-search{
      display: flex;
      flex-direction: column !important;
      gap: 10px !important;
   }
   .details-con-lawyer{
      display: flex;
      flex-direction: column !important;
      text-align: center !important;
      gap: 10px !important;
   }
   .card-bodys{
      flex-direction: column;
      text-align: center;
  }
  
  .profile-logo {
      margin: 0 0 10px 0; 
  }
  .details-con-valuers{
   display: flex;
   flex-direction: column;
   text-align: center;
   gap: 5px !important;
  }
   .reportcharges-flex{
      display: flex;
      flex-direction: column;
      gap: 10px !important;
   }
   .sell-icons{
      gap: 0px !important;
   }
   .buttons{
      display: flex;
      gap: 5px !important;
      margin-left: 1px !important;
    }
    .TZS-input{
      width: 100% !important;
    }
    #logo{
      max-width:200px !important;
    }
    .range-top{
      margin-top: 1px !important;
    }
}


@media screen and (max-width: 600px) {
     .container-form{
      display: flex;
      flex-direction: column !important;

     }
     .container-form button{
      width: 100% !important;
      height: 60px !important;
     }
     .the-home-card-agents{
      background-size: cover !important;
      background-repeat: no-repeat !important;
     }
     .hearticon1{
      position: absolute;
      left: 80% !important;
      
     }
     
}

@media screen and (max-width: 400px) {
   .search-name{
      gap: 18px !important;
   }
   .sale-btn{
      font-size: 10pt !important;
   }
   .inputfieldicone{
      width: 100% !important;
   }
}

@media screen and (max-width:576px){
   .searchhiglight{
      font-size: 20pt !important;
     
   }
   .yourproperty{
      font-size: 12pt !important;
   }
   .residentials{
      width: 100% !important;
     
   }
   .commercial{
      width: 100% !important;
   }
   .listing{
      width: 282px !important;
   }
   .more-btn{
      width:282px !important;
   }
}


@media screen and (max-width:576px){
   .TZS-input1 small{
      width: 30% !important;
   }
}