.mobile-menu-toggle,
 .mobile-menu-backdrop,
 .mobile-menu-panel {
     display: none;
 }

 @media (max-width:1300px) {}

 @media (max-width:991px) {

     .top-header,
     .desktop-navigation,
     .main-header>.btn-primary,
     .wcu-grid img {
         display: none;
     }

     .wcu-grid {
         grid-template-columns: 1fr;
     }

     .wcu-grid.inner,
     .specialize-grid,
     .team-grid,
     .services-wrap {
         grid-template-columns: 1fr 1fr;
     }

     .testimonial-content {
         margin-top: -150px;
     }


     .mobile-menu-toggle {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 44px;
         height: 44px;
         border: 0;
         background: transparent;
         color: var(--secondary);
         font-size: 24px;
         cursor: pointer;
     }

     .mobile-menu-backdrop {
         display: block;
         position: fixed;
         inset: 0;
         z-index: 1000;
         border: 0;
         background: rgba(14, 20, 38, 0.48);
         opacity: 0;
         visibility: hidden;
         transition: opacity 0.25s ease, visibility 0.25s ease;
     }

     .mobile-menu-panel {
         display: flex;
         position: fixed;
         inset: 0 0 0 auto;
         z-index: 1001;
         flex-direction: column;
         width: min(88vw, 360px);
         height: 100vh;
         height: 100dvh;
         padding: 24px;
         background: #fff;
         box-shadow: -12px 0 36px rgba(14, 20, 38, 0.16);
         transform: translateX(105%);
         transition: transform 0.28s ease;
         visibility: hidden;
     }

     .mobile-menu-heading {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding-bottom: 24px;
         border-bottom: 1px solid #e8e9ee;
     }

     .mobile-menu-heading img {
         display: block;
         width: 84px;
         height: auto;
     }

     .mobile-menu-close {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 42px;
         height: 42px;
         border: 0;
         background: #f1f2f5;
         color: var(--secondary);
         font-size: 20px;
         cursor: pointer;
     }

     .mobile-menu-navigation {
         display: flex;
         flex-direction: column;
         margin-top: 20px;
     }

     .mobile-menu-navigation>a {
         padding: 16px 4px;
         border-bottom: 1px solid #e8e9ee;
         color: var(--secondary);
         font-family: var(--montserrat);
         font-size: 16px;
         font-weight: 700;
         text-decoration: none;
     }

     .mobile-menu-navigation>.mobile-menu-property-link {
         margin-top: 22px;
         padding: 16px 18px;
         border: 0;
         background: var(--secondary);
         color: #fff;
         text-align: center;
     }

     .mobile-menu-footer {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 20px;
         margin-top: auto;
         padding-top: 24px;
         border-top: 1px solid #e8e9ee;
     }

     .mobile-menu-phone {
         color: var(--secondary);
         font-family: var(--nunito);
         font-size: 14px;
         font-weight: 700;
         text-decoration: none;
     }

     .mobile-menu-social a {
         width: 38px;
         height: 38px;
     }

     body.mobile-menu-open {
         overflow: hidden;
     }

     body.mobile-menu-open .mobile-menu-backdrop {
         opacity: 1;
         visibility: visible;
     }

     body.mobile-menu-open .mobile-menu-panel {
         transform: translateX(0);
         visibility: visible;
     }

     .project-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .about-company.container {
         padding-top: 64px;
         padding-bottom: 78px;
     }


     .breadcrumbWrap {
         height: 350px;
     }

     .about-company-grid {
         grid-template-columns: 1fr;
         gap: 48px;
     }

     .about-company-visual {
         width: min(100%, 600px);
         min-height: 485px;
         margin: 0 auto;
     }

     .about-company-cta {
         left: 0;
         bottom: -28px;
     }

     .footer-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 40px 32px;
     }

     .contact-map-column,
     .contact-map-column iframe {
         min-height: 420px;
     }
 }

 @media (max-width:768px) {
     .property-listing-page {
         padding-top: 40px;
         padding-bottom: 56px;
     }

     .property-form-card {
         padding: 24px;
     }

     .footer-grid {
         padding-top: 64px;
         padding-bottom: 54px;
     }

     .grid-2,
     .home-services-grid,
     .wcu-grid.inner,
     .specialize-grid,
     .team-grid,
     .services-wrap {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width:580px) {
     .property-listing-page {
         padding: 34px 14px 44px;
     }

     .property-listing-heading h1 {
         font-size: 28px;
     }

     .property-listing-heading p {
         font-size: 14px;
     }

     .property-form-card {
         padding: 18px 14px;
     }

     .property-photo-previews {
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 8px;
     }

     .property-submit-button {
         width: 100%;
     }

     .contact-form {
         grid-template-columns: 1fr;
     }

     .breadcrumbWrap {
         height: 200px;
     }

     .contact-page {
         padding-bottom: 48px;
     }

     .contact-information.container {
         grid-template-columns: 1fr;
         gap: 12px;
         padding-top: 28px;
         padding-bottom: 36px;
     }

     .contact-information-card {
         min-height: 128px;
     }

     .contact-workspace.container {
         grid-template-columns: 1fr;
         gap: 28px;
     }

     .contact-form {
         gap: 14px 10px;
     }

     .contact-form-column h2 {
         font-size: 25px;
     }

     .contact-map-column,
     .contact-map-column iframe {
         min-height: 360px;
     }

     .project-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
     }

     .about-company-visual {
         display: none;
     }

     .project-card {
         border-radius: 12px;
     }

     .footer-grid {
         grid-template-columns: 1fr;
         gap: 34px;
         padding-top: 48px;
         padding-bottom: 44px;
     }

     .footer-logo-wrap p {
         margin-top: 20px;
     }

     .footer-links h3,
     .footer-contact h3 {
         font-size: 25px;
         margin-bottom: 14px;
     }

     .footer-bottom {
         padding: 16px;
     }
 }