diff --git a/assets/css/style.css b/assets/css/style.css
index 795d9e5..1354c2b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -738,6 +738,10 @@ img {
   width: 100%;
   background-size: cover;
 }
+.testimonial iframe {
+  height: 350px;
+  width: 95%;
+}
 
 /* =======================================================================================================================
 ==================================================================== not sure page css starts from here
@@ -756,6 +760,11 @@ img {
   height: 400px;
 }
 
+.sure iframe {
+  width: 90%;
+  height: 420px;
+}
+
 .sure .sure_content h2 {
   font-size: 48px;
 }
@@ -919,7 +928,7 @@ img {
     width: 315px;
   }
   .footer .content .footer_frm {
-    width: 220px;
+    width: 150px;
   }
   .portfolio .portfolio_slider .topbar button {
     padding: 2px 7px;
@@ -933,6 +942,50 @@ img {
     height: 168px;
     width: 284px;
   }
+  .testimonial iframe {
+    height: 165px;
+    width: 100%;
+  }
+  .sure .sure_content h2 {
+    font-size: 40px;
+  }
+  .sure .sure_content button {
+    padding: 7px 11px;
+    margin-top: 8px;
+    font-size: 13px;
+  }
+  .sure .sure_content {
+    height: 250px;
+  }
+  .sure .sure_content .content {
+    text-align: center;
+  }
+  .contact .middle ul li {
+    font-size: 13px;
+  }
+
+  .sure iframe {
+    width: 100%;
+    height: 205px;
+  }
+
+  .contact .main {
+    margin-top: 34px;
+    padding: 20px;
+  }
+  .contact .main .content p {
+    font-size: 13px;
+  }
+  .footer .main {
+    padding: 40px;
+  }
+  .footer {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+  .footer .main::after {
+    bottom: 147px;
+  }
 }
 
 /* Styles for screens between 768px and 992px wide */
diff --git a/carrer.html b/carrer.html
index 9daaa0d..dc8fa5a 100644
--- a/carrer.html
+++ b/carrer.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,44 +12,48 @@
     <link href="assets/css/all.min.css" rel="stylesheet">
     <link rel="stylesheet" href="assets/css/style.css">
 </head>
+
 <body>
 
     <section>
         <nav class="navbar navbar-expand-lg bg-body-tertiary">
             <div class="container">
-              <div class="left">
+
+                <div class="left">
                     <a class="navbar-brand d-block" href="#"><img src="assets/images/logo-01-01.png" alt=""></a>
-                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                    </button>
-              </div>
-
-              <div class="middle">
-                <div class="collapse navbar-collapse" id="navbarScroll">
-                    <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
-                      <li class="nav-item me-4">
-                        <a class="nav-link active" aria-current="page" href="index.html">Home</a>
-                      </li>
-                      <li class="nav-item me-4">
-                        <a class="nav-link" href="index.html#service">Service</a>
-                      </li>
-                      <li class="nav-item me-4">
-                        <a class="nav-link" href="portfolio.html" >Portfolio</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="carrer.html">Career</a>
-                      </li>
-                    </ul>
-                  </div>
-              </div>
-
-              <div class="right">
-                <a href="learn.html" class="primary_btn me-3">Learn</a>
-                <a href="#contact" class="secondary_btn">Get in Touch</a>
-              </div>
-              
+                </div>
+
+                <div class="middle">
+                    <div class="collapse navbar-collapse" id="navbarScroll">
+                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll">
+                            <li class="nav-item me-4">
+                                <a class="nav-link active" aria-current="page" href="#">Home</a>
+                            </li>
+                            <li class="nav-item me-4">
+                                <a class="nav-link" href="#service">Service</a>
+                            </li>
+                            <li class="nav-item me-4">
+                                <a class="nav-link" href="portfolio.html">Portfolio</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="carrer.html">Career</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="right">
+                    <a href="learn.html" class="primary_btn me-3">Learn</a>
+                    <a href="#contact" class="secondary_btn">Get in Touch</a>
+                </div>
+
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll"
+                    aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="fa-solid fa-bars"></i>
+                </button>
+
             </div>
-          </nav>
+        </nav>
     </section>
 
 
@@ -62,7 +67,8 @@
             <div class="row">
                 <div class="col-lg-6 centered-div">
                     <div class="carrer_banner_text">
