[edit] css fixed

public/frontend/css/style.css

@@ -45,9 +45,9 @@ h2{
     justify-content: center;
     align-items: center;
     text-align: center;
-    gap: 1.2rem;
+    gap: 2rem;
     text-decoration: none;
-    padding: 0 0.8rem !important;
+    padding: 0 0.2rem !important;
     list-style: none;
 }
 .nav-link{
@@ -56,6 +56,7 @@ h2{
     font-size: 17px;
     line-height: 22px;
     color: #2B2A29 !important;
+    padding: 0.5rem 0.1rem;
 }
 .header .appointment-btn{
     text-decoration: none;
@@ -64,13 +65,13 @@ h2{
     padding: 10px 1rem;
     border-radius: 20px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
-    font-weight: 600;
-    font-size: 16px;
+    font-weight: 500;
+    font-size: 17px;
     line-height: 22px;
 }
-.header .appontment-btn:hover{
-    background: #E32394;
-    transition: all 250ms ease-in-out;
+.header .appointment-btn:hover{
+    background-color: #E32394;
+    transition: background-color 1s ease-out 100ms;
 }
 .nav-link:hover,
 .nav-link:active {
@@ -122,6 +123,7 @@ h2{
     top: 100%;
     animation: fadeInUp 500ms;
     padding: 0;
+    left: -25px;
 }
 .dropdown-menu a{
     font-size: 1rem;
@@ -2334,24 +2336,41 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
 }
 /* Desktops, large screens css ends */
 /* Extra large screens, TV css */
-@media only screen and (min-width: 1201px) and (max-width: 1220px) {
+@media only screen and (min-width: 1201px) and (max-width: 1240px) {
     .navbar-list{
         gap: 0.5rem;
     }
+    .header .appointment-btn,
+    .nav-link{
+        font-size: 14px;
+    }
+}
+@media only screen and (min-width: 1241px) and (max-width: 1360px) {
+    .navbar-list{
+        gap: 0.5rem;
+    }
+    .header .appointment-btn,
+    .nav-link{
+        font-size: 15px;
+    }
 }
 /* Extra large screens, TV css ends */
-@media only screen and (min-width: 1201px) and (max-width: 1440px) {
+@media only screen and (min-width: 1360px) and (max-width: 1440px) {
     .navbar-list{
         gap: 1rem;
     }
     .review-card{
         min-height: 37pc;
     }
-
     .values-lists a{
         padding: 15px 15px 15px 0;
     }
 }
+@media only screen and (min-width: 1440px) and (max-width: 1460px) {
+    .navbar-list{
+        gap: 1rem;
+    }
+}
 @media only screen and (min-width: 1440px) and (max-width: 1560px) {
     .review-card{
         min-height: 37pc;