.card-container{
  width:300px!important;
  height:480px!important;
  display:inline-block;
  margin:3px;
}  

.card{
  width:300px!important;
  height:465px!important;
  text-decoration: inherit;
  color: inherit;
}

.card-picture{
  width:100%!important;
  height:225px!important;
}

.card-words{
  padding-left:12px;
  padding-top:12px;
  width:100%!important;
  height:200px!important;
  overflow-y: auto;
}  

.card-button{
  width:100%!important;
}

img {
  width: 100%;
  height: auto;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.navbar{
  height:8%;
  min-height: 54px;
}

.content{
  height:87%;
  width: 100%;
  overflow-y:auto;
}

.footer{
  height:5%;
  width: 100%;
}

.form-group{
  margin:5px;
}

.form-horizontal {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}

.btn-outline-primary {
  --bs-btn-hover-color: #0d6efd!important;
  --bs-btn-hover-bg: transparent!important;
  --bs-btn-hover-border-color: #0d6efd!important;
}


@media (max-width: 960px) {
  .listing-panel{
    width:330px!important;
  }
  
  .button_landtype {
    font-size:12px!important;
  }
  
}

@media (max-width: 540px) {
  .listing-panel{
    width:100%!important;
    height:70vh!important;
    overflow-y:auto;
  } 
  
  .land-listings {
    overflow-y:unset!important;
    justify-content: center;
  }

  .button_landtype {
    font-size:16px!important;
  }

  .btn-lg {
    --bs-btn-font-size:1rem!important;
  }

  .form-control-lg {
    font-size: 1rem!important;
  }
  
  #btn-hunting, #btn-farming {
    width: 80px;
  }

  #btn-other {
    width: 70px;
  }
  
  #googleMap{
    width:100%!important;
    height:23vh!important;
  }
  
  .listing-title{
    display:none;
  }
  
  .post-all{
    width:350px!important;
  }
  
  .post-pic{
    height:350px!important;
  }
}

#imagePreview  img {
  width: 150px; /* Set the desired width */
  height: 150px; /* Set the desired height */
  object-fit: cover; /* Ensure the image fits within the specified dimensions */
  margin: 5px;
}

#uploadedImagePreview  img {
  width: 150px; /* Set the desired width */
  height: 150px; /* Set the desired height */
  object-fit: cover; /* Ensure the image fits within the specified dimensions */
  margin: 5px;
}