#primary-menu.navbar {
    /*background-color: rgba(15, 83, 198, 0.66); !* Set your desired background color *!*/
}

.navbar-nav {
    color: #34495e;
}

/* Navbar text color on hover */
.navbar-nav > li > a:hover {
    color: #2ecc71;
}

/* Dropdown text color on hover */
.navbar-nav > li > ul > li > a:hover {
    color: #2ecc71;
}

.heading-2 .heading--title {
    font-size: 24px;
}


@media .navbar-nav > li > a {
    font-size: 24px;
    text-transform: none;
    color: #ffffff;
}

.responsive-video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.responsive-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*inner box heading*/
.inner-box .heading {
	margin-bottom: 15px;
}

.inner-box .heading--title {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 0;
	text-align: left;
}

.property-single-location ul li {
    display: block;
    width: auto;
    margin-bottom: 10px;
}
/*navbar*/
.navbar-nav > li > a {
    font-size: 24px;
    text-transform: none;
    font-weight: 500;
    line-height: 75px;
    color: rgba(34, 34, 34, 0.96);
    padding: 0;
}

.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust the minmax values to your preference */
    grid-gap: 10px; /* This is the space between items */
    padding: 10px; /* Padding around the entire gallery */
}

.image-gallery a {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures images cover the area nicely */
}

.image-gallery img {
    width: 100%;
    /*height: auto; !* Maintain aspect ratio *!*/
    border: none; /* Optionally remove border */
    height: 100%; /* Set height to fill the parent container */
    object-fit: cover; /* Cover the space without stretching the image */
}


@media (max-width: 767px) {
    .image-gallery {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* More columns on smaller screens */
    }
}

/* FancyBox thumbs styling */
.fancybox-thumbs {
    padding: 10px;
    background: rgba(0, 0, 0, 0.5); /* A semi-transparent background for the thumbs container */
}

.fancybox-thumbs x {
    width: 80px; /* Thumbnail width */
    height: 80px; /* Thumbnail height */
    margin-right: 10px; /* Spacing between thumbnails */
    object-fit: cover; /* This ensures thumbnails cover the area nicely */
}


.property--city-img img {
    height: 200px; /* Fixed height for all images */
    width: 100%; /* Full width */
    object-fit: cover; /* Cover the area, may crop the image */
}

@media only screen and (max-width: 600px) {
    .property--city-img {
        height: 150px; /* Smaller height on mobile devices */
    }
}

.properties-grid {
    display: flex;
    flex-wrap: wrap;
}
.property-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.property--img img {
    width: 100%; /* Full width of the container */
    height: 200px; /* Fixed height for all images */
    object-fit: cover; /* This will cover the area and may crop the image */
}


@media (min-width: 768px) and (max-width: 991px) {
    .property--img img {
        height: 150px; /* Smaller height on medium screens */
        object-fit: cover;
    }
}

/* Adjustments for medium screens */
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Adjustments for large screens */
@media (min-width: 992px) {
    .col-md-6 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/* Adjust the margin for the items */
.property-item, .col-md-6 {
    margin-bottom: 30px; /* This will create 30px space between the rows */
}


.property-item {
    padding: 15px; /* Consistent padding */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: box-shadow for some depth */
    margin-bottom: 30px; /* Space between items */
}

.property-item {
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: space-between; /* Space between top and bottom children */
    height: 100%; /* Full height to push footer to bottom */
    margin-bottom: auto;
}