Header and footer removed for new contact page

app/appointment-booking-form/ContactClient.js

@@ -228,7 +228,7 @@ export default function ContactClient() {
               </div>
             </div>
 
-            <div className="col-lg-4 col-md-12 col-sm-12 image-column">
+            <div className="col-lg-4 col-md-12 col-sm-12 image-column re-desprict">
               <figure className="image-box">
                 <img src="/assets/images/contact/appointment.webp" alt="Physiotherapy at Rapharehab" />
               </figure>

app/appointment-booking-form/page.js

@@ -15,13 +15,15 @@ export const metadata = {
 
 export default function Appointment() {
   return (
-    <Layout
-      headerStyle={1}
-      footerStyle={1}
-      breadcrumbTitle="Appointment Booking"
-      bannerImage="/assets/images/contact/appointment-banner.webp"
-    >
+    // <Layout
+    //   headerStyle={1}
+    //   footerStyle={1}
+    //   breadcrumbTitle="Appointment Booking"
+    //   bannerImage="/assets/images/contact/appointment-banner.webp"
+    // >
+    <>
       <ContactClient />
-    </Layout>
+    </>
+    // </Layout>
   );
 }

public/assets/css/style.css

@@ -3871,6 +3871,16 @@
 
  }
 
+ @media only screen and (max-width: 768px) and (min-width: 200px) {
+
+   .re-desprict {
+
+     display: none !important;
+
+   }
+
+ }
+
  @media only screen and (max-width: 426px) and (min-width : 200px) {
 
    .list-style-one li {