@media (max-width: 1399px) {
     .cart-container {

         grid-template-columns: 1fr;

     }

     .cart-summary {

         position: static;

         max-width: 480px;

     }

     .nav-links>li>a,

     .nav-links>li>button {
         padding: 0.5rem 0.4rem;
     }
 }

 @media (max-width: 1200px) {

     .nav-phone,
     .nav-cta {

         display: none;

     }



     .nav-phone-icon,
     .nav-report-btn-icon {

         display: flex;

     }

     .products-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .related-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .tab-two-col {

         grid-template-columns: 1fr;

     }



     .vastu-placement-card {

         position: static;

     }



     .reviews-layout {

         grid-template-columns: 1fr;

     }



     .reviews-summary {

         position: static;

         max-width: 400px;

     }

 }

 @media (max-width: 1199px) {
     .checkout-container {
         grid-template-columns: 1fr;
     }

     .co-item {
         flex-direction: column;
         gap: 0.5rem;
         align-items: start;
     }

     .co-summary {

         position: static;

         order: -1;

         max-width: 540px;

     }
 }


 @media screen and (max-width: 1100px) {


     .btn-place-order-inline {

         display: flex;

     }



     .co-summary .btn-place-order {

         display: none;

     }


     .shop-container {

         grid-template-columns: 1fr;

     }


     /* 
     .shop-sidebar {

         position: static;

         display: grid;

         grid-template-columns: repeat(2, 1fr);

         gap: 1.5rem;

     } */

     .shop-sidebar {
         position: unset;
     }



     .filter-apply-btn {

         grid-column: 1 / -1;

     }



     .product-detail-inner {

         grid-template-columns: 1fr;

         gap: 3rem;

     }



     .product-gallery {

         position: static;

         max-width: 520px;

         margin: 0 auto;

         width: 100%;

     }



     .footer-top {

         grid-template-columns: 1fr 1fr;

     }


     .contact-layout {

         grid-template-columns: 1fr;

         gap: 3rem;

     }



     .consult-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .contact-map-layout {

         grid-template-columns: 1fr;

     }



     .map-container {

         min-height: 360px;

     }



     .blog-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .blog-grid-3 {

         grid-template-columns: repeat(2, 1fr);

     }



     .detail-layout {

         grid-template-columns: 1fr;

         gap: 3rem;

     }



     .detail-sidebar {

         position: static;

     }



     .detail-elements-grid {

         grid-template-columns: repeat(3, 1fr);

     }



     .kp-layout,

     .svc-layout,

     .svc-layout.rev {

         grid-template-columns: 1fr;

         direction: ltr;

     }



     .planets-grid {

         grid-template-columns: repeat(5, 1fr);

     }



     .areas-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .kp-chart-wrap {

         max-width: 340px;

         margin: 0 auto;

     }



     .nav-links {

         display: none;

     }



     .hamburger {

         display: flex;

     }







     .origin-grid,

     .philosophy-intro,

     .why-split {

         grid-template-columns: 1fr;

     }



     .sciences-row {

         grid-template-columns: 1fr;

     }



     .mv-grid {

         grid-template-columns: 1fr;

     }



     .values-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .footer-top {

         grid-template-columns: 1fr 1fr;

     }



     .compass-wrap {

         max-width: 280px;

         margin: 0 auto;

     }



     .meaning-card {

         right: 0;

     }



     .pillars-grid {

         grid-template-columns: 1fr;

     }



     .testimonials-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .blog-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     /* .vastu-grid {
        display: grid !important;
         grid-template-columns: 1fr !important; 
        grid-template-rows: auto !important;
     } */






     .astro-grid {

         grid-template-columns: 1fr;

     }



     .zodiac-wheel {

         max-width: 300px;
         height: 300px;
         margin: 0 auto;

     }



     .hero {

         grid-template-columns: 1fr;

     }



     .hero-portrait-side {

         min-height: 60vh;

     }



     .hero-text-side::before {

         display: none;

     }



     .credentials-grid {

         grid-template-columns: 1fr;

     }



     .philosophy-layout {

         grid-template-columns: 1fr;

     }



     .philosophy-sticky {

         position: static;

     }



     .approach-grid {

         grid-template-columns: 1fr;

     }



     .test-row {

         grid-template-columns: 1fr;

     }



     .cta-grid {

         grid-template-columns: 1fr;

     }



     .intro-grid,

     .service-layout,

     .zones-layout {

         grid-template-columns: 1fr;

     }



     .service-layout.reverse {

         direction: ltr;

     }



     .process-steps {

         grid-template-columns: 1fr 1fr;

     }



     .process-steps::before {

         display: none;

     }



     .test-grid {

         grid-template-columns: 1fr;

     }



     .faq-grid {

         grid-template-columns: 1fr;

     }



     .vp-large {

         max-width: 360px;

         margin: 0 auto;

     }



     .num-intro-grid {

         grid-template-columns: 1fr;

         gap: 3rem;

     }



     .num-svc-layout,

     .num-svc-layout-rev {

         grid-template-columns: 1fr;

     }



     .num-svc-layout-rev {

         direction: ltr;

     }



     .num-loshu-layout {

         grid-template-columns: 1fr;

         gap: 3rem;

     }

 }


 @media (max-width: 991px) {

     .dir-badge {
         font-size: 0.8rem;
     }

     .vastu-big,
     .vastu-small {
         padding: 1rem;
     }

     .footer-bottom-center-text {
         flex-wrap: wrap;
         row-gap: 6px;
     }

     .meet-dhieubhai-main-sec {
         grid-template-columns: 1fr;
     }

     .about-grid {

         grid-template-columns: 1fr;

     }

     .section,
     .cta-banner,
     .service-section {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .ci-name {
         line-height: 1 !important;
     }

     .ci-img {
         width: 60px;
         height: 60px;
     }

     .cart-item {
         grid-template-columns: 1fr 110px 110px 100px 40px;
         gap: 0.6rem;
     }
 }


 @media (max-width: 900px) {

     .related-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .product-tabs-nav {

         gap: 0;

     }



     .ptab {

         padding: 1rem 1.1rem;

         font-size: 0.72rem;

     }


     .blog-featured {

         grid-template-columns: 1fr;

     }



     .blog-featured-image {

         min-height: 280px;

     }

     .num-nine-grid {

         grid-template-columns: repeat(3, 1fr);

     }

 }


 @media (max-width: 768px) {
     .letter-sign {
         align-items: center;
     }


     .vastu-big {

         grid-row: span 0 !important;
         grid-column: 1/3 !important;
         min-height: auto;

     }

     .vastu-grid {
         gap: 12px;
     }

     .vastu-small {
         grid-column: 1/3;
     }


     .dir-badge {
         width: 34px;
         height: 34px;
     }

     .vis-label {
         padding: 10px;
     }

     .progress-line {
         margin-bottom: 0;
     }

     .card-img-wrap {
         aspect-ratio: 2/1;
     }


     .cart-section {

         padding-bottom: 4rem;

     }



     .breadcrumb-bar {

         padding-top: 90px;

     }



     .cart-hero {

         padding-top: 2.5rem;
         padding-bottom: 2rem;

     }



     .cart-items-header {

         display: none;

     }



     .cart-item {

         grid-template-columns: 1fr;

         gap: 1rem;

         padding: 1.25rem;

         position: relative;

     }



     .ci-price,

     .ci-qty,

     .ci-total {

         text-align: left;

     }



     .ci-qty {

         width: fit-content;

     }



     .ci-remove {

         position: absolute;

         top: 1.25rem;

         right: 1.25rem;

         justify-self: auto;

     }



     .ci-price::before {

         content: 'Price: ';

         font-family: 'Jost', sans-serif;

         font-size: 0.65rem;

         letter-spacing: 0.1em;

         color: var(--muted);

         text-transform: uppercase;

     }



     .ci-total::before {

         content: 'Total: ';

         font-family: 'Jost', sans-serif;

         font-size: 0.65rem;

         letter-spacing: 0.1em;

         color: var(--muted);

         text-transform: uppercase;

     }



     .coupon-row {

         max-width: 100%;

     }


     .checkout-section {

         padding-bottom: 4rem;

     }



     .checkout-progress-wrap {

         padding-bottom: 2rem;
     }


     .checkout-hero {

         padding-top: 3.5rem;
         padding-bottom: 2rem;

     }



     .form-block {

         padding: 1.5rem;

     }



     .form-grid {

         grid-template-columns: 1fr;

     }



     .form-field-full {

         grid-column: auto;

     }



     .payment-methods {

         grid-template-columns: 1fr;

     }



     .upi-grid {

         grid-template-columns: 1fr;

         text-align: center;

     }



     .upi-or {

         display: none;

     }



     .ps-label {

         display: none;

     }



     .footer-top {

         grid-template-columns: 1fr;

         gap: 2rem;

     }


     .shop-hero {

         padding-top: 120px;
         padding-bottom: 60px;

     }



     .shop-body {

         padding-bottom: 4rem;

     }



     .shop-sidebar {

         grid-template-columns: 1fr;

     }



     .products-grid {

         grid-template-columns: 1fr;

     }



     .products-grid.list-view .card-img-wrap {

         width: 120px;

     }



     .shop-toolbar {

         flex-direction: column;

         align-items: flex-start;

     }



     .toolbar-right {

         width: 100%;

     }



     .shop-search {

         width: 100%;

         flex: 1;

     }



     .trust-inner {

         flex-direction: column;

         align-items: center;

         gap: 1.25rem;

     }



     .trust-sep {

         display: none;

     }



     .product-detail {

         padding: 2rem 0rem 4rem;

     }



     .product-actions {

         flex-wrap: wrap;

     }



     .btn-add-cart {

         flex: 1;

         min-width: 140px;

     }



     .usage-step {

         grid-template-columns: 50px 1fr;

         gap: 1rem;

     }



     .usage-step-num {

         font-size: 1.4rem;

     }



     .specs-table th {

         width: 130px;

         font-size: 0.65rem;

     }



     .specs-table td {

         font-size: 0.78rem;

     }



     .related-products {

         padding: 4rem 0;

     }



     .footer-top {

         grid-template-columns: 1fr;

         gap: 2rem;

     }



     .form-row {

         grid-template-columns: 1fr;

     }



     .contact-form-wrap {

         padding: 1.8rem 1.4rem;

     }



     .form-radio-group {

         flex-direction: column;

         gap: 0.8rem;

     }



     .map-address-card {

         padding: 1.8rem 1.4rem;

     }



     .blog-grid {

         grid-template-columns: 1fr;

     }



     .blog-grid-3 {

         grid-template-columns: 1fr;

     }



     .blog-search-wrap {

         margin-left: 0;

         width: 100%;

     }



     .blog-search {

         width: 100%;

     }



     .blog-search:focus {

         width: 100%;

     }



     .detail-elements-grid {

         grid-template-columns: repeat(2, 1fr);

     }



     .detail-meta-row {

         flex-direction: column;

         align-items: flex-start;

     }



     .detail-author-bio {

         flex-direction: column;

     }



     .blog-newsletter {

         padding: 2.5rem 1.5rem;

     }



     .blog-newsletter-form {

         flex-direction: column;

         border: none;

     }



     .blog-nl-input {

         border: 1px solid rgba(201, 168, 76, 0.25);

         border-radius: 2px;

     }



     .blog-nl-btn {

         border-radius: 2px;

     }


     .testimonials-grid {

         grid-template-columns: 1fr;

     }



     .blog-grid {

         grid-template-columns: 1fr;

     }



     .trust-sep {

         display: none;

     }



     .cta-form {

         flex-direction: column;

     }



     .cta-input {

         border-right: 1px solid rgba(201, 168, 76, 0.25);

     }



     .triple-cert-row {

         flex-direction: column;

     }



     .triple-cert-item {

         flex-direction: row;

         justify-content: flex-start;

     }



     .num-core-grid {

         grid-template-columns: 1fr;

     }



     .num-core-card-wide {

         grid-column: 1;

     }



     .num-nine-grid {

         grid-template-columns: repeat(2, 1fr);

     }

 }


 @media (max-width: 640px) {

     .nav-logo {
         width: 200px;
     }


     .home-contact-detail-wrapper {
         grid-template-columns: repeat(1, 1fr);
     }


     .related-grid {

         grid-template-columns: 1fr;

     }



     .gallery-thumbs {

         gap: 0.5rem;

     }



     .product-title {

         font-size: 1.6rem;

     }



     .pdp-price-current {

         font-size: 1.6rem;

     }



     .shop-pagination {

         gap: 0.3rem;

     }



     .page-btn {

         width: 32px;

         height: 32px;

         font-size: 0.72rem;

     }



     .product-tabs-nav {

         overflow-x: auto;

         -webkit-overflow-scrolling: touch;

     }



     .product-tabs-nav::-webkit-scrollbar {

         height: 2px;

     }



     .product-tabs-nav::-webkit-scrollbar-track {

         background: var(--surface);

     }



     .product-tabs-nav::-webkit-scrollbar-thumb {

         background: var(--gold);

     }



     .ptab {

         padding: 0.9rem 1rem;

         font-size: 0.68rem;

     }

     .consult-grid {

         grid-template-columns: 1fr;

     }



     .contact-cards {

         gap: 1px;

     }



     .contact-social-links {

         gap: 0.5rem;

     }



     .planets-grid {

         grid-template-columns: repeat(3, 1fr);

     }



     .areas-grid {

         grid-template-columns: 1fr;

     }



     .values-grid {

         grid-template-columns: 1fr;

     }



     .name-grid {

         grid-template-columns: 1fr;

     }



     .footer-top {

         grid-template-columns: 1fr;

         gap: 2rem;

     }



     .hero-tabs {

         flex-wrap: wrap;

         width: 100%;

     }



     .hero-tab {

         flex: 1 1 45%;

         text-align: center;

     }



     .process-steps {

         grid-template-columns: 1fr;

     }



     .cta-form {

         flex-direction: column;

     }



     .cta-input {

         border-right: 1px solid rgba(201, 168, 76, 0.25);

     }



     .num-nine-grid {

         grid-template-columns: 1fr;

     }



     .num-hero-title {

         font-size: 2.2rem;

     }



     .num-float {

         display: none;

     }



     .loshu-areas-grid {

         grid-template-columns: 1fr;

     }



     .num-svc-content {

         padding: 2rem 1.4rem;

     }

 }


 @media (max-width: 575px) {

    .related-title{
        margin-bottom: 2rem;
    }

    .usage-step{
        padding: 1rem 0;
    }

    .breadcrumb-inner{
        padding-bottom: 0.6rem;
    }

     .cart-container {
         gap: 2rem;
     }

     .ci-product {
         flex-direction: column;
         align-items: start;
     }

     .faq-grid {
         background-color: transparent;
         gap: 12px;
     }

     .faq-item {
         padding: 0.6rem;
     }

     .service-visual {
         aspect-ratio: 4/4;
     }

     .stat-panel {
         padding: 20px;
     }

     .testimonials-grid,
     .vastu-grid,
     .blog-grid,
     .values-grid,
     .mv-grid {
         gap: 16px;
     }

     .section,
     .cta-banner,
     .service-section {
         padding-top: 60px;
         padding-bottom: 60px;
     }



     .cta-section .wpcf7-not-valid-tip,

     .cta-banner .wpcf7-not-valid-tip {

         position: static;

     }



     .cta-input-form {

         flex-direction: column;

         gap: 10px;

     }



     .cta-input-form .wpcf7-form-control-wrap input {

         width: 100%;

     }



     .blog-categories-section .blog-grid-label,

     .blog-tag-section .blog-grid-label {

         font-size: 20px;

     }


     .specs-table th,
     .specs-table td{
        padding: 0.6rem;
     }

     .product-info{
        gap: 1rem;
     }

     .product-detail-inner{
        gap: 2rem;
     }

     .product-price-block{
        padding: 1rem 0;
     }

 }


 @media (max-width: 520px) {

     .detail-elements-grid {

         grid-template-columns: 1fr 1fr;

     }



     .detail-inline-cta {

         flex-direction: column;

         gap: 1rem;

     }



     .blog-filter-bar {

         gap: 0.4rem;

     }



     .filter-btn {

         font-size: 0.58rem;

         padding: 0.4rem 0.65rem;

     }



     .detail-remedy {

         gap: 1rem;

     }



     .remedy-num {

         width: 1.8rem;

     }

 }


 @media (max-width: 480px) {

     .ptab {
         padding: 0.9rem 0.6rem;
     }

     .co-summary {
         padding: 1rem;
     }

     .form-block,
     .terms-block {
         padding: 1rem;
     }

     .sublord-badge {
         right: 0;
     }

     .kp-explainer,
     .testimonial-card,
     .vastu-small,
     .name-card,
     .mv-card,
     .kp-vs-col,
     .num-core-card {
         padding: 1rem;
     }

     .cert-badge {
         padding: 5px;
     }

     .about-cert-bar {
         gap: 8px;
     }

     .hero-desc br,
     .section-title br {
         display: none;
     }

     .cart-actions-row {

         flex-direction: column;

         align-items: flex-start;

     }

     .checkout-progress-inner {

         max-width: 100%;

     }



     .order-modal {

         padding: 2.5rem 1.5rem;

     }

     .nav-logo {
         width: 160px;
     }

 }


 @media (max-width: 375px) {
    .ptab {
         padding: 0.9rem 0.4rem;
     }

     .btn-add-cart {

         min-width: 100%;
         width: max-content;

     }

     .btn-primary,
     .btn-secondary {
         padding: 1rem;
     }

     .cart-summary {
         padding: 1rem;
     }


     .pillar-link {
         font-size: 0.60rem;
     }

     .navbar-btn {
         gap: 8px;
     }

     .nav-logo {
         width: 130px;
     }

     .nav-phone-icon {
         width: 30px;
         height: 30px;
         font-size: 11px;
     }

 }