\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n
Responsive Iframe<\/title>\n \n <style>\n .iframeContainer {\n position: relative;\n width: 100%; \/* Make sure width is defined properly *\/\n height: 200vh; \/* Default height for desktop *\/\n overflow: hidden;\n }\n\n .iframeContent {\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Top and bottom cover with different heights *\/\n .coverTop {\n position: absolute;\n top: 0;\n width: 100%;\n height: 150px; \/* Default height for top cover on desktop *\/\n background-color: white; \/* Adjust color as needed *\/\n z-index: 10;\n }\n\n .coverBottom {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 380px; \/* Default height for bottom cover on desktop *\/\n background-color: white; \/* Adjust color as needed *\/\n z-index: 10;\n }\n\n \/* Styles for mobile and tablet *\/\n @media (max-width: 768px) {\n .iframeContainer {\n height: 300vh; \/* Adjust height for mobile\/tablet *\/\n }\n\n .coverTop {\n height: 180px; \/* Adjust top cover height for mobile\/tablet *\/\n }\n\n .coverBottom {\n height: 700px; \/* Adjust bottom cover height for mobile\/tablet *\/\n }\n }\n\n \/* Styles for tablets *\/\n @media (min-width: 481px) and (max-width: 768px) {\n .coverTop {\n height: 160px; \/* Adjust top cover height for tablet *\/\n }\n\n .coverBottom {\n height: 600px; \/* Adjust bottom cover height for tablet *\/\n }\n }\n\n \/* Styles for desktop (PC) *\/\n @media (min-width: 769px) {\n .iframeContainer {\n height: 200vh; \/* Height for desktop *\/\n }\n\n .coverTop {\n height: 150px; \/* Height for top cover *\/\n }\n\n .coverBottom {\n height: 380px; \/* Height for bottom cover *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"iframeContainer\">\n <iframe src=\"https:\/\/www.propertyfinder.ae\/en\/broker\/hayat-luxury-properties-4633\" class=\"iframeContent\"><\/iframe>\n <div class=\"coverTop\"><\/div>\n <div class=\"coverBottom\"><\/div>\n <\/div> \n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Responsive Iframe<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-21832","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/pages\/21832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/comments?post=21832"}],"version-history":[{"count":11,"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/pages\/21832\/revisions"}],"predecessor-version":[{"id":21866,"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/pages\/21832\/revisions\/21866"}],"wp:attachment":[{"href":"https:\/\/hayatluxuryproperties.com\/wp-json\/wp\/v2\/media?parent=21832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}