-                        <h2 class="carrer_heading"><span>Join a group</span> of </br>visionaries, innovators,<br> and achievers.</h2>
+                        <h2 class="carrer_heading"><span>Join a group</span> of </br>visionaries, innovators,<br> and
+                            achievers.</h2>
                         <div class="primary-btn"><a href="#">Apply Now</a></div>
                     </div>
                 </div>
@@ -81,7 +87,7 @@ <h2 class="carrer_heading"><span>Join a group</span> of </br>visionaries, innova
     <!-- =============================== 
         contact section starts from here
     ================================== -->
-  
+
 
     <div id="contact" class="contact section-padding">
         <div class="container">
@@ -104,8 +110,10 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                                     <div class="middle">
                                         <ul class="ps-5">
                                             <li><i class="fa-solid fa-phone-volume pe-3"></i>+1012 3456 789</li>
-                                            <li class="py-4"><i class="fa-regular fa-envelope pe-3"></i>hello@cutplix.com</li>
-                                            <li><i class="fa-solid fa-location-dot pe-3"></i>1230, Dakkhinkhan, Azampur, Uttara,<br> <span class="ms-4">Dhaka, Bangladesh</span></li>
+                                            <li class="py-4"><i
+                                                    class="fa-regular fa-envelope pe-3"></i>hello@cutplix.com</li>
+                                            <li><i class="fa-solid fa-location-dot pe-3"></i>1230, Dakkhinkhan, Azampur,
+                                                Uttara,<br> <span class="ms-4">Dhaka, Bangladesh</span></li>
                                         </ul>
                                     </div>
                                     <div class="bottom py-5 ps-5">
@@ -122,39 +130,51 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                                     <form action="">
                                         <div class="row">
                                             <div class="col">
-                                                <label for="exampleFormControlTextarea1" class="form-label"><b>Name *</b></label>
-                                              <input type="text" class="form-control form-control2" placeholder="Enter Your Name" aria-label="First name">
+                                                <label for="exampleFormControlTextarea1" class="form-label"><b>Name
+                                                        *</b></label>
+                                                <input type="text" class="form-control form-control2"
+                                                    placeholder="Enter Your Name" aria-label="First name">
                                             </div>
                                             <div class="col">
-                                                <label for="exampleFormControlTextarea1" class="form-label"><b>Email *</b></label>
-                                              <input type="email" class="form-control form-control2" placeholder="Enter Your Email" aria-label="Last name">
+                                                <label for="exampleFormControlTextarea1" class="form-label"><b>Email
+                                                        *</b></label>
+                                                <input type="email" class="form-control form-control2"
+                                                    placeholder="Enter Your Email" aria-label="Last name">
                                             </div>
                                             <div class="new">
                                                 <span><b>Select Subject?</b></span>
                                             </div>
                                             <div class="checkbox d-flex justify-content-between">
                                                 <div class="form-check form-check-inline">
-                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
+                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox1"
+                                                        value="option1">
                                                     <label class="form-check-label" for="inlineCheckbox1">Video</label>
                                                 </div>
                                                 <div class="form-check form-check-inline">
-                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
-                                                    <label class="form-check-label" for="inlineCheckbox2">Graphic Design</label>
+                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2"
+                                                        value="option2">
+                                                    <label class="form-check-label" for="inlineCheckbox2">Graphic
+                                                        Design</label>
                                                 </div>
                                                 <div class="form-check form-check-inline">
-                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option3">
-                                                    <label class="form-check-label" for="inlineCheckbox3">Development</label>
+                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2"
+                                                        value="option3">
+                                                    <label class="form-check-label"
+                                                        for="inlineCheckbox3">Development</label>
                                                 </div>
                                                 <div class="form-check form-check-inline">
-                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option4">
-                                                    <label class="form-check-label" for="inlineCheckbox4">Digital Marketing</label>
+                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox2"
+                                                        value="option4">
+                                                    <label class="form-check-label" for="inlineCheckbox4">Digital
+                                                        Marketing</label>
                                                 </div>
                                             </div>
                                             <div class="new">
                                                 <span><b>Message*</b></span>
                                             </div>
                                             <div class="mb-3">
