span.img-count {
    position: absolute;
    right: 25px;
    bottom: 35px;
    display: block;
    color: #ffffff;
}

.hd-section-2nd .hd-side-content table {
    padding: 0;
    width: 100%;
    border-collapse: unset;
    margin-bottom: 0;
    border: 1px solid hsl(0deg 0% 63% / 18%);
    border-radius: 8px;
    margin-bottom: 48px;
    justify-content: space-evenly;
}

    .hd-section-2nd .hd-side-content table tr {
        position: relative;
        height: 48px;
        /* padding: 0.5rem 0.5rem; */
    }

        .hd-section-2nd .hd-side-content table tr:not(:last-child)::after {
            content: '';
            width: 100%;
            height: 1px;
            background: rgba(160, 160, 160, 0.16);
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .hd-section-2nd .hd-side-content table tr th {
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 29px;
            color: rgba(9, 26, 53, 0.6);
            padding: 0 0.5rem;
        }

        .hd-section-2nd .hd-side-content table tr td {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 29px;
            text-align: right;
            color: #091A35;
            padding: 0 0.5rem;
        }

.imagen1 {
    width: 39.06em;
    height: 21.25em;
    object-fit: cover;
}

.imagen2 {
    width: 39.62em;
    height: 10.31em;
    object-fit: cover;
}

.imagen3 {
    width: 19.06em;
    height: 10.31em;
    object-fit: cover;
}

@media (min-width:320px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .imagen1 {
        width: 16.8em;
        height: 10.25em;
    }

    .imagen2 {
        width: 16.8em;
        height: 10.31em;
    }

    .imagen3 {
        width: 16.8em;
        height: 10.31em;
    }

    .gal:nth-child(4) {
        width: 51% !important;
    }

    span.img-count {
        right: -7.5em;
        bottom: 0.625em;
    }
}

@media (min-width:375px) {

    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .imagen1 {
        width: 20.3em;
        height: 10.25em;
    }

    .imagen2 {
        width: 20.3em;
        height: 10.31em;
    }

    .imagen3 {
        width: 20.3em;
        height: 10.31em;
    }

    span.img-count {
        right: -9.125em;
    }
}

@media (min-width:425px) {

    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .imagen1 {
        width: 23.4em;
        height: 11.25em;
    }

    .imagen2 {
        width: 23.4em;
        height: 11.31em;
    }

    .imagen3 {
        width: 23.4em;
        height: 11.31em;
    }

    span.img-count {
        right: -10.125em;
    }
}

@media (min-width:481px) {

    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .imagen1 {
        width: 26.9em;
    }

    .imagen2 {
        width: 26.9em;
    }

    .imagen3 {
        width: 26.9em;
    }

    span.img-count {
        right: -12.125em;
    }
}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

    .imagen1 {
        width: 30.7em;
    }

    .imagen2 {
        width: 30.7em;
    }

    .imagen3 {
        width: 15.06em;
    }

    .gal:nth-child(4) {
        width: 50% !important;
        right: 0.5em;
    }

    span.img-count {
        right: 4.125em;
    }
}

@media (min-width:768px) {

    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .imagen1 {
        width: 42em;
        height: 12.31em;
    }

    .imagen2 {
        width: 42em;
        height: 12.31em;
    }

    .imagen3 {
        width: 20.7em;
    }

    span.img-count {
        right: 2.125em;
    }
}

@media (min-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1024px) {
    /* big landscape tablets, laptops, and desktops */

    .imagen1 {
        width: 20.06em;
        height: 21.25em;
    }

    .imagen2 {
        width: 27.62em;
        height: 10.31em;
    }

    .imagen3 {
        width: 13.06em;
        height: 10.31em;
    }

    .gal:nth-child(3) {
        width: 235px !important;
       bottom:-10px;
    }
    .gal:nth-child(4) {
        width: 235px !important;
        right: 0px;
        bottom: -15px;
    }

    span.img-count {
        right: 1.125em;
        bottom: 1.625em;
    }
}


@media (min-width:1200px) {
    .imagen1 {
        width: 34.06em;
    }

    .imagen2 {
        width: 33.2em;
    }

    .imagen3 {
        width: 16.06em;
    }

    .gal:nth-child(3) {
        bottom: -57px;
    }

    .gal:nth-child(4) {
        bottom: -57px;
        right: 48px;
    }

    span.img-count {
        right: -1.125em;
        bottom: 3.625em;
    }
}

@media (min-width:1400px) {
    .imagen1 {
        width: 39.06em;
    }

    .imagen2 {
        width: 36.5em;
    }

    .imagen3 {
        width: 17.60em;
    }

    .gal:nth-child(3) {
        bottom: 5px;
        right: 412px;
    }

    .gal:nth-child(4) {
        bottom: 5px;
        right: 111px;
    }

    span.img-count {
        right: -2.125em;
        bottom: 0.625em;
    }
}

/* Keep the heading, return button and gallery on the same content edges. */
.fun-detail-page .hotel-detail-sec .package-heading { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
.fun-detail-page .package-heading > div { padding-left:0; padding-right:0; }
.fun-detail-page .package-heading .back-btn-wrap { display:flex; justify-content:flex-end; }
.fun-detail-page .package-heading .back-btn-wrap a.custom-btn { margin-right:0; max-width:100%; }
.fun-detail-page .package-gallery-shell { padding-left:0; padding-right:0; }
.fun-detail-page #lightgallery { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:170px 170px; gap:12px 20px; margin-left:0; margin-right:0; }
.fun-detail-page #lightgallery > .gal { position:relative; inset:auto; width:auto !important; height:auto; padding:0; min-width:0; }
.fun-detail-page #lightgallery > .gal:nth-child(1) { grid-column:1; grid-row:1 / 3; }
.fun-detail-page #lightgallery > .gal:nth-child(2) { grid-column:2 / 4; grid-row:1; }
.fun-detail-page #lightgallery > .gal:nth-child(3) { grid-column:2; grid-row:2; }
.fun-detail-page #lightgallery > .gal:nth-child(4) { grid-column:3; grid-row:2; }
.fun-detail-page #lightgallery > .gal > img,
.fun-detail-page #lightgallery > .gal > iframe { width:100%; height:100%; object-fit:cover; border-radius:5px; }
.fun-detail-page #lightgallery .img-count { right:16px; bottom:16px; }
@media (max-width:767px) {
 .fun-detail-page #lightgallery { grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:220px; }
 .fun-detail-page #lightgallery > .gal:nth-child(n) { grid-column:auto; grid-row:auto; }
 .fun-detail-page .package-heading .back-btn-wrap a.custom-btn { margin-left:auto !important; margin-right:0 !important; }
}

/* Use the same full-width box for gallery and heading, including wide screens. */
.fun-detail-page .hotel-detail-sec .package-gallery-shell { width:100%; max-width:none; margin-left:0; margin-right:0; }
.fun-detail-page .hotel-detail-sec .package-heading { width:100%; }

/* Center the promotional code without changing its font or validation. */
.fun-detail-page #content-promocode #promocode { text-align:center; padding-left:12px; padding-right:12px; }
.fun-detail-page #content-promocode #promocode::placeholder { text-align:center; }