.pdGalleryImage {
    height:100px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.pdImage {
    position: absolute;
}

.pdTall {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.carousel-inner .carousel-item.active .pdImgContainer.pdTall img.pdImage,
.carousel-inner .carousel-item .pdImgContainer.pdTall img.pdImage,
.pdTall img.pdImage {
    height: 100%
}

.pdWide {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.carousel-inner .carousel-item.active .pdImgContainer.pdWide img.pdImage,
.carousel-inner .carousel-item .pdImgContainer.pdWide img.pdImage,
.pdWide img.pdImage {
    width: 100%
}

#exampleModal .carousel-indicators {
    height: 30vh
}
#exampleModal #carouselExampleIndicators {
    height: 30vh;
}

@media (max-width: 768px) { /* mobile */
    .bg-photo-full {
        width: 100%;
        height: 43vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }

    #propDetails {
        margin-top: 1rem !important;
    }


}

@media (min-width: 768px) { /* full screen */
    .bg-photo-full {
        width: 100%;
        height: 75vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }

    #propDetails {
        margin-top: 0 !important;
    }

    #exampleModal .carousel-indicators {
        height: 60vh
    }

    #exampleModal #carouselExampleIndicators {
        height: auto;
    }
}

/*@media (min-width: 576px) {
    #exampleModal .carousel-indicators {
        height: 60vh
    }

    #exampleModal #carouselExampleIndicators {
        height: auto;
    }
}
*/
#propImages {
    cursor: pointer;
}
    #propImages .carousel-control-next-icon,
    #propImages .carousel-control-prev-icon,
    #carouselExampleIndicators .carousel-control-next-icon,
    #carouselExampleIndicators .carousel-control-prev-icon {
        /*        background-image: url("/img/Amex.gif"); */
        background-size: 100px;
        width: 100px;
        height: 100px;
    }

.bg-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/*.bg-photo-full {
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
*/
.propertyContainer{
    position:relative;
}

.propertyContainer-full {
    position: relative;
    background-color: #f3f3f3;
/*    max-width: 1000px;
*/}

#btnInfo:hover {
    opacity: 0.8 !important;
}

#btnInfo:hover {
    opacity: 0.8 !important;
}

.heartListingContainer {
    position: absolute;
    right:0;
    top: 1rem;
    z-index: 10;
}