-                                                <textarea class="form-control color-g" placeholder="Write A Message.." id="exampleFormControlTextarea1" rows="3"></textarea>
+                                                <textarea class="form-control color-g" placeholder="Write A Message.."
+                                                    id="exampleFormControlTextarea1" rows="3"></textarea>
                                             </div>
                                             <div class="text-end">
                                                 <input class="contact_btn" type="submit" value="Submit Here">
@@ -179,16 +199,17 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
         <div class="container">
             <div class="main">
                 <div class="row">
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <ul>
                             <li class="pb-4"><b>Reach Us</b></li>
                             <li><i class="fa-solid fa-phone-volume pe-3"></i>+1012 3456 789</li>
                             <li class="py-4"><i class="fa-regular fa-envelope pe-3"></i>hello@cutplix.com</li>
-                            <li><i class="fa-solid fa-location-dot pe-3"></i>1230, Dakkhinkhan, Azampur,<br> <span class="ms-4"> Uttara,Dhaka, Bangladesh</span></li>
+                            <li><i class="fa-solid fa-location-dot pe-3"></i>1230, Dakkhinkhan, Azampur,<br> <span
+                                    class="ms-4"> Uttara,Dhaka, Bangladesh</span></li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Company</b></li>
                             <li class="pb-3">Services</li>
                             <li class="pb-3">Portfolio</li>
@@ -196,8 +217,8 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Learn</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Legal</b></li>
                             <li class="pb-3">Privacy Policy</li>
                             <li class="pb-3">Terms and Services</li>
@@ -205,27 +226,29 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Refund Policy</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <div class="content">
                             <h3 class="pb-2">Join Our Newsletter</h3>
                             <form action="">
                                 <div class="d-flex">
                                     <div class="col-auto">
                                         <label for="inputPassword2" class="visually-hidden">Email</label>
-                                        <input type="password" class="form-control footer_frm" id="inputPassword2" placeholder="Enter Your Email">
-                                      </div>
-                                      <div class="col-auto">
+                                        <input type="password" class="form-control footer_frm" id="inputPassword2"
+                                            placeholder="Enter Your Email">
+                                    </div>
+                                    <div class="col-auto">
                                         <button type="submit" class="footer_btn mb-3">Subscribe</button>
-                                      </div>
+                                    </div>
                                 </div>
                             </form>
-                            <p class="pt-2">*  Will send you weekly updates for your better tool management.</p>
+                            <p class="pt-2">* Will send you weekly updates for your better tool management.</p>
                         </div>
                     </div>
                 </div>
                 <div class="row">
                     <div class="col-lg-12 copyright">
-                        <p class="text-center common-paragraph">Copyright © <a href="https://sohanthink.com/">Sohanthink</a> 2023. All right reserved</p>
+                        <p class="text-center common-paragraph">Copyright © <a
+                                href="https://sohanthink.com/">Sohanthink</a> 2024. All right reserved</p>
                     </div>
                 </div>
             </div>
@@ -235,9 +258,10 @@ <h3 class="pb-2">Join Our Newsletter</h3>
 
 
 
-<!-- Include Bootstrap JavaScript at the end of the body tag to ensure proper functionality -->
-<script src="assets/js/jquery-1.12.4.min.js"></script>
-<script src="assets/js/bootstrap.min.js"></script>
-<script src="assets/js/index.js"></script>
+    <!-- Include Bootstrap JavaScript at the end of the body tag to ensure proper functionality -->
+    <script src="assets/js/jquery-1.12.4.min.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+    <script src="assets/js/index.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/learn.html b/learn.html
index 7eca152..d7683cf 100644
--- a/learn.html
+++ b/learn.html
@@ -18,24 +18,19 @@
     <section>
         <nav class="navbar navbar-expand-lg bg-body-tertiary">
             <div class="container">
+
                 <div class="left">
                     <a class="navbar-brand d-block" href="#"><img src="assets/images/logo-01-01.png" alt=""></a>
-                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                        data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
-                        aria-label="Toggle navigation">
-                        <span class="navbar-toggler-icon"></span>
-                    </button>
                 </div>
 
                 <div class="middle">
                     <div class="collapse navbar-collapse" id="navbarScroll">
-                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll"
-                            style="--bs-scroll-height: 100px;">
+                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll">
                             <li class="nav-item me-4">
