@media only screen and (max-width: 480px) {
    #filters{

    }
    .filter{
     
        text-align: center;
        margin-right: 0.4rem;
        margin-top: 1rem;
        opacity: 0.55;
        margin-bottom: 10px;
      }
      .filter a{
        font-size: 0.6rem;
        text-decoration: none;
        color: #2c3e50;
        
      }


      .tax-toggle{
       
        align-items: center;
        margin: 5px;
        padding: 0px 3px;
    height: auto;
    border: 0.7px solid #2c3e50;
    margin-left: 3rem;
    border-radius: 0.4rem;
        
      }

    
    
      .form-check-reverse {
        /* display: inline-block;  */
height: 25px;
width: 110px;
        /* padding: 5px 5px; */
        margin: 5px;
      }
    
      .form-check-input {
        width: 10px; /* Make the switch wider */
        height: 15px; /* Make the switch taller */
        margin-top: 6px;
      }
    
      .form-check-label {
        font-size: 9px; /* Smaller font size for mobile */
        /* margin-bottom: 5px; */
     
      }

      

      /* index page */
      .listing-container{
        align-items: center;
        justify-content: center;

      }
      .listing-link{
        height: 210px;
        width: 400px;
        
    }
      .listing-card{
        height: 380px;
        width: 330px;
    }

    .card-img-top{
      border-radius: 1rem !important;
      width: 100% !important;
      object-fit: cover !important;
      height: 10rem !important;
  }

  .card-img-overlay{
    width: 100% !important;
    height: 3rem !important;
  }

    .card-body{
      padding: 0 !important;
      height: auto !important;
  }
  
  .card-text{
      font-weight: 400 !important;
      font-size: 13px;
  }


 /* Footer */

 .f-info-links,
 .f-info-social, .f-info-brand{
   
     font-size: 12px;
 
  
 }
 .f-info{
  margin-top: 40px;
  height: 90px;
 }
 .f-info-social i{
 
  font-size: 0.8rem;
}
    .new-listing{
      /* height:1rem; */
    }





    .col-6 {
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding: 0px 12px;
  }
.show-container{
padding: 0rem 1rem !important;
}
  /* Reduce image height for smaller screens */
  .show-container .listing-card .card-img-top {
      height: 11rem; /* Adjust height to fit smaller mobile screens */
  }

  /* Increase padding for better readability */
  .show-container .listing-card .card-body {
      padding: 0.5rem !important;
  }

  /* Reduce font size for mobile readability */
  .show-container .listing-card .card-text {
      font-size: 0.85rem; /* Make text smaller for mobile screens */
      margin-bottom: 0.3rem;
  }

  /* Adjust margins for the listing card */
  .show-container .listing-card{
      margin-bottom: 1.5rem; /* Less space between cards on small screens */
  }

.btns{
  margin-top: 100px;
}

  #map {
    height: 200px;
}

/* Ensure full width for map container on small devices */
.col-6.offset-3 {
    width: 100% !important;
     padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
}

/* Adjust padding and layout of review card */
.rev-card {
    padding: 0.75rem; /* Slightly reduce padding for small screens */
}

.all-rev .card-body .card-title{
  font-size: 14px;
}
.all-rev .card-body .card-text{
  font-size: 10px;

}
.all-rev .card-body .sh-str{
  width: 70px;

}


/* error */
.f-err{
  
  margin-top: 150px;
  
}
.alert {
  width: 90%; /* Adjust width as needed */
  margin: 10px 10px; /* Center the alert */
  padding: 13px 0px;
}

.btns .edit-btn{
  margin: 0px;
  width: 90px;
  height: 39px;
}
.btns{
  margin-top: 40px;
}

.col-8.offset-2{
  width: 85%;
  margin-left: 25px !important;

}

.login,.sinup{
  padding: 10px 20px;
}

.navbar-collapse {
    background-color: #fff; /* Custom background color for mobile */
  }

.navbar-nav {
  flex-direction: column; /* Stack links vertically */
  text-align: center; /* Center align text */
}

.navbar-brand {
  font-size: 1.5rem; /* Adjust brand font size */
}

.search-inp {
  width: 100%; /* Make search input take full width */
  margin-bottom: 10px; /* Add space between search and button */
}

.search-btn {
  width: 100%; /* Full width search button */
}

.navbar-toggler {
  border: none; /* Optional: remove border around the button */
}

.navbar-toggler-icon {
  font-size: 1.2rem; /* Make the toggle icon slightly larger */
}

.collapse-btn .btn {
  width: 100%; /* Make buttons take full width on mobile */
  margin-bottom: 10px; /* Add space between buttons */
}

.margRight {
  margin-right: 0; /* Remove margin for better alignment on mobile */
}

.nav-link-wh, .nav-link-bl {
  font-size: 0.9rem; /* Adjust font size of links for mobile */
}
.search-desk,.explore{
  display: none;
}
.collapse-btn{
  margin-top: 10px;
}
.search-mobile{
  display: inline;
}




.search-mobile{
  width: 232px;
  margin-top: 5px;
}

.search-mobile input{
  /* width: auto; */
  padding: 8px 10px;
}

.search-mobile button{
 /* padding: 0px 5px; */
 width: 46px;
 height: 40px;
}

}