.post {
   border: 1px solid #d8d9db;
   border-radius: 8px;
   /* min-height: 400px; */
   width:100%;
   max-width: 680px;
   margin: 0 auto !important;
   padding: 20px;
   overflow: hidden; /* Ensures the bounding box wraps around all floated elements */
}

.search-listing {
   border-bottom: 0px;
}

.post-poster {
   width: 100%;
   margin-bottom: 20px;
   display: flex; /* Use flexbox instead of float for better wrapping */
   align-items: center;
}
.post-poster-left {
   width: 80px;
   flex-shrink: 0;
}
.post-poster-right {
   flex-grow: 1;
}
.post-poster-name {
   font-family: 'Karla', sans-serif;
   font-size: 17px;
   line-height: 21px;
   font-weight: bold;
   color: #333;
   width:100%;
   float:left;
}
.keywords {
   font-family: 'Karla', sans-serif;
   font-size: 14px;
   color: #333;
}

.post-post {
   width: 100%;
}

/* five images*/
.top_shelf_five,
.bottom_shelf_five {
   float:left;
   width:100%;
}

.top_shelf_five > .img_5_1,
.top_shelf_five > .img_5_2 {
   float: left;
   width: 49.5% !important;
}

.top_shelf_five > .img_5_1 {
   margin-right: 1%;
}

.bottom_shelf_five > .img_5_3,
.bottom_shelf_five > .img_5_4,
.bottom_shelf_five > .img_5_5 {
   float: left;
   width: 32.6% !important;
}

.bottom_shelf_five > .img_5_4 {
   margin-left: 1%;
   margin-right: 1%;
}

.top_shelf_five > .img_5_1 img,
.top_shelf_five > .img_5_2 img {
   height: 225px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

.bottom_shelf_five > .img_5_3 img,
.bottom_shelf_five > .img_5_4 img,
.bottom_shelf_five > .img_5_5 img {
   height: 155px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

/* four images */

.top_shelf_four,
.bottom_shelf_four {
   float:left;
   width:100%;
}

.top_shelf_four> .img_4_1 {
   float: left;
   width: 100% !important;
}

.bottom_shelf_four > .img_4_2,
.bottom_shelf_four > .img_4_3,
.bottom_shelf_four > .img_4_4 {
   float: left;
   width: 32.6% !important;
}

.bottom_shelf_four > .img_4_3 {
   margin-left: 1%;
   margin-right: 1%;
}

.top_shelf_four> .img_5_1 img {
   height: 225px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

.bottom_shelf_four > .img_4_2 img,
.bottom_shelf_four > .img_4_3 img,
.bottom_shelf_four > .img_4_4 img {
   height: 155px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

/* three images */
.left_shelf_three,
.right_shelf_three {
   width: 49.5%;
   float: left;
}

.left_shelf_three {
   margin-right: 1%;
}

.left_shelf_three > .img_3_1 {
   width: 100%;
}

.left_shelf_three > .img_3_1 img {
   height: 428px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

.right_shelf_three > .img_3_2,
.right_shelf_three > .img_3_3 {
   width: 100%;
}

.right_shelf_three > .img_3_2 img,
.right_shelf_three > .img_3_3 img {
   height: 209.5px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

/* two images */

.left_shelf_two,
.right_shelf_two {
   width: 49.5%;
   float: left;
}

.left_shelf_two {
   margin-right: 1%;
}

.left_shelf_two > .img_2_1 {
   width: 100%;
}

.left_shelf_two > .img_2_1 img,
.right_shelf_two > .img_2_2 img {
   height: 428px;
   width: 100%; 
   object-fit: cover; 
   object-position: center;
}

/* one image */

.full_bar {
   width: 100%;
   float: left;
}

.full_bar > .img_1_1 {
   width: 100%;
}

.full_bar > .img_1_1 img {
    width: 100%; 
    height: 428px; 
    object-fit: cover; 
    object-position: center;
}