-                                <a class="nav-link active" aria-current="page" href="index.html">Home</a>
+                                <a class="nav-link active" aria-current="page" href="#">Home</a>
                             </li>
                             <li class="nav-item me-4">
-                                <a class="nav-link" href="index.html#service">Service</a>
+                                <a class="nav-link" href="#service">Service</a>
                             </li>
                             <li class="nav-item me-4">
                                 <a class="nav-link" href="portfolio.html">Portfolio</a>
@@ -52,6 +47,11 @@
                     <a href="#contact" class="secondary_btn">Get in Touch</a>
                 </div>
 
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll"
+                    aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="fa-solid fa-bars"></i>
+                </button>
+
             </div>
         </nav>
     </section>
@@ -76,7 +76,7 @@ <h5 class="text-uppercase fs-5">Training <span class="text-danger fw-bold">Progr
             </div>
             <div class="row">
                 <div class="col-lg-12 col-12 col-auto">
-                    <div class="learn_banner_video text-center my-5">
+                    <div class="learn_banner_video text-center my-md-5">
                         <iframe src="https://www.youtube.com/embed/v7ibLinuRs4"
                             title="Naalayak / Sahil Samuel – NUSRAT “Round About”  (official music video 4K) || FanTiger Music NFT’s"
                             frameborder="0"
@@ -193,26 +193,26 @@ <h2 class="common-heading">Testimonial</h2>
                 </div>
             </div>
             <div class="row">
-                <div class="col-lg-6">
-                    <iframe width="95%" height="350px" src="https://www.youtube.com/embed/1j2YXCvTtTs"
+                <div class="col-lg-6 col-12 col-sm-12 py-2 py-md-0">
+                    <iframe src="https://www.youtube.com/embed/1j2YXCvTtTs"
                         title="Naalayak / Sahil Samuel-Zakir (Official music video 4k) “Hindi Gaane”" frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowfullscreen></iframe>
                 </div>
-                <div class="col-lg-6">
-                    <iframe width="95%" height="350px" src="https://www.youtube.com/embed/1j2YXCvTtTs"
+                <div class="col-lg-6 col-12 col-sm-12 py-2 py-md-0">
+                    <iframe src="https://www.youtube.com/embed/1j2YXCvTtTs"
                         title="Naalayak / Sahil Samuel-Zakir (Official music video 4k) “Hindi Gaane”" frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowfullscreen></iframe>
                 </div>
-                <div class="col-lg-6 mt-5">
-                    <iframe width="95%" height="350px" src="https://www.youtube.com/embed/1j2YXCvTtTs"
+                <div class="col-lg-6 col-12 col-sm-12 mt-md-5 py-2 py-md-0">
+                    <iframe src="https://www.youtube.com/embed/1j2YXCvTtTs"
                         title="Naalayak / Sahil Samuel-Zakir (Official music video 4k) “Hindi Gaane”" frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowfullscreen></iframe>
                 </div>
-                <div class="col-lg-6 mt-5">
-                    <iframe width="95%" height="350px" src="https://www.youtube.com/embed/1j2YXCvTtTs"
+                <div class="col-lg-6 col-12 col-sm-12 mt-md-5 py-2 py-md-0">
+                    <iframe src="https://www.youtube.com/embed/1j2YXCvTtTs"
                         title="Naalayak / Sahil Samuel-Zakir (Official music video 4k) “Hindi Gaane”" frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowfullscreen></iframe>
@@ -240,7 +240,7 @@ <h3>Sign up for the <span>FREEE!!!</span> Demo Class</h3>
                     </div>
                 </div>
                 <div class="col-lg-8 d-flex justify-content-end">
-                    <iframe width="90%" height="420px" src="https://www.youtube.com/embed/1j2YXCvTtTs"
+                    <iframe src="https://www.youtube.com/embed/1j2YXCvTtTs"
                         title="Naalayak / Sahil Samuel-Zakir (Official music video 4k) “Hindi Gaane”" frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowfullscreen></iframe>
@@ -365,7 +365,7 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
         <div class="container">
             <div class="main">
                 <div class="row">
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <ul>
                             <li class="pb-4"><b>Reach Us</b></li>
                             <li><i class="fa-solid fa-phone-volume pe-3"></i>+1012 3456 789</li>
