@media (max-width:767px){

    p{
        font-size:14px;
    }
      .mega-menu-list > li > a{
          font-size:14px;
      }
        .header-btn {
            position: absolute;
            top: 22px;
            left: 48%;
        }
    .handmade{
        font-size: 12px;
        padding: 8px 14px;
        padding-right: 32px;
    }
    .hambuuefer{
        top:24px;
    }
    .handmade::after {
        right: 10px;
        width: 16px;
        height: 16px;
    }
    .key-contet-point li p{
        font-size:14px;
    }
    .section-title.text-center .sec-big-title {
    margin: 0 0 40px;
    }
    
    .viewbtn{
        font-size: 12px;
        font-weight: 600;   
    }
    
    .viewbtn .arrow-circle {
    line-height: 24px;
    width: 24px;
    height: 24px;
    }
    .viewbtn .arrow-circle svg{
     width: 16px;
    height: 16px;   
    }
    /* ---------- Banner ---------- */
    .banner-sec-em{
        height:auto;
        padding:5rem 0;
        background-position: left;
    }
    .banner-content{
        max-width:100%;
        text-align:center;
    }
    .banner-content h1{
        font-size:22px;
        margin:0 0 40px;
    }
    .banner-content h1:before{
        width: 200px;
        height: 14px;
        bottom: -22px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .banner-content p{
        font-size:14px;
    }
    .banner-btn{
        margin-top:20px;
    }

    /* ---------- Key Numbers ---------- */
    .key-number-sec{
        padding:30px 0;
    }
    .key-content{
        margin-bottom:25px;
        text-align:center;
    }
    .key-contet-point{
        justify-content:center;
        gap:20px 0;
    }
    .key-contet-point li{
        flex:0 0 50%;
        max-width:50%;
        justify-content:center;
        padding:0 10px;
        border-right:none !important;
        text-align:center;
        flex-direction:column;
        gap:8px;
    }
    .key-contet-point li:first-child,
    .key-contet-point li:last-child{
        padding:0 10px;
    }
    /* ---------- Section Titles ---------- */
    .sec-big-title{
        font-size:22px;
        margin:0 0 40px;
        line-height:1.3em;
        text-align:center;
    }
    .sec-big-title:before{
        right: 0;
        margin: 0 auto;
        background-image: url(../image/bg/title-tag.webp);
        background-size: cover;
        width: 200px;
        height: 18px;
        bottom: -26px;
    }
    .section-title.text-center .sec-big-title:before{
        width:200px;
        height:18px;
        bottom:-26px;
    }
    .intro-content h2{
        font-size:26px !important;
    }
    .intro-handel-sec{
        padding:50px 0 20px;
    }
    .intro-content p{
        font-size:14px;
    }
    .tradition-content h4{
        FONT-SIZE:16px;
    }
    /* ---------- Products ---------- */
    .product-handel-sec{
        padding:0 0 50px;
    }
    .prod-titlebtn{
        margin:0 0 15px;
    }
    .prod-titlebtn .col-lg-6:last-child{
        margin-top:10px;
    }

    .product-title h4{
        font-size:18px;
    }
    .product-handel-sec .product-row:not(:last-child){
        margin-bottom:35px;
    }
    .handmade-card .handm-img{
        height:auto;
    }
    .handmade-card .handm-content p{
        max-height:150px;
        opacity:1;
        transform:none;
        margin:12px 0 0;
    }
    .handmade-card .handm-content{
        padding:16px;
        position:relative;
    }
    .handmade-card .han-title-arrow h4 {
    font-size: 16px;
    }
    .handmade-card .handm-content p {
    font-size: 13px;
    }
    
    .product-row .row:last-child{
        row-gap:20px;
    }
    
    /* ---------- Traditional Techniques ---------- */
    .traditional-sec{
        padding:50px 0;
    }
    .tradition-card{
        flex-direction:column;
        text-align:center;
        align-items:center;
        gap:10px;
    }
    .tradition-card:not(:last-child){
        border-right:none;
    }
    .traditional-sec .row > div:not(:last-child) .tradition-card{
        border-bottom:1px dashed #D9A66C;
        padding-bottom:20px;
    }
    .tradition-img{
        width:120px;
        height:120px;
        min-width:120px;
    }

    /* ---------- Why Choose ---------- */
    .why-chooce-sec .container .row{
        padding:2rem 1rem;
    }
    .about-maingsd{
        position:static;
        margin-top:25px;
    }
    .about-maingsd img{
        width:100%;
        height:auto;
    }
    .why-points li{
        font-size:13px;
    }
    .about-paragraph-cont p{
       font-size:13px; 
    }
    .cta--img{
        text-align:center;
    }
    /* ---------- CTA ---------- */
    .cta-sec{
        padding:2.5rem 0;
    }
    .cta-content{
        padding:20px;
        text-align:center;
    }
    .cta-content .row{
        row-gap:15px;
    }
    .cta--img img{
        max-width:120px;
        margin:0 auto;
    }

    /* ---------- Custom Collections ---------- */
    .create-custom-sec{
        padding:0 0 2.5rem;
    }
    .collection-card{
        padding:14px;
        gap:14px;
    }
    .collection-card img{
        width:70px;
        height:70px;
    }
    .collection-card h4{
        font-size: 13px;
        font-weight: 500;
    }
    .indian-handmade-sec .row{
          flex-direction: column-reverse;  
    }
    .indian-handmade-sec.empowering .row{
          flex-direction: unset;  
    }
    /* ---------- Indian Handmade / Empowering ---------- */
    .indian-handmade-sec{
        padding:1.5rem 0;
    }
    .indian-handmade-sec:before{
        display:none;
    }
    .indian-handmade-img,
    .indian-handmade-sec.empowering .indian-handmade-img{
        margin:0 0 20px;
    }
    .indian-handmade-content,
    .indian-handmade-sec.empowering .indian-handmade-content{
        margin:0;
        text-align:center;
    }
    .serving-card{
        padding:15px;
    }
    
    .serving-card .han-title-arrow h4 {
    font-size: 16px;
    }
    .serving-card .serving-content p{
        font-size:13px;
    }
    .buyers-areas li p {
    font-size: 13px;
    }
    /* ---------- Serving Brands ---------- */
    .serving-brand-sec{
        padding:2.5rem 0;
    }
    .servingSwiper{
        padding-bottom:50px;
    }
    .servingSwiper .swiper-button-prev,
    .servingSwiper .swiper-button-next{
        width:34px;
        height:34px;
    }

    /* ---------- Buyers ---------- */
    .buyers-sec{
        padding:2.5rem 0;
    }
    .buyers-img{
        margin-bottom:20px;
    }
    .buyers-img img{
        height:auto;
    }
    .buyers-areas li{
        margin-left:0;
        padding:15px 0;
    }
    .buyers-areas li h4{
        font-size:16px;
        margin:0 0 10px;
    }

    /* ---------- FAQ ---------- */
    .our-faq-section{
        padding:3rem 0;
    }
    .common-faq .accordion-header .accordion-button{
        font-size: 14px;
        padding: 15px 40px 15px 15px;
        line-height: 1.4;
    }
    .common-faq .accordion-body{
        padding: 0 15px 15px 15px;
        font-size: 13px;
        text-align: justify;
    }

    /* ---------- Footer ---------- */
    .main-footer{
        padding:35px 0 0;
    }
    .footer-booking-title .heal-title{
        font-size:36px;
    }
    .footer-booking-btn{
        text-align:left;
        margin-top:15px;
    }
    .about-footer-content p{
        max-width:100%;
    }
    .footer-row .row .col-lg-6:first-child .footer-links:last-child{
        margin-top:20px;
    }
    .whatsappicon{
        right:6px;
    }
    
    .common-faq .accordion-item .accordion-button::after,
    .common-faq .accordion-item .accordion-button.collapsed::after{
       width: 24px;
        height: 24px; 
        right: -10px;
        background-size: 10px auto;
    }
    .about-footer{
        text-align:center;
        margin:0 0 20px;
    }
    
    .footer-links h4 {
    font-size: 14px;
    margin-bottom: 10px;
    }
    
    .footer-links{
        margin:0 0 20px;
    }
    .footer-links ul li a{
        font-size:13px;
    }
    .footer-contact-box .footer-info-box{
        margin-bottom:10px;
    }
    .footer-info-box p, .footer-info-box a{
        font-size:13px;
    }
    .footer-copyright-text{
        text-align:center !important;
    }
    
    .contact-sec-title {
        font-size: 24PX;
    }
    
    .contact-sec-breadcrumb-badge {
        font-size: 11PX;
    }
    
    .handmade-craft-section .row {
        flex-direction: column-reverse;
    }
    
    .handmade-craft-section {
    padding: 2rem 0;
}


  .handmade-craft-section-images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
  }

  .handmade-craft-section-image-small {
    width: 42%;
    height: auto;
    aspect-ratio: 152 / 193;
    object-fit: cover;
  }

  .handmade-craft-section-image-large {
    width: 55%;
    height: auto;
    aspect-ratio: 332 / 440;
    object-fit: cover;
  }
  
  
    .heritage-strip {
    padding: 25px 15px;
    overflow: hidden;
  }

  /* Tagline */
  .heritage-strip .strip-tagline {
    font-size: 15px !important;
    line-height: 1.4;
    margin: 0 auto 22px !important;
    max-width: 350px;
    text-align: center;
  }

  /* Badges - 2 columns */
  .heritage-strip .strip-badges {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center;
  }

  /* Individual badge */
  .heritage-strip .strip-badges li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  /* Icon */
  .heritage-strip .strip-badges li svg {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  /* Text */
  .heritage-strip .strip-badges li p {
    font-size: 12px;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
  }

  /* Remove desktop dividers */
  .heritage-strip .strip-badges li:not(:last-child)::after {
    display: none;
  }
  
  
      /* Main Section */
    .saree-section {
        width: 100%;
        padding: 35px 0;
        gap: 20px;
        overflow: hidden;
    }

    .saree-section > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Section Heading */
    .saree-section .section-title {
        padding: 0 5px;
        margin-bottom: 30px;
    }

    .saree-section .section-title .sec-big-title {
        font-size: 22px;
        line-height: 1.3;
    }

    .saree-section .section-title p {
        font-size: 14px;
        line-height: 1.6;
    }


    /* =====================================
       EACH PRODUCT ROW
       ===================================== */

    .saree-section-row {
        display: flex;
        width: 100%;
        min-height: auto;
        margin-bottom: 45px;
        align-items: stretch;
        flex-direction: column;
    }


    /* =====================================
       IMAGE - ALWAYS FIRST ON MOBILE
       ===================================== */

      /* Image column */
    .saree-section-col-image,
    .saree-section-col-image.reverse {
        order: 1;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 400px;
        margin: 0;
        padding: 0;
        clip-path: none;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Swiper */
    .product-subcarousel {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 400px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .product-subcarousel .swiper-wrapper {
        width: 100%;
        min-width: 0;
    }

    .product-subcarousel .swiper-slide {
        width: 100% !important;
        height: 400px;
        flex-shrink: 0;
    }

    /* Images */
    .saree-section-image-tag,
    .saree-section-col-image.reverse img {
        width: 100%;
        max-width: 100%;
        height: 400px;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
        clip-path: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* =====================================
       CONTENT - ALWAYS SECOND
       ===================================== */

    .saree-section-col-content,
    .saree-section-col-content.reverse {

        order: 2;

        flex: none;
        width: 100%;

        margin: 0;
        padding: 45px 30px;

        min-height: auto;

        display: flex;
        align-items: center;
        justify-content: center;

        clip-path: none;

        background-color: #f7efe4;

        box-sizing: border-box;

        overflow: hidden;
    }


    /* =====================================
       CONTENT INNER
       ===================================== */

    .saree-section-content-inner,
    .saree-section-col-content.reverse .saree-section-content-inner {

        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0;

        position: relative;
        z-index: 3;

        text-align: left;
    }


    /* =====================================
       PRODUCT TITLE
       ===================================== */

    .saree-section .sec-big-title.sub {

        font-size: 20px;
        line-height: 1.25;

        margin: 0;

        text-align: center;
    }


    /* =====================================
       DECORATIVE DIVIDER
       ===================================== */

    .saree-section-divider {

        width: 100%;
        max-width: 150px;

        margin: 16px auto 25px;

        font-size: 12px;

        gap: 8px;
    }


    /* =====================================
       DESCRIPTION
       ===================================== */

    .saree-section-content-inner p,
    .saree-section-description {

        width: 100%;

        margin: 0;

        font-size: 15px;
        line-height: 1.7;

        color: #242220;

        text-align: left;
    }


    /* =====================================
       FLORAL BACKGROUND
       ===================================== */

    .saree-section-col-content::before,
    .saree-section-col-content.reverse::before {

        width: 300px;
        height: 350px;

        top: 50%;
        left: 50%;
        right: auto;

        transform: translate(-50%, -50%);

        opacity: 0.18;
    }

    .saree-section-col-content.reverse::before {
        transform: translate(-50%, -50%);
    }


    /* =====================================
       PAGINATION
       ===================================== */

    .saree-section-pagination,
    .saree-section-col-image.reverse .saree-section-pagination {

        left: 50%;

        bottom: 18px;

        transform: translateX(-50%);
    }

    .saree-section-pagination .pagination-dot {

        width: 8px;
        height: 8px;
    }

    .saree-section-pagination .pagination-dot.active {

        width: 25px;
        height: 8px;
    }
    
    
    .womens-wear-sourcing {
   
    padding: 15px 0;
    
    }
    
    
    .womens-wear-sourcing .sourcing-icon-box {
        
        width: 55px;
    height: 55px;
    }
    
    .womens-wear-sourcing .brand-values-title{
        
        font-size: 16px;
        font-weight:500;
    }
    
    .womens-wear-sourcing .row {
    row-gap: 10px;
}
    
    
        .bulk-order-steps {
        padding: 1rem 0 2.5rem;
        overflow: hidden;
    }

    .bulk-order-steps .container {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    /* Section heading */
    .bulk-order-steps .sec-big-title {
                font-size: 22px;
        line-height: 1.3;
        margin: 0 0 47px !important;
    }

    /* Steps row */
    .bulk-order-row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    /* Each step */
    .bulk-order-row > div {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 42px;
    }

    .bulk-step-item {
        width: 100%;
        padding: 0 15px;
        text-align: center;
        box-sizing: border-box;
    }

    /* Remove desktop arrows */
    .bulk-step-item-arrow::before {
        display: none;
    }

    /* Icon */
    .bulk-step-icon-box {
        width: 70px;
        height: 70px;
        margin: 0 auto 18px;
    }

    .bulk-step-icon-box img {
        width: 32px;
        height: 32px;
    }

    /* Step title */
    .bulk-order-steps .brand-values-title {
        font-size: 16px;
        font-weight:500;
        
    }

    /* Step paragraph */
    .bulk-step-item p {
        font-size: 15px;
        line-height: 1.65;
        margin: 0 auto;
        max-width: 430px;
    }

    /* CTA */
    .bulk-order-row {
        margin-bottom: 15px;
    }

    .bulk-order-cta-wrapper {
        margin-top: 5px;
    }
    
    
        /* Main Section */
    .artisan-craft-support {
        padding: 2.5rem 0 0;
        overflow: hidden;
    }

    .artisan-craft-support .container {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }


    /* ==============================
       IMAGE
       ============================== */

    .artisan-craft-image-wrapper {
        width: 100%;
        margin-bottom: 35px;
    }

    .artisan-craft-image-bg {
        width: 180px;
        height: 180px;
        left: -12px;
        bottom: -12px;
    }

    .artisan-craft-img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        display: block;
    }


    /* ==============================
       CONTENT
       ============================== */

    .artisan-craft-content {
        width: 100%;
        padding-left: 0;
    }

    .artisan-craft-content .sec-big-title {
        font-size: 22px;
        line-height: 1.3;
        margin: 0 0 22px;
        text-align: center;
    }


    /* ==============================
       TEXT
       ============================== */

    .artisan-craft-text-block {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .artisan-craft-text-block p {
        font-size: 15px;
        line-height: 1.7;
        margin: 0;
        text-align: left;
    }

        /* Main Section */
    .handmade-craft-uniqueness {
        padding: 2.5rem 0 2rem;
        overflow: hidden;
    }

    .handmade-craft-uniqueness .container {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    /* Content comes first */
    .craft-uniqueness-content {
        padding-right: 0;
        margin-bottom: 40px;
    }

    /* Heading */
    .handmade-craft-uniqueness .sec-big-title {
        font-size: 22px;
        line-height: 1.3;
        margin: 0 0 22px;
        text-align: center;
    }

    /* Paragraphs */
    .craft-uniqueness-content p {
        font-size: 15px;
        line-height: 1.7;
        margin: 0 0 18px;
        text-align: left;
    }

    .craft-uniqueness-content p:last-child {
        margin-bottom: 0;
    }

    /* Image */
    .craft-uniqueness-image-wrapper {
        width: 100%;
        margin: 0;
    }

    .craft-uniqueness-img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        display: block;
    }

    /* Gold decorative frame */
    .craft-uniqueness-image-frame {
        top: -12px;
        right: -12px;
        width: 180px;
        height: 180px;
    }
    
    
    .why-source-suryanagri {
        padding: 2.5rem 0;
        overflow: hidden;
    }

    .why-source-suryanagri .container {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    /* Section Heading */
    .why-source-suryanagri .custom-title {
        margin-bottom: 30px;
    }

    .why-source-suryanagri .sec-big-title {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 0;
    }

    /* Grid */
    .why-source-grid {
        width: 100%;
        border: 1px solid #e5e5e5;
    }

    /* One card per row */
    .why-source-grid .row {
        margin: 0;
    }

    .why-source-grid .row > div {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    /* Card */
    .why-source-item {
        height: auto;
        min-height: 0;
        padding: 32px 38px;
        border-right: none !important;
        border-bottom: 1px solid #e5e5e5;
    }

    /* Remove bottom border from last card */
    .why-source-grid .row > div:last-child .why-source-item {
        border-bottom: none;
    }

    /* Icon */
    .why-source-icon-box {
        width: 64px;
        height: 64px;
        margin: 0 0 20px;
    }

    .why-source-icon-box svg {
        width: 26px;
        height: 26px;
    }

    /* Title */
    .why-source-suryanagri .brand-values-title {
        font-size: 16px;
        font-weight:500;
        line-height: 1.4;
        margin: 0 0 10px;
        padding: 0;
    }

    /* Paragraph */
    .why-source-item p {
        font-size: 14px;
        line-height: 1.65;
        margin: 0;
    }
    
    
      .key-numbers-section {
        padding: 2rem 0 4rem;
        overflow: hidden;
    }

    .key-numbers-section .container {
        padding: 0 15px;
    }

    /* Outer Frame */
    .stats-outer-frame {
        padding: 10px;
    }

    /* Inner Card */
    .stats-inner-container {
        padding: 30px 22px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
    }

    /* Heading */
    .stats-heading-column {
        width: 100%;
        max-width: 100%;
        flex: none;
        text-align: left;
    }

    .stats-kicker {
        font-size: 10px;
        letter-spacing: 2px;
        margin-bottom: 6px;
    }

  

    .stats-gold-line {
        width: 55px;
        height: 3px;
    }

    /* Stats */
    .stats-grid {
        width: 100%;
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .stat-card {
        width: 100%;
        flex: none;
        padding: 18px 0;
        text-align: left;
    }

    .stat-number {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 7px;
        white-space: nowrap;
    }

    .stat-label {
        font-size: 13px;
        line-height: 1.4;
    }

    /* Horizontal dividers between stats */
    .stat-divider {
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
        flex-shrink: 0;
    }
    
    
    .wholesale-amenities-section {
        min-height: auto;
        background-position: center;
        display: block;
        padding: 40px 0;
        overflow: hidden;
    }

    .wholesale-container {
        width: 100%;
        padding: 0 15px;
        display: block;
    }

    .wholesale-card {
        position: relative;
        left: auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 45px 25px;
        box-sizing: border-box;
    }

    .wholesale-title {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 20px;
    }

    .wholesale-card p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .wholesale-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .wholesale-actions .pilgrima-boxss {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .wholesale-actions .handmade {
        white-space: nowrap;
    }

    .wholesale-actions img {
        width: 40px;
        height: 40px;
        display: block;
    }

    .card-pattern {
        opacity: 0.08;
    }
    
    .contact-sec-banner {
        min-height:auto;
    }

    
.contact-sec-container {
        padding: 30px 20px 30px;
} 

.brand-values-title {
        font-weight: 500;

}


 .suryanagri-saree-features-section .saree-features-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .suryanagri-saree-features-section .saree-title-wrap {
        width: 100%;
    }

    .suryanagri-saree-features-section .saree-action-wrap {
               margin: 0 auto;
    }

    .suryanagri-saree-features-section .saree-learn-more-btn {
        display: inline-flex;
    }

    /* Cards - 2 columns */
    .suryanagri-saree-features-section .row {
        row-gap: 20px;
    }



    /* Card */
    .suryanagri-saree-features-section .saree-feature-card {
        height: 100%;
    }

    .suryanagri-saree-features-section .saree-icon-block {
        width: 55px;
        height: 55px;
    }

    .suryanagri-saree-features-section .saree-icon-block svg {
        width: 32px;
        height: 32px;
    }

    .suryanagri-saree-features-section .brand-values-title {
        font-size: 20px;
        line-height: 1.3;
    }

    .suryanagri-saree-features-section .saree-card-body p {
        font-size: 14px;
        line-height: 1.6;
    }
    
    
    .suryanagri-saree-features-section{
   padding:40px 0px;
    }
    
    .artisan-craft-support.res .row{
        flex-direction:column-reverse;
    } 
    
    
    .artisan-craft-support.res .saree-craft-image-bg{
        display:none;
    }
    
    .artisan-craft-support.res .pilgrima-boxss{
        margin: 10px 0 15px 0;
    }
    
    
    .saree-details-section {
    overflow: hidden;
  }

  .saree-details-section .container {
    width: 100%;
    padding: 0 15px;
  }

  .saree-details-section .left-column-panel,
  .saree-details-section .right-column-panel {
    width: 100%;
    max-width: 100%;
  }

  .saree-details-section .details-card,
  .saree-details-section .cta-content-subdetail {
    width: 100%;
    padding: 30px 25px;
    box-sizing: border-box;
  }

  .saree-details-section .details-card .sec-big-title,
  .saree-details-section .cta-content-subdetail .sec-big-title {
    font-size: 25px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 18px;
  }

  .saree-details-section .details-card p,
  .saree-details-section .cta-content-subdetail p {
    font-size: 15px;
    line-height: 1.6;
  }

  .saree-details-section .features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 15px;
  }

  .saree-details-section .features-grid .item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: 13px;
  }

  .saree-details-section .features-grid .item svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }

  .saree-details-section .cta-content-subdetail {
    padding: 35px 25px;
  }

  .saree-details-section .pilgrima-boxss {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .saree-details-section .pilgrima-boxss .handmade {
    flex: 1;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
    padding: 10px 12px;
    font-size: 13px;
  }

  .saree-details-section .pilgrima-boxss img {
    width: 38px;
    height: 38px;
  }

  .saree-details-section .row {
    margin-left: 0;
    margin-right: 0;
  }
  
  
  .abt-breadcrumb{
          padding: 13px 0;
  }
  
  
  .abt-breadcrumb h1{
      font-size:21px;
  }
  
  .abt-brush-text {
      padding: 45px 44px;
      margin-bottom:0;
  }
  
  .abt-breadcrumb .abt-intr {
      font-size: 15px;
  }
  
  
  .surya-born .section-title.text-center {
          margin: 0 0 0;
  }
    
    .hands-behind-craft-sec {
        padding: 9px 0 4px;
    }
    
    .hands-behind-craft-sec h3 {
        font-size: 18px;
    }
    
    .hands-behind-craft-sec .behind-craft {
    padding-left: 0px;
}

.we-began-directly .quote-text {
    font-size: 20px;
  
    margin: 5px 0 20px;
}

.we-began-directly .quote-card{
    
    padding: 13px;
}


  .visn-misn {
    padding: 40px 0;
  }

  .visn-misn .container {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  /* Stack Vision & Mission */
  .visn-misn .vision-col,
  .visn-misn .mission-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* Vision */
  .visn-misn .vision-col {
    margin-bottom: 40px;
  }

  /* Remove desktop divider */
  .visn-misn .mission-col {
    border-left: none;
  }

  /* Keep heading compact */
  .visn-misn .card-head {
    gap: 12px;
    margin-bottom: 14px;
  }

  .visn-misn .icon-box {
    width: 48px;
    height: 48px;
  }

  /* Keep text readable above the decorative image */
  .visn-misn .vision-col p,
  .visn-misn .mission-col p {
    position: relative;
    z-index: 3;
    padding-right: 45px;
  }

  /* Smaller decorative image */
  .visn-misn .fabric-wrapper {
    width: 110px;
    height: 100%;
  }

  /* Keep botanical element subtle and inside section */
  .visn-misn .botanical-accent {
  display:none!important;
  }
  
  
  .our-director {
      padding: 66px 0 0;
  }
  
  .lively-hood .organic-badge{
      display:none;
  }
  
  .lively-hood .sec-big-title {
      font-size: 21px;
  }
  
  .lively-hood {
    padding: 31px 0;
   
}

.text-quote {
    font-size: 17px;
}

.key-numbers-section .sec-big-title {
    font-size: 25px;
}

.lively-hood .support-content {
    margin-bottom: 36px;
}


  .loc-cta-sec {
    padding: 50px 15px;
  }

  .loc-cta-sec .cta-card {
    max-width: 100%;
    padding: 35px 20px;
  }

  .loc-cta-sec .sec-big-title {
    font-size: 23px;
    line-height: 1.3;
  }

  .loc-cta-sec .cta-text {
    font-size: 15px;
    line-height: 1.6;
  }

 .locations-section {
    padding: 2rem 0 0;
}

  .loc-cta-sec .handmade {
    width: 100%;
  }
  
      .locations-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  
  
    .features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  
  
  .hand-made-rajastan {
        padding: 50px 0;
    }

    .hand-made-rajastan .section-title {
        margin-bottom: 30px;
    }

    .hand-made-rajastan .sec-big-title {
        font-size: 30px;
        line-height: 1.25;
    }

    .hand-made-rajastan .section-title p {
        font-size: 15px;
        line-height: 1.6;
    }

    .hand-made-rajastan .row {
        flex-direction: column;
        gap: 25px;
    }

    .hand-made-rajastan .image-col {
        width: 100%;
    }

    .hand-made-rajastan .image-col img {
        min-height: 320px;
        height: 320px;
    }

    .hand-made-rajastan .cards-col {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .hand-made-rajastan .card {
        padding: 25px 20px;
    }

    .hand-made-rajastan .card p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 1.6;
    }

    .hand-made-rajastan .brand-values-title {
        font-size: 20px;
    }
    
    
    

    .sourcing-section .section-title {
        margin-bottom: 30px;
    }

    .sourcing-section .sec-big-title {
        font-size: 30px;
        line-height: 1.3;
    }

    /* Make table scrollable on small screens */
    .sourcing-section {
        overflow: hidden;
    }

    .sourcing-section table {
        width: 700px;
        min-width: 700px;
    }

    .sourcing-section .container {
        overflow-x: auto;
    }

    .sourcing-section th,
    .sourcing-section td {
        padding: 15px 18px;
        font-size: 14px;
    }

    .sourcing-section th {
        font-size: 15px;
    }

    .sourcing-section td {
        line-height: 1.5;
    }
    
    
        .hand-made-rajastan .card {
                margin-left: 30px;

        }
    
    
  .partner-section {
   
    padding: 20px 0;
}


.hand-made-rajastan .sec-big-title {
        font-size: 22px;
}


.sourcing-section .sec-big-title {
        font-size: 22px;
}

    

}




@media(min-width : 768px) and (max-width : 900px){
    
    p{
        font-size:15px;
    }
        .header-btn {
        position: absolute;
        right: 80px;
        top: 18px;
    }
    .buyers-img img, .indian-handmade-img img{
        width:unset;
    }
    .buyers-img, .indian-handmade-img{
        text-align:center;
    }
    .why-points li{
        font-size:14px;
    }
    .handmade {
        font-size: 13px;
        padding: 9px 16px;
        padding-right: 34px;
    }
    .key-contet-point{
         gap: 20px;   
    }
    .collection-card{
        padding:15px;
    }
    .indian-handmade-sec:before{
        display:none;
    }
    .serving-card .han-title-arrow h4 {
    font-size: 16px;
    }
    .serving-card .serving-content p {
    font-size: 13px;
    }
    .servingSwiper .swiper-button-prev, 
    .servingSwiper .swiper-button-next {
    width: 36px;
    height: 36px;
    }
    .indian-handmade-sec .row{
        flex-direction: column-reverse;  
    }
    .indian-handmade-sec.empowering .row{
        flex-direction: unset;  
    }
    
    .collection-card h4 {
    font-size: 15px;
    font-weight: 500;
    }
    .viewbtn{
        font-weight:500;
        font-size: 13px;
    }
    .sec-big-title:before{
        right: 0;
        margin: 0 auto;
        background-image: url(../image/bg/title-tag.webp);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 25px;
        width: 300px;
        bottom: -40px;
    }
    .product-title h4 {
    font-size: 20px;
    }
    .key-contet-point li:first-child {
    padding-left: 18px;
    }
    .key-contet-point li:not(:last-child) {
    border-right: unset;
    }
    
    .handmade-card .han-title-arrow h4 {
    font-size: 16px;
    }
    
    .product-row .row:last-child{
        row-gap:25px;
    }
    
    .product-handel-sec .product-row:not(:last-child) {
    margin-bottom: 40px;
    }
    
    .tradition-content h4{
        font-size:16px;
    }
    
    /* ---------- Banner ---------- */
    .banner-sec-em{
        height:480px;
    }
    .banner-content{
        max-width:78%;
    }
    .banner-content h1{
        font-size:32px;
        margin:0 0 45px;
    }

    /* ---------- Key Numbers ---------- */
    .key-contet-point li{
        padding:0 18px;
    }
    .key-contet-point li p{
        font-size:14px;
    }

    /* ---------- Section Titles ---------- */
    .sec-big-title{
        font-size:28px;
        margin:0 0 50px;
        text-align:center;
    }
    .intro-content h2{
        font-size:34px !important;
    }

    /* ---------- Products ---------- */
    .handmade-card .handm-img{
        height:380px;
    }

    /* ---------- Traditional Techniques ---------- */
    .tradition-card{
        padding:15px 10px;
        gap:10px;
    }
    .tradition-card:nth-child(even){
        border-right:none;
    }
    .tradition-img{
        width:130px;
        height:130px;
        min-width:130px;
    }
    .tradition-content p{
        font-size:12px;
    }

    /* ---------- Why Choose ---------- */
    .about-maingsd{
        position:static;
        margin-top:30px;
        text-align:center;
    }
    .about-maingsd img{
        height:auto;
        width:unset;
    }

    /* ---------- CTA ---------- */
    .cta-content{
        padding:30px;
    }
    .cta-content .row > div{
        text-align:center;
        margin-bottom:15px;
    }
    .cta--img img{
        max-width:150px;
        margin:0 auto;
    }

    /* ---------- Indian Handmade / Empowering ---------- */
    .indian-handmade-img,
    .indian-handmade-sec.empowering .indian-handmade-img{
        margin:0 0 25px;
    }
    .indian-handmade-content,
    .indian-handmade-sec.empowering .indian-handmade-content{
        margin:0;
    }

    /* ---------- Buyers ---------- */
    .buyers-img{
        margin-bottom:25px;
    }
    .buyers-img img{
        height:auto;
    }
    .buyers-areas li{
        margin-left:0;
    }

    /* ---------- Footer ---------- */
    .footer-booking-title .heal-title{
        font-size:60px;
    }
    
    .buyers-areas li h4 {
    font-size: 18px;
    margin: 0 0 10px;
    }
    .common-faq .accordion-header .accordion-button{
        font-size:16px;
    }
    
}



@media(min-width : 901px) and (max-width : 1200px){

    /* ---------- Banner ---------- */
    .banner-sec-em{
        height:520px;
    }
    .banner-content{
        max-width:65%;
    }
    .banner-content h1{
        font-size:36px;
        margin:0 0 50px;
    }
    .product-title h4 {
    font-size: 22px;
    }
    
    .handmade-card .han-title-arrow h4 {
    font-size: 15px;
    }
    
    .handmade-card .handm-content{
        padding:15px;
    }
    .viewbtn{
        font-weight:600;
    }
    
    /* ---------- Key Numbers ---------- */
    .key-contet-point li{
        padding:0 25px;
    }

    /* ---------- Section Titles ---------- */
    .sec-big-title{
        font-size:30px;
    }
    .intro-content h2{
        font-size:42px !important;
    }
    
    .collection-card h4 {
    font-size: 15px;
    font-weight: 500;
    }
    
    .serving-card .han-title-arrow h4 {
    font-size: 16px;
    }

    /* ---------- Products ---------- */
    .handmade-card .handm-img{
        height:400px;
    }

    /* ---------- Traditional Techniques ---------- */
    .tradition-img{
        width:120px;
        height:120px;
        min-width:120px;
    }
    
    .tradition-content h4{
        font-size:16px;
    }
    
    .serving-card .serving-content p {
    font-size: 13px;
    }
    
    .buyers-areas li h4 {
    font-size: 17px;
    margin: 0 0 10px;
    }
    
    .buyers-areas li p {
    font-size: 14px;
    }
    
    /* ---------- Why Choose ---------- */
    .about-maingsd{
        right:15px;
    }
    .about-maingsd img{
        width:420px;
    }

    /* ---------- CTA ---------- */
    .cta-content{
        padding:30px;
    }

    /* ---------- Buyers ---------- */
    .buyers-img img{
        height:auto;
    }
    
    .footer-links ul li a, .footer-info-box p,
    .footer-info-box a{
        font-size:13px;
    }
    .footer-links h4 {
    font-size: 14px;
    margin-bottom: 10px;
    }
    .footer-copyright-text p, .footer-copyright-text a{
      font-size:13px;  
    }
    .footer-social-links ul li {
        margin-right:10px;
    }
    
    .about-footer-content p {
    max-width: 100%;
    font-size: 13px;
    }
    
    
    .handmade-craft-section .sec-big-title{
            font-size: 22px;
    }
    
    
    
    
    .brand-values-section  .brand-values-title {
        font-size:16px!important;
        font-weight:500!important;
    }
    
    
    
}


@media(max-width : 1200px){
    .header-infoass{
        display:none;
    }
    .dropdownd{
        padding-right:0;
    }
    .headersub-logo, .hambuuefer{
        display:block;
    }
    .mega-menu-list > li::after{
        display:none;
    }
    .mega-menu-list > li.dropdownd > a {
    padding-bottom: 0;
    }
    .close-button {
        position: absolute;
        right: 20px;
        display: block;
        top: 20px;
    }
    .submenu li a{
        padding: 0;
        font-size: 13px;  
    }
    .mega-menu-main {
        position: relative;
    }
    .submenu {
        position: relative;
        left: unset;
        top: unset;
        opacity: 1;
        visibility: visible;
        margin: 10px 0;
        width: 100%;
        border-radius: unset;
        transform:unset;
        display:none;
        padding:15px;
    }
 
    .submenu.visible {
        display: block;
    }
    .dropdownd:hover .submenu {
    opacity: 1;
    visibility: visible;
    margin: 10px 0; 
    transform: unset;
    }
    .whatsappicon .call-icons{
      display: block;  
    }
    .dropdownd .dropn-btnmobile {
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 25px;
        top: 0;
        background: #881E1E;
        display: inline-block;
        color:#fff;
        margin:unset;
    }
    .mega-menu-list{
    gap: 0;
    flex-direction: column;
    align-items:unset;
    gap:10px;
    }
    .close-button i {
        font-size: 27px;
        color: #CC984F;
    }
    .hambuuefer {
        position: absolute;
        right: 22px;
        display: block;
        z-index: 999;
        max-width: fit-content;
        padding: 0;
    }
    .hambuuefer i {
        font-size: 27px;
        color: #CC984F;
    }
    .mega-menu {
        position: fixed;
        z-index: 999999;
        background: #fff;
        top: 0;
        width: 100%;
        height: 100vh;
        left: 0;
        padding: 90px 25px 25px;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
        display: block;
    }
  
    .mega-menu.shows {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}