/* Shared safeguards for mobile templates and desktop-mode mobile browsers. */
img,
iframe {
    max-width: 100%;
}

/* Reserve media space before downloads complete to prevent layout shifts. */
#carousel-example-generic .carousel-inner {
    aspect-ratio: 1810 / 582;
    overflow: hidden;
}

#carousel-example-generic .carousel-inner > .item,
#carousel-example-generic .carousel-inner > .item > img {
    width: 100%;
    height: 100%;
}

#carousel-example-generic .carousel-inner > .item > img {
    object-fit: cover;
}

.places-img,
.cwImg,
.servicesbox {
    overflow: hidden;
}

.places-img img {
    aspect-ratio: 351 / 170;
    object-fit: cover;
}

.cwImg img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.kumbhImg {
    aspect-ratio: 18 / 11;
    object-fit: cover;
}

.servicesbox > img {
    aspect-ratio: 4 / 3;
    object-fit: contain;
}

.user-image {
    min-height: 131px;
}

.user-image img {
    width: 131px;
    height: 131px;
    object-fit: cover;
}

@media (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* The desktop template previously kept its 8/4 split on phones. */
    .col-xs-8,
    .col-xs-4 {
        width: 100%;
    }

    .places-img img,
    .cwImg img {
        width: 100%;
        height: auto;
    }

    .selectStateCity,
    .cstmDropdown {
        max-width: calc(100% - 20px);
    }

    #wrapper {
        display: block;
    }

    #left,
    #right {
        width: 100%;
        max-width: 100%;
    }

    .navbar-brand {
        max-width: calc(100% - 70px);
        white-space: nowrap;
    }

    .navbar-brand img {
        max-width: 52px;
        height: auto;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .call-now-btn {
        right: 12px;
        max-width: calc(100% - 24px);
    }
}