@@ -374,8 +374,8 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                                     class="ms-4"> Uttara,Dhaka, Bangladesh</span></li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Company</b></li>
                             <li class="pb-3">Services</li>
                             <li class="pb-3">Portfolio</li>
@@ -383,8 +383,8 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Learn</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Legal</b></li>
                             <li class="pb-3">Privacy Policy</li>
                             <li class="pb-3">Terms and Services</li>
@@ -392,7 +392,7 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Refund Policy</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <div class="content">
                             <h3 class="pb-2">Join Our Newsletter</h3>
                             <form action="">
@@ -414,7 +414,7 @@ <h3 class="pb-2">Join Our Newsletter</h3>
                 <div class="row">
                     <div class="col-lg-12 copyright">
                         <p class="text-center common-paragraph">Copyright © <a
-                                href="https://sohanthink.com/">Sohanthink</a> 2023. All right reserved</p>
+                                href="https://sohanthink.com/">Sohanthink</a> 2024. All right reserved</p>
                     </div>
                 </div>
             </div>
diff --git a/portfolio.html b/portfolio.html
index 6caffbe..7bb28f6 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -18,27 +18,22 @@
     <section>
         <nav class="navbar navbar-expand-lg bg-body-tertiary">
             <div class="container">
+
                 <div class="left">
                     <a class="navbar-brand d-block" href="#"><img src="assets/images/logo-01-01.png" alt=""></a>
-                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                        data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
-                        aria-label="Toggle navigation">
-                        <span class="navbar-toggler-icon"></span>
-                    </button>
                 </div>
 
                 <div class="middle">
                     <div class="collapse navbar-collapse" id="navbarScroll">
-                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll"
-                            style="--bs-scroll-height: 100px;">
+                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll">
                             <li class="nav-item me-4">
-                                <a class="nav-link active" aria-current="page" href="index.html">Home</a>
+                                <a class="nav-link active" aria-current="page" href="#">Home</a>
                             </li>
                             <li class="nav-item me-4">
-                                <a class="nav-link" href="index.html#service">Service</a>
+                                <a class="nav-link" href="#service">Service</a>
                             </li>
                             <li class="nav-item me-4">
-                                <a class="nav-link" href="#">Portfolio</a>
+                                <a class="nav-link" href="portfolio.html">Portfolio</a>
                             </li>
                             <li class="nav-item">
                                 <a class="nav-link" href="carrer.html">Career</a>
@@ -52,6 +47,11 @@
                     <a href="#contact" class="secondary_btn">Get in Touch</a>
                 </div>
 
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll"
+                    aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="fa-solid fa-bars"></i>
+                </button>
+
             </div>
         </nav>
     </section>
@@ -254,7 +254,7 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
         <div class="container">
             <div class="main">
                 <div class="row">
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <ul>
                             <li class="pb-4"><b>Reach Us</b></li>
                             <li><i class="fa-solid fa-phone-volume pe-3"></i>+1012 3456 789</li>
@@ -263,8 +263,8 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                                     class="ms-4"> Uttara,Dhaka, Bangladesh</span></li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Company</b></li>
                             <li class="pb-3">Services</li>
                             <li class="pb-3">Portfolio</li>
@@ -272,8 +272,8 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Learn</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
-                        <ul>
+                    <div class="col-lg-3 col-6">
+                        <ul class="mt-5 mt-md-0">
                             <li class="pb-4"><b>Legal</b></li>
                             <li class="pb-3">Privacy Policy</li>
                             <li class="pb-3">Terms and Services</li>
@@ -281,7 +281,7 @@ <h3 class="pt-5 ps-5">How to Reach Us</h3>
                             <li class="pb-3">Refund Policy</li>
                         </ul>
                     </div>
-                    <div class="col-lg-3">
+                    <div class="col-lg-3 col-12">
                         <div class="content">
                             <h3 class="pb-2">Join Our Newsletter</h3>
                             <form action="">
@@ -303,7 +303,7 @@ <h3 class="pb-2">Join Our Newsletter</h3>
                 <div class="row">
                     <div class="col-lg-12 copyright">
                         <p class="text-center common-paragraph">Copyright © <a
-                                href="https://sohanthink.com/">Sohanthink</a> 2023. All right reserved</p>
+                                href="https://sohanthink.com/">Sohanthink</a> 2024. All right reserved</p>
                     </div>
                 </div>
             </div>
