{"id":1505,"date":"2017-08-22T12:25:38","date_gmt":"2017-08-22T05:25:38","guid":{"rendered":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/gallery\/"},"modified":"2026-09-14T13:16:33","modified_gmt":"2026-09-14T06:16:33","slug":"gallery","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1505\" class=\"elementor elementor-1505\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a3287c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1a3287c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17875df\" data-id=\"17875df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a58b349 elementor-widget elementor-widget-html\" data-id=\"a58b349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\"\n                data-elementor-post-type=\"page\">\n                <div class=\"elementor-element elementor-element-ca0087b e-con-full e-flex e-con e-parent e-lazyloaded\"\n                    data-id=\"ca0087b\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-1117341 elementor-widget elementor-widget-html\"\n                        data-id=\"1117341\" data-element_type=\"widget\" data-e-type=\"widget\"\n                        data-widget_type=\"html.default\">\n                        <!--\n  ===========================================================================\n  MRKC HOME \u2014 00 BASE \/ SHARED STYLES\n  Drop this once on the page (or in Elementor \u2192 Site Settings \u2192 Custom CSS\n  without the <style> tags). Defines brand colors, fonts, reset, and\n  shared .mrkc-btn-* button classes used by every section.\n  ===========================================================================\n-->\n                        <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n                        <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n                        <link\n                            href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&amp;family=Inter:wght@300;400;500;600&amp;display=swap\"\n                            rel=\"stylesheet\">\n\n                        <style>\n                            :root {\n                                --mrkc-brand: #0c6980;\n                                \/* TODO change to MRKC official brand HEX *\/\n                                --mrkc-brand-dark: #094e60;\n                                --mrkc-gold: #0c6980;\n                                --mrkc-ink: #030303;\n                                --mrkc-muted: #76777a;\n                                --mrkc-bg: #ffffff;\n                                --mrkc-bg-ash: #f5f3ee;\n                                --mrkc-line: #e6e2d8;\n                                --mrkc-max: 1280px;\n                                --mrkc-serif: 'Cormorant Garamond', Georgia, serif;\n                                --mrkc-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n                            }\n\n                            \/* Scope reset to .mrkc-* containers so we don't break Elementor's own CSS *\/\n                            [class^=\"mrkc-\"],\n                            [class*=\" mrkc-\"] {\n                                box-sizing: border-box;\n                            }\n\n                            [class^=\"mrkc-\"] img,\n                            [class*=\" mrkc-\"] img {\n                                max-width: 100%;\n                                height: auto;\n                                display: block;\n                            }\n\n                            [class^=\"mrkc-\"] a,\n                            [class*=\" mrkc-\"] a {\n                                color: inherit;\n                                text-decoration: none;\n                            }\n\n                            [class^=\"mrkc-\"] h1,\n                            [class^=\"mrkc-\"] h2,\n                            [class^=\"mrkc-\"] h3,\n                            [class*=\" mrkc-\"] h1,\n                            [class*=\" mrkc-\"] h2,\n                            [class*=\" mrkc-\"] h3 {\n                                font-family: var(--mrkc-serif);\n                                font-weight: 500;\n                                line-height: 1.2;\n                                margin: 0 0 .5em;\n                                letter-spacing: .01em;\n                            }\n\n                            [class^=\"mrkc-\"] p,\n                            [class*=\" mrkc-\"] p {\n                                line-height: 1.7;\n                            }\n\n                            \/* Shared eyebrow \/ lead \/ title *\/\n                            .mrkc-eyebrow {\n                                font-family: var(--mrkc-sans);\n                                font-size: 12px;\n                                letter-spacing: .22em;\n                                text-transform: uppercase;\n                                color: var(--mrkc-gold);\n                                margin: 0 0 14px;\n                                font-weight: 500;\n                            }\n\n                            .mrkc-title {\n                                font-family: var(--mrkc-serif);\n                                font-size: clamp(28px, 4vw, 44px);\n                                margin: 0 0 16px;\n                                line-height: 1.2;\n                            }\n\n                            .mrkc-lead {\n                                max-width: 760px;\n                                margin: 0 auto 24px;\n                                font-size: 17px;\n                                color: var(--mrkc-muted);\n                                font-family: var(--mrkc-sans);\n                            }\n\n                            .mrkc-center {\n                                text-align: center;\n                            }\n\n                            \/* Shared buttons *\/\n                            .mrkc-btn {\n                                display: inline-block;\n                                padding: 14px 32px;\n                                font-family: var(--mrkc-sans);\n                                font-size: 12px;\n                                font-weight: 500;\n                                letter-spacing: .25em;\n                                text-transform: uppercase;\n                                border: 1px solid currentColor;\n                                background: transparent;\n                                color: var(--mrkc-ink);\n                                cursor: pointer;\n                                transition: all .25s ease;\n                                text-decoration: none;\n                            }\n\n                            .mrkc-btn:hover {\n                                background: var(--mrkc-ink);\n                                color: #fff;\n                            }\n\n                            .mrkc-btn--gold {\n                                color: var(--mrkc-gold);\n                                border-color: var(--mrkc-gold);\n                            }\n\n                            .mrkc-btn--gold:hover {\n                                background: var(--mrkc-gold);\n                                color: #fff;\n                            }\n\n                            .mrkc-btn--solid {\n                                background: var(--mrkc-brand);\n                                color: #fff;\n                                border-color: var(--mrkc-brand);\n                            }\n\n                            .mrkc-btn--solid:hover {\n                                background: var(--mrkc-brand-dark);\n                                border-color: var(--mrkc-brand-dark);\n                            }\n\n                            .mrkc-btn--link {\n                                border: none;\n                                padding: 6px 0;\n                                border-bottom: 1px solid var(--mrkc-gold);\n                                color: var(--mrkc-gold);\n                                letter-spacing: .25em;\n                                font-family: var(--mrkc-sans);\n                                font-size: 12px;\n                                text-transform: uppercase;\n                                font-weight: 500;\n                            }\n\n                            .mrkc-btn--link:hover {\n                                background: none;\n                                color: var(--mrkc-brand-dark);\n                                border-color: var(--mrkc-brand-dark);\n                            }\n                        <\/style>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-abe586a elementor-widget elementor-widget-html\"\n                        data-id=\"abe586a\" data-element_type=\"widget\" data-e-type=\"widget\"\n                        data-widget_type=\"html.default\">\n                        <!--\n  ===========================================================================\n  MRKC GALLERY \u2014 01 HERO  (full-width image only \u2014 Dinso pattern)\n  ===========================================================================\n-->\n                        <style>\n                            .mrkc-gal-hero {\n                                position: relative;\n                                width: 100%;\n                                height: 60vh;\n                                min-height: 700px;\n                                max-height: 560px;\n                                overflow: hidden;\n                                font-family: var(--mrkc-sans);\n                            }\n\n                            .mrkc-gal-hero__img {\n                                width: 100%;\n                                height: 100%;\n                                object-fit: cover;\n                                display: block;\n                            }\n                        <\/style>\n\n                        <section class=\"mrkc-gal-hero\">\n                            <img decoding=\"async\" class=\"mrkc-gal-hero__img\"\n                                src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/1-Bedroom-Pool-Villa_08.jpg\"\n                                alt=\"Mida Resort Kanchanaburi Gallery\" fetchpriority=\"high\">\n                        <\/section>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-9e46804 elementor-widget elementor-widget-html\"\n                        data-id=\"9e46804\" data-element_type=\"widget\" data-e-type=\"widget\"\n                        data-widget_type=\"html.default\">\n                        <!--\n  ===========================================================================\n  MRKC GALLERY \u2014 02 TITLE  (centered \"GALLERY\" \u2014 Dinso pattern)\n  ===========================================================================\n-->\n                        <style>\n                            .mrkc-gal-title {\n                                background: var(--mrkc-bg);\n                                padding: 80px 24px 30px;\n                                font-family: var(--mrkc-sans);\n                                text-align: center;\n                            }\n\n                            .mrkc-gal-title__h1 {\n                                font-family: var(--mrkc-serif);\n                                font-size: clamp(32px, 4.4vw, 48px);\n                                color: var(--mrkc-ink);\n                                text-transform: uppercase;\n                                letter-spacing: .06em;\n                                line-height: 1.2;\n                                margin: 0;\n                                font-weight: 500;\n                            }\n                        <\/style>\n\n                        <section class=\"mrkc-gal-title\">\n                            <h1 class=\"mrkc-gal-title__h1\">Gallery<\/h1>\n                        <\/section>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-c5b0e3d elementor-widget elementor-widget-html\"\n                        data-id=\"c5b0e3d\" data-element_type=\"widget\" data-e-type=\"widget\"\n                        data-widget_type=\"html.default\">\n                        <!--\n  ===========================================================================\n  MRKC GALLERY \u2014 03 GALLERY  (filter tabs + masonry grid + lightbox)\n  Layout reference: Dinso \/phuket\/gallery \u2014 underline filter tabs + masonry\n  Content source:   37 real MRKC images from demo HTML\n  Filter categories (per brief): All \/ Accommodation \/ Exterior \/ Dining \/ Spa \/ Experiences\n  Note: Pool, Activity, Meeting, Shop are MERGED into Experiences per brief\n  ===========================================================================\n-->\n                        <style>\n                            .mrkc-gal {\n                                background: var(--mrkc-bg);\n                                padding: 0 0 110px;\n                                font-family: var(--mrkc-sans);\n                            }\n\n                            \/* Filter tabs \u2014 underline style (Dinso pattern) *\/\n                            .mrkc-gal__filters {\n                                display: flex;\n                                justify-content: center;\n                                flex-wrap: wrap;\n                                gap: 0;\n                                margin: 0 auto 60px;\n                                padding: 0 24px;\n                                max-width: var(--mrkc-max);\n                                border-bottom: 1px solid var(--mrkc-line);\n                            }\n\n                            .mrkc-gal__tab {\n                                background: none;\n                                border: none;\n                                padding: 18px 24px;\n                                font-family: var(--mrkc-sans);\n                                font-size: 12px;\n                                letter-spacing: .22em;\n                                text-transform: uppercase;\n                                color: var(--mrkc-muted);\n                                cursor: pointer;\n                                position: relative;\n                                transition: color .25s ease;\n                            }\n\n                            .mrkc-gal__tab:hover {\n                                color: var(--mrkc-ink);\n                            }\n\n                            .mrkc-gal__tab::after {\n                                content: '';\n                                position: absolute;\n                                left: 24px;\n                                right: 24px;\n                                bottom: -1px;\n                                height: 2px;\n                                background: var(--mrkc-brand);\n                                transform: scaleX(0);\n                                transition: transform .35s ease;\n                            }\n\n                            .mrkc-gal__tab.is-active {\n                                color: var(--mrkc-ink);\n                                font-weight: 500;\n                            }\n\n                            .mrkc-gal__tab.is-active::after {\n                                transform: scaleX(1);\n                            }\n\n                            \/* Masonry grid using CSS columns *\/\n                            .mrkc-gal__grid {\n                                max-width: 1320px;\n                                margin: 0 auto;\n                                padding: 0 24px;\n                                columns: 3;\n                                column-gap: 12px;\n                            }\n\n                            @media (max-width: 1023px) {\n                                .mrkc-gal__grid {\n                                    columns: 2;\n                                }\n                            }\n\n                            @media (max-width: 599px) {\n                                .mrkc-gal__grid {\n                                    columns: 1;\n                                }\n                            }\n\n                            .mrkc-gal__item {\n                                break-inside: avoid;\n                                margin-bottom: 12px;\n                                overflow: hidden;\n                                cursor: pointer;\n                                position: relative;\n                                display: block;\n                            }\n\n                            .mrkc-gal__item[data-hidden=\"true\"] {\n                                display: none;\n                            }\n\n                            .mrkc-gal__item img {\n                                width: 100%;\n                                display: block;\n                                height: auto;\n                                transition: transform .6s cubic-bezier(.25, .46, .45, .94), filter .3s ease;\n                                filter: brightness(.98);\n                            }\n\n                            .mrkc-gal__item:hover img {\n                                transform: scale(1.04);\n                                filter: brightness(1.06);\n                            }\n\n                            .mrkc-gal__item-overlay {\n                                position: absolute;\n                                inset: 0;\n                                background: rgba(181, 150, 97, 0);\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                transition: background .3s ease;\n                            }\n\n                            .mrkc-gal__item:hover .mrkc-gal__item-overlay {\n                                background: rgba(181, 150, 97, .22);\n                            }\n\n                            .mrkc-gal__item-zoom {\n                                opacity: 0;\n                                width: 44px;\n                                height: 44px;\n                                background: rgba(255, 255, 255, .95);\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                border-radius: 50%;\n                                transform: scale(.7);\n                                transition: opacity .3s ease, transform .3s ease;\n                            }\n\n                            .mrkc-gal__item:hover .mrkc-gal__item-zoom {\n                                opacity: 1;\n                                transform: scale(1);\n                            }\n\n                            .mrkc-gal__item-zoom svg {\n                                width: 18px;\n                                height: 18px;\n                                stroke: var(--mrkc-gold);\n                                fill: none;\n                                stroke-width: 2;\n                                stroke-linecap: round;\n                                stroke-linejoin: round;\n                            }\n\n                            \/* Counter *\/\n                            .mrkc-gal__counter {\n                                max-width: 1320px;\n                                margin: 0 auto 16px;\n                                padding: 0 24px;\n                                font-size: 12px;\n                                letter-spacing: .22em;\n                                text-transform: uppercase;\n                                color: var(--mrkc-muted);\n                                text-align: right;\n                            }\n\n                            \/* Lightbox *\/\n                            .mrkc-gal-lb {\n                                display: none;\n                                position: fixed;\n                                inset: 0;\n                                z-index: 9999;\n                                background: rgba(0, 0, 0, .93);\n                                align-items: center;\n                                justify-content: center;\n                            }\n\n                            .mrkc-gal-lb.is-open {\n                                display: flex;\n                            }\n\n                            .mrkc-gal-lb__img {\n                                max-width: 92vw;\n                                max-height: 86vh;\n                                object-fit: contain;\n                                display: block;\n                            }\n\n                            .mrkc-gal-lb__btn {\n                                position: fixed;\n                                width: 48px;\n                                height: 48px;\n                                background: rgba(255, 255, 255, .12);\n                                border: none;\n                                cursor: pointer;\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                transition: background .3s ease;\n                                z-index: 10;\n                            }\n\n                            .mrkc-gal-lb__btn:hover {\n                                background: rgba(255, 255, 255, .22);\n                            }\n\n                            .mrkc-gal-lb__btn svg {\n                                width: 20px;\n                                height: 20px;\n                                stroke: #fff;\n                                fill: none;\n                                stroke-width: 2;\n                                stroke-linecap: round;\n                                stroke-linejoin: round;\n                            }\n\n                            .mrkc-gal-lb__close {\n                                top: 16px;\n                                right: 16px;\n                            }\n\n                            .mrkc-gal-lb__prev {\n                                left: 16px;\n                                top: 50%;\n                                transform: translateY(-50%);\n                            }\n\n                            .mrkc-gal-lb__next {\n                                right: 16px;\n                                top: 50%;\n                                transform: translateY(-50%);\n                            }\n\n                            .mrkc-gal-lb__counter {\n                                position: fixed;\n                                bottom: 24px;\n                                left: 50%;\n                                transform: translateX(-50%);\n                                font-family: var(--mrkc-sans);\n                                font-size: 12px;\n                                color: rgba(255, 255, 255, .65);\n                                letter-spacing: .22em;\n                            }\n\n                            @media (max-width: 599px) {\n                                .mrkc-gal__filters {\n                                    gap: 0;\n                                    overflow-x: auto;\n                                    flex-wrap: nowrap;\n                                    justify-content: flex-start;\n                                }\n\n                                .mrkc-gal__tab {\n                                    flex-shrink: 0;\n                                    padding: 16px 16px;\n                                    font-size: 11px;\n                                }\n\n                                .mrkc-gal__tab::after {\n                                    left: 16px;\n                                    right: 16px;\n                                }\n                            }\n                        <\/style>\n\n                        <section class=\"mrkc-gal\" id=\"mrkc-gal\">\n\n                            <!-- Filter tabs -->\n                            <div class=\"mrkc-gal__filters\" role=\"tablist\">\n                                <button type=\"button\" class=\"mrkc-gal__tab is-active\" data-filter=\"all\">All<\/button>\n                                <button type=\"button\" class=\"mrkc-gal__tab\"\n                                    data-filter=\"accommodation\">Accommodation<\/button>\n                                <button type=\"button\" class=\"mrkc-gal__tab\" data-filter=\"exterior\">Exterior<\/button>\n                                <button type=\"button\" class=\"mrkc-gal__tab\" data-filter=\"dining\">Dining<\/button>\n                                <button type=\"button\" class=\"mrkc-gal__tab\" data-filter=\"spa\">Spa<\/button>\n                                <button type=\"button\" class=\"mrkc-gal__tab\"\n                                    data-filter=\"experiences\">Experiences<\/button>\n                            <\/div>\n\n                            <p class=\"mrkc-gal__counter\" id=\"mrkc-gal-counter\">37 Photos<\/p>\n\n                            <!-- Masonry grid -->\n                            <div class=\"mrkc-gal__grid\" id=\"mrkc-gal-grid\">\n\n                                <!-- ACCOMMODATION (15) -->\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_09.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_09.jpg\"\n                                        alt=\"Tent River View\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_08.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_08.jpg\"\n                                        alt=\"Tent River View\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-View_06.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-View_06.jpg\"\n                                        alt=\"Tent River View\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_05.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Tent-River-Front-View_05.jpg\"\n                                        alt=\"Tent River Front\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Superior-Room_06.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Superior-Room_06.jpg\"\n                                        alt=\"Superior Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Superior-Room_01.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Superior-Room_01.jpg\"\n                                        alt=\"Superior Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Deluxe-Room_06.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Deluxe-Room_06.jpg\"\n                                        alt=\"Deluxe Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Grand-Deluxe-Room_05.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Grand-Deluxe-Room_05.jpg\"\n                                        alt=\"Grand Deluxe\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Family-Deluxe-Room_04.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Family-Deluxe-Room_04.jpg\"\n                                        alt=\"Family Deluxe\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Junior-Suite-_01-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Junior-Suite-_01-scaled.jpg\"\n                                        alt=\"Junior Suite\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/M06-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/M06-scaled.jpg\"\n                                        alt=\"Executive Suite\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/1-Bedroom-Pool-Villa_02-1.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/1-Bedroom-Pool-Villa_02-1.jpg\"\n                                        alt=\"1-Bedroom Pool Villa\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/1-Bedroom-Pool-Villa_08.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/1-Bedroom-Pool-Villa_08.jpg\"\n                                        alt=\"1-Bedroom Pool Villa\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Pool-Villa_18.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Pool-Villa_18.jpg\"\n                                        alt=\"2-Bedroom Pool Villa\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"accommodation\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Baan-Rom-Mai_03.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Baan-Rom-Mai_03.jpg\"\n                                        alt=\"Baan Rom Mai\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- EXTERIOR (3) -->\n                                <div class=\"mrkc-gal__item\" data-cat=\"exterior\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Exterior_15.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Exterior_15.jpg\"\n                                        alt=\"Exterior\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"exterior\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Exterior_06-1.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Exterior_06-1.jpg\"\n                                        alt=\"Exterior\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"exterior\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/06\/Exterior_New-Building_edited.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/06\/Exterior_New-Building_edited.jpg\"\n                                        alt=\"Exterior\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- DINING (5) -->\n                                <div class=\"mrkc-gal__item\" data-cat=\"dining\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/River-Romance_06.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/River-Romance_06.jpg\"\n                                        alt=\"River Romance\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"dining\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/mcafe3.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/mcafe3.jpg\"\n                                        alt=\"M Cafe\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"dining\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/07\/M_CAFE-5.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/07\/M_CAFE-5.jpg\"\n                                        alt=\"M Cafe\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"dining\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/The_terace1-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/The_terace1-scaled.jpg\"\n                                        alt=\"The Terrace\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"dining\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/The_terace3-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/The_terace3-scaled.jpg\"\n                                        alt=\"The Terrace\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- SPA (3) -->\n                                <div class=\"mrkc-gal__item\" data-cat=\"spa\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/IMG_7282-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/IMG_7282-scaled.jpg\"\n                                        alt=\"Spa\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"spa\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Massage-Room_01-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Massage-Room_01-scaled.jpg\"\n                                        alt=\"Massage Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"spa\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Spa_Sauna-10-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Spa_Sauna-10-scaled.jpg\"\n                                        alt=\"Spa Sauna\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- EXPERIENCES (Pool + Meeting + Shop + Activity = 11) -->\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/IMG_3272-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/IMG_3272-scaled.jpg\"\n                                        alt=\"Pool\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Swimming-Pool_01-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Swimming-Pool_01-scaled.jpg\"\n                                        alt=\"Pool\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Swimming-Pool_13-scaled.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2024\/04\/Swimming-Pool_13-scaled.jpg\"\n                                        alt=\"Pool\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/04\/Midas-Meeting-Room_40-1.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/04\/Midas-Meeting-Room_40-1.jpg\"\n                                        alt=\"Meeting Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_08.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_08.jpg\"\n                                        alt=\"Meeting Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_49.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_49.jpg\"\n                                        alt=\"Meeting Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_45.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/Midas-Meeting-Room_45.jpg\"\n                                        alt=\"Meeting Room\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/shopTer2.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/shopTer2.jpg\"\n                                        alt=\"The Shop\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/activity.jpg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2019\/03\/activity.jpg\"\n                                        alt=\"Activity\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DJI_0906-1024x683-1.jpeg\">\n                                    <img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DJI_0906-1024x683-1.jpeg\"\n                                        alt=\"Bamboo Rafting\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"mrkc-gal__item\" data-cat=\"experiences\"\n                                    data-src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DSC08967-1024x683-1.jpeg\"\n                                    data-alt=\"Bicycle Rental\"><img decoding=\"async\" loading=\"lazy\"\n                                        src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DSC08967-1024x683-1.jpeg\"\n                                        alt=\"Bicycle Rental\">\n                                    <div class=\"mrkc-gal__item-overlay\">\n                                        <div class=\"mrkc-gal__item-zoom\"><svg viewBox=\"0 0 24 24\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                                            <\/svg><\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                        <\/section>\n\n                        <!-- Lightbox -->\n                        <div class=\"mrkc-gal-lb\" id=\"mrkc-gal-lb\">\n                            <button class=\"mrkc-gal-lb__btn mrkc-gal-lb__close\" id=\"mrkc-gal-lb-close\"\n                                aria-label=\"Close\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"mrkc-gal-lb__btn mrkc-gal-lb__prev\" id=\"mrkc-gal-lb-prev\"\n                                aria-label=\"Previous\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n                                <\/svg>\n                            <\/button>\n                            <img decoding=\"async\" class=\"mrkc-gal-lb__img\" id=\"mrkc-gal-lb-img\" src=\"\" alt=\"\">\n                            <button class=\"mrkc-gal-lb__btn mrkc-gal-lb__next\" id=\"mrkc-gal-lb-next\" aria-label=\"Next\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <polyline points=\"9 6 15 12 9 18\"><\/polyline>\n                                <\/svg>\n                            <\/button>\n                            <span class=\"mrkc-gal-lb__counter\" id=\"mrkc-gal-lb-counter\"><\/span>\n                        <\/div>\n\n                        <script>\n                            (function () {\n                                var tabs = document.querySelectorAll('.mrkc-gal__tab');\n                                var items = Array.prototype.slice.call(document.querySelectorAll('.mrkc-gal__item'));\n                                var counter = document.getElementById('mrkc-gal-counter');\n                                var lb = document.getElementById('mrkc-gal-lb');\n                                var lbImg = document.getElementById('mrkc-gal-lb-img');\n                                var lbCount = document.getElementById('mrkc-gal-lb-counter');\n                                var visible = items.slice();\n                                var idx = 0;\n\n                                function applyFilter(cat) {\n                                    items.forEach(function (it) {\n                                        if (cat === 'all' || it.getAttribute('data-cat') === cat) it.removeAttribute('data-hidden');\n                                        else it.setAttribute('data-hidden', 'true');\n                                    });\n                                    visible = items.filter(function (it) { return !it.hasAttribute('data-hidden'); });\n                                    counter.textContent = visible.length + ' Photos';\n                                }\n\n                                tabs.forEach(function (tab) {\n                                    tab.addEventListener('click', function () {\n                                        tabs.forEach(function (t) { t.classList.remove('is-active'); });\n                                        tab.classList.add('is-active');\n                                        applyFilter(tab.getAttribute('data-filter'));\n                                    });\n                                });\n\n                                function open(i) {\n                                    idx = i;\n                                    lbImg.src = visible[i].getAttribute('data-src');\n                                    lbCount.textContent = (i + 1) + ' \/ ' + visible.length;\n                                    lb.classList.add('is-open');\n                                    document.body.style.overflow = 'hidden';\n                                }\n                                function close() { lb.classList.remove('is-open'); lbImg.src = ''; document.body.style.overflow = ''; }\n                                function go(d) { open((idx + d + visible.length) % visible.length); }\n\n                                items.forEach(function (it) {\n                                    it.addEventListener('click', function () {\n                                        visible = items.filter(function (x) { return !x.hasAttribute('data-hidden'); });\n                                        var i = visible.indexOf(it);\n                                        if (i >= 0) open(i);\n                                    });\n                                });\n                                document.getElementById('mrkc-gal-lb-close').addEventListener('click', close);\n                                document.getElementById('mrkc-gal-lb-prev').addEventListener('click', function () { go(-1); });\n                                document.getElementById('mrkc-gal-lb-next').addEventListener('click', function () { go(1); });\n                                lb.addEventListener('click', function (e) { if (e.target === lb) close(); });\n                                document.addEventListener('keydown', function (e) {\n                                    if (!lb.classList.contains('is-open')) return;\n                                    if (e.key === 'Escape') close();\n                                    if (e.key === 'ArrowLeft') go(-1);\n                                    if (e.key === 'ArrowRight') go(1);\n                                });\n                            })();\n                        <\/script>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gallery All Accommodation Exterior Dining Spa Experiences 37 Photos<\/p>\n","protected":false},"author":1,"featured_media":5839,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1505","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/1505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/comments?post=1505"}],"version-history":[{"count":12,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/1505\/revisions"}],"predecessor-version":[{"id":8911,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/pages\/1505\/revisions\/8911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/media\/5839"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midaresortkanchanaburi\/wp-json\/wp\/v2\/media?parent=1505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}