/* Style sheet when large amount of content is used on car hire details page */

@media (max-width: 1199px) and (min-width: 992px) {
    .image-square .image {
        height: 100vw !important;
        margin-bottom: 48px !important;
        max-height: 500px !important;
    }

    .image-square {
        height: auto !important;
        max-height: 100000px !important;
        padding-bottom: 48px !important;
    }

        .image-square .image, .image-square > .content {
            position: relative !important;
        }

        .image-square > .content {
            transform: none !important;
        }
}

@media (max-width: 2050px) and (min-width: 1190px) {
    .image-square {
        max-height: none !important;
        height: 60vw !important;
    }
}

@media (max-width: 1500px) and (min-width: 1190px) {
    .image-square {
        height: 75vw !important;
    }

    .image-square.xl-content {
        height: 90vw !important;
    }
}

@media (min-width: 2000px) {
    .image-square {
        max-height: 750px !important;
    }
}