@media only screen and (min-width: 962px) and (max-width: 1140px){
     .c-card__title, .product-card h3 {
        min-height: 70px;
    }
}


@media(min-width:1024px){
    .search-box-mobile{
        display: none;
    }
    .copyright-mobile{
        display: none;
    }
    .meet-box-inner{
        display: block;
    }
    .meet-box-inner-mobile{
        display: none;
    }
    ul.up-top{
        margin-top: 8px;
    }
}



/* ==========================================
   Tablet Responsive (1024px)
========================================== */

@media(max-width:1024px){



/* ==========================================
   Home Page Responsive
========================================== */

.meet-head{

}

    .meet-box-inner{
        display: none;
    }
    .meet-box-inner-mobile{
        display: block;
    }
    .main-nav {
        display: none;
    }
    .mobile-toggle {
        background-color: #fff;
        width: 42px;
        height: 42px;
        padding: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
    }
    .site-header{
        border-bottom: none;
    }

    .search-box {
        display: none;
    }
    .header-actions .user-icon {
        display: none;
    }
    .sell-btn{
        display: none;
    }
    .cart-dot {
        width: 6px;
        height: 6px;
        right: 6px;
        top: 6px;
    }
    /* .footer-col:nth-child(2) ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px 20px;
        list-style: none;
        padding: 0;
        margin: 0;
    } */

    .header-actions .cart-icon {
        background-color: #fff;
        width: 42px;
        height: 42px;
        padding: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
    }
    .mobile-toggle span {
        width: 24px;
        height: 3px;
        border-radius: 10px;
        background: #4c4c4c;
    }
    .mobile-toggle span:nth-child(2) {
        height: 2px;
    }
    .search-box-mobile input {
        position: relative;
        width: 100%;
        padding: 12px 15px 12px 50px;
        background: #fff;
        border: 1px solid transparent;
        color: #CBAB92;
        border-radius: 16px;
    }
    .search-box-mobile {
        position: relative;
        margin-top: 20px;
    }
    .search-box-mobile img {
        position: absolute;
        width: 20px;
        z-index: 99;
        top: 14px;
        left: 18px;
    }
    .top-header{
        display: none;
    }
    .container {
        padding: 0px 15px !important;
    }
    .hero-content{
        padding-top: 0px;
    }
    .hero-wrapper{
        gap: 20px;
    }
    .hero-content h1{
        font-size: 40px;
    }
    .btn-primary {
        padding: 13.42px 22.82px;
    }
    .expert-artisans{
        display: none;
    }
    .artisan-card {
        background: #DBC4B3;
        height: 81.67px;
        padding: 12px 18px;
    }
    .ap-body .product-card{
        max-width: 100%;
    }
    .browse-craft {
        padding: 50px 0px;
    }
    .craft-grid{
        gap: 30px;
    }
    .mother-bg{
        padding: 26px 20px;
        height: auto;
        background-size: cover;
    }
    .perfect-gift-sec {
        padding: 50px 0px 30px;
        background-color: #F6F5F3;
    }
    .new-arrivals {
        padding: 40px 0px 25px;
    }
    .Arrivals{
        padding-bottom: 70px;
    }
    .shop-box-inner{
        max-width: 100%;
        height: auto;
    }
    .shop-grid{
        gap: 20px;
    }
    .shop-cozy-head{
        font-size: 15px;
    }
    .shop-cozy-head img {
        width: 16px;
    }
    .trust-sec {
        padding: 40px 0px 40px;
    }
    .shop-sec {
        padding: 0px 0px 30px;
    }
    .trust-box-inner{
        gap: 20px;
    }
    .secure-data{
        margin-bottom: 20px;
    }
    .trust-box-bottom p {
        font-size: 25.15px;
        line-height: 36.2px;
    }
    .visit-left h1 {
        font-size: 40px;
    }
    .visit-left h1 span{
        font-size: 40px;
    }
    .visit-btn a.visit-btn-get {
        font-size: 18.87px;
        line-height: 25.8px;
        padding: 14px 18px;
    }
    .visit-btn {
        gap: 16px;
    }
    .discover-sec {
        padding-top: 40px;
        min-height: 654px;
    }
    .discover-sec h1 {
        font-size: 40px;
    }
    .discover-sec h1 span{
        font-size: 60px;
    }
     .footer-inner{
        display:grid;
        grid-template-columns:1fr 1.6fr;
        gap:50px 10px;
        align-items:start;
    }
    .footer-col:nth-child(2), .c-site-footer__col--links {
        width: 100%;
    }

    .footer-col{
        width:100%;
    }

    .footer-col:nth-child(1){order:1;}
    .footer-col:nth-child(2){order:2;}
    .footer-col:nth-child(3){order:3;}
    .footer-col:nth-child(4){order:4;}

    .footer-col.made-with{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-end;
        position:relative;
    }
    .footer-col:nth-child(4), .c-site-footer__col--tagline{
        padding-left: 0;
        width: 100%;
    }

    .footer-col.made-with h2{
        font-size: 36px;
        line-height: 40px;
        margin:0;
    }

    .footer-col.made-with span{
        font-size:42px;
        line-height: 100%;
    }

    .footer-col.made-with .leaf{
        position:absolute;
        right:0;
        bottom:0;
    }

    .footer-col.made-with .leaf img{
        width:50px;
    }

    .copyright-mobile{
        text-align:left;
        margin-bottom: 0;
    }
    .footer-inner{
        padding-bottom: 40px;
        width: 100%;
        border-bottom: 1px #efe6de47 solid;
    }
    .copyright-mobile{
        padding: 30px 0px;
    }
    .footer, .c-site-footer{
        padding-bottom: 0px;
    }

    /* ==========================================
        Product Listing Page Responsive
    ========================================== */

    .breadcrumb-sec {
        height: 48px;
        padding: 12px 0px;
    }
    .breadcrumb-menu a{
        font-size: 14px;
    }
    .breadcrumb-menu{
        gap: 10px;
    }
    .breadcrumb-menu .current{
        font-size: 15px;
    }
    .marketplace-hero {
        padding: 30px 0px;
    }
    .marketplace-hero__content{
        display: block;
    }
    .marketplace-hero__eyebrow{
        letter-spacing: 1px;
    }
    .marketplace-hero__title{
        font-size: 30px;
    }
    .marketplace-hero__description{
        line-height: 26px;
        margin-bottom: 30px;
    }
    .marketplace-hero__stats{
        width: 100%;
    }
    .marketplace-filter{
        padding-right: 0px;
    }
    .marketplace-wrapper{
        display: block;
        padding: 0px 15px 40px;
    }
    .marketplace-toolbar{
        display: block;
        margin-bottom: 0px;
    }
    .marketplace-toolbar p{
        margin-bottom: 20px;
    }
    .product-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .product-card-box{
        width: 100%;
        max-width: 100%;
        height: 100%;
    }
    .pagination-bar {
        margin-top: 35px;
    }
    .pagination-bar p {
        font-size: 14px;
    }
    .marketplace-actions{
        margin-bottom: 30px;
    }
    .joined-members{
        position: initial;
    }
    .sort-wrapper{
        display: flex;
        align-items: center;
    }

    /* ==========================================
    wishlist
    ========================================== */

    .wl-title-band h1{
        font-size: 30px;
    }

    /* ==========================================
    Categories Page Responsive
    ========================================== */

    .Categories-head-top {
        padding: 30px 0px;
    }
    .Categories-left h2{
        font-size: 40px;
    }
    .Categories-left h2 span{
        font-size: 40px;
    }
    .Categories-left p{
        margin-bottom: 0;
    }
    .Categories-card-box{
        padding: 0;
        display: grid;
        gap: 35px;
        grid-template-columns: 1fr 1fr;
    }
    .info-item {
        max-width: 168px;
    }
    .info-strip-box{
        align-items: flex-start;
    }
    .divider{
        height: 78px;
    }
    .category-img{
        min-height: 384px;
    }
    .Categories-card h6{
        font-size: 25px;
    }
    /* ==========================================
     Blog Page Responsive
    ========================================== */

    .blog-search{
        max-width: 430px;
    }
    .blog-category-list{
        margin-bottom: 50px;
    }
    .blog-card-grid{
        gap: 20px 20px;
    }
    .blog-card-inner img{
        height: 135px;
        object-fit: cover;
        margin-bottom: 20px;
    }
    .blog-card-inner h3 {
        font-size: 16px;
        line-height: 24px;
        height: auto;
    }
    .blog-card-user-inner-img img{
        height: auto;
        margin-bottom: 0;
    }
    .blog-user-card-name{
        font-size: 14px;
        margin-left: 10px;
    }
    .blog-user-card-date{
        font-size: 14px;
        margin-left: 10px;
    }

    /* ==========================================
     FAQ Page Responsive
    ========================================== */

    .faq-rail-item.is-on {
        background: #333333;
        border: 1px #333333 solid;
    }
    .faq-rail-item{
        margin-top: 15px;
        border: 1px #333333 solid;
    }
    .faq-rail-card{
        display: block;
        width: 100%;
    }

     /* ==========================================
     Product Page Responsive
    ========================================== */
    .thumbs-sec {
        padding: 30px 15px;
    }
    .thumbs-sec-box{
        max-width: 100%;
        display: block;
    }
    .gallery-wrapper{
        max-width: 100%;
        position: relative;
    }
   
    .thumb {
        width: 100px;
        height: 100px;
    }
    .thumbs {
        justify-content: initial;
        gap: 20px;
    }
    .product-info{
        max-width: 100%;
        margin-top: 50px;
        border-left: none;
        padding: 15px 15px 15px 15px;
    }
    .customer-review-sec {
        padding: 50px 15px;
    }
    .customer-review-sec-bg{
        max-width: 100%;
    }
    .customer-review-header{
        display: block;
        margin-bottom: 20px;
    }
    .customer-review-header-left h4{
        margin-bottom: 20px;
    }
  
    
    .rating-right{
        width: 100%;
    }
    .reviews-grid{
        grid-template-columns: repeat(1, 100%);
    }
    .tera-head-box{
        padding: 0px 15px;
    }
    .products-grid{
        gap: 20px;
    }
    .member-right{
        min-height: 100%;
    }
    .cart-popup{
        max-width: 100%;
    }
    .cart-bg-gray {
        background: #FAF7F4;
        overflow-y: auto;
        flex: 1;
        overflow-x: hidden;
        padding: 25px 15px 5px 15px;
    }
    .cart-popup.active {
        background-color: #fff;
    }

     /* ==========================================
     Cart Page Responsive
    ========================================== */

    .cart-box {
        padding: 30px 15px 100px;
    }
    .c-layout-split, .cart-box-inner{
        max-width: 100%;
        display: block;
    }
    .cart-box-inner-left{
        position: static;
    }
    .cart-box-inner-right {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }

     /* ==========================================
     Checkout Page Responsive
    ========================================== */

    .checkout-sec {
        padding: 35px 15px;
    }
    .checkout-box{
        display: block;
        max-width: 100%;
    }
    .checkout-left{
        max-width: 100%;
    }
    .order-summary-card{
        max-width: 100%;
        position: static;
        margin-top: 20px;
    }

      /* ==========================================
     Order conform Page Responsive
    ========================================== */

    .order-confirmed-label{
        padding-top: 10px;
    }
    .order-confirmed-section{
        max-width: 100%;
        height: auto;
        padding: 0px 15px;
    }

       /* ==========================================
    Blog Detail Page Responsive
    ========================================== */

    .blog-card-detail{
        padding: 0px 15px;
    }
    .blog-detail-body .blog-hero-banner{
        height: 266px;
        border-radius: 10px;
        padding: 52px 164px 16px 15px !important;
    }
    .blog-detail-body .blog-banner-head h2{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .blog-detail-body .blog-banner-head P{
        font-size: 16px;
        max-width: 436px;
        line-height: 20px;
    }
    .blog-detail-body .blog-user-card .profile img {
        width: 30px;
        height: 30px;
    }
    .blog-detail-body .blog-details-section {
        padding: 33px 0px 40px;
        background: #fff;
    }
    .blog-detail-body .blog-video{
        height: auto;
    }

      /* ==========================================
    About  Page Responsive
    ========================================== */
    .ab-story {
        padding: 25px 0 64px;
    }
    .ab-believe {
        padding: 33px 0 40px;
    }

       /* ==========================================
    My account  Page Responsive
    ========================================== */

    .email-notification-box{
        max-width: 100%;
    }
    .myacc-btn-full{
        width: auto;
    }

}


/* ==========================================
   Ipad Responsive (991px)
========================================== */

@media(max-width:991px){
    .marketplace-layout{
        flex-direction:column;
    }

    .marketplace-filter{
        width:100%;
        min-width:100%;
        border-right:none;
    }

    /* Gift cards moves from the top bar into the menu drawer, as on the main site. */
    .gift-card-link{
        display: none;
    }

    .mobile-menu-gift{
        display: flex !important;
        align-items: center;
        gap: 12px;
        margin-top: -16px;
    }

    .mobile-menu-gift img{
        display: block;
        width: 20px;
        height: 20px;
    }

}


/* ==========================================
   Mobile Responsive (767px)
========================================== */

@media (max-width: 767px) {

/* ==========================================
   Home Page Responsive
========================================== */

    .meet-sec {
        padding: 0px 0px 40px;
    }

    .meet-sec .meet-box-inner-mobile{
        padding: 0px 15px;
    }

    .meet-sec .meet-card-mobile{
        background-color: #FAF7F4;
        border-radius: 10px;
        border: 1px #EFE6DE solid;
        padding: 20px;
        display:flex;
        align-items:center;
        gap:18px;
        cursor: pointer;
        margin-top: 20px;
        transition:.3s;
        box-shadow: 0px 2px 29px rgb(25 25 25 / 16%);
    }
    .meet-sec .meet-card-mobile:nth-child(1){
        margin-top: 0px;
    }
    .meet-sec .meet-card-mobile:hover{
        box-shadow:0 12px 30px rgba(0,0,0,.08);
    }

    .meet-sec .artisan-card__image{
        width:80px;
        height:80px;
        border-radius:12px;
        overflow:hidden;
        flex-shrink:0;
        background:#E8D8C8;
        position: relative;
    }


    .meet-sec .artisan-card__content{
        flex:1;
    }

    .meet-sec .artisan-card__content h3{
        margin:0 0 10px;
        font-size:18px;
        line-height:1;
        color:#1D1D1D;
        font-family:'Outfit Bold';
    }

    .meet-sec .location{
        display:flex;
        align-items:center;
        gap:10px;
        margin:0 0 6px;
        font-size:15px;
        color:#73798A;
        font-weight:500;
    }

    .meet-sec .location i{
        color:#D65A4A;
        font-size:15px;
    }

    .meet-sec .category{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 10px;
        background: #F4EBE2;
        color: #4B4038;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        font-family:'Outfit Light';
    }

    .meet-sec .artisan-card__arrow{
        width:25px;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        position: relative;
    }

    .meet-sec .artisan-card__arrow img{
        width: 26px;
        position: absolute;
        right: -10px;
    }

    .cart-dot {
        width: 6px;
        height: 6px;
        right: 5px;
        top: 6px;
    }
    .search-box-mobile{
        position: relative;
        margin-top: 20px;
    }
    .search-box-mobile input{
        position: relative;
        width: 100%;
        padding: 12px 15px 12px 50px;
        background: #fff;
        border: 1px solid transparent;
        color: #CBAB92;
        border-radius: 16px;
    }

    .search-box-mobile img{
        position: absolute;
        width: 20px;
        z-index: 99;
        top: 14px;
        left: 18px;
    }
    .visit-sec{
        padding: 30px 0px;
    }
    .mobile-toggle span {
        width: 24px;
        height: 3px;
        border-radius: 10px;
        background: #4c4c4c;
    }
    .mobile-toggle span:nth-child(2) {
        height: 2px;
    }
    .hero-wrapper{
        display: inline-block;
    }
    .hero-content {
        max-width: 100%;
        padding-top: 0px;
    }
    .hero-section{
        padding-top: 0px;
    }
    .flower {
        width: 30px;
        margin-top: 20px;
    }
    .hero-content h1 {
        font-size: 35px;
    }
    .hero-content p {
        font-size: 16px;
        line-height: 22px;
    }
    .hero-content h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .btn-primary {
        padding: 10.42px 38.82px;
        font-size: 16.87px;
        line-height: 24.8px;
        border-radius: 10px;
        max-width: 170px;
        width: 100%;
    }
    .btn-secondary {
        padding: 10.42px 38.82px;
        font-size: 16.87px;
        line-height: 24.8px;
        color: #2F3137;
        border-radius: 10px;
        max-width: 170px;
        width: 100%;
    }
    .perfect-head{
        align-items: baseline;
    }
    .perfect-head-text h5{
        display: none;
    }
    .gift-name-img{
        font-size: 16px;
    }
    .hero-btns {
        gap: 10px;
        margin-bottom: 30px;
    }
    .gallery-col-mobile{
        display: none !important;
    }
    .gallery-col{
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        grid-template-rows: 92px 97px;
        gap: 16px;
        height: 92px;
    }
    .gallery-card-mob{
        grid-row: span 2;
    }
    .artisan-card img{
        display: none;
    }
    .ship-sec {
        height: 42px;
    }
    .announcement-group{
        font-size: 16px;
        line-height: 43.2px;
        gap: 5px;
    }
    .craft-card{
        max-width: 122px;
    }
    .craft-grid a{
        flex: 0 0 122px;
    }
    .browse-craft {
        padding: 30px 0px;
    }
    .section-header h2, .c-section-header__title {
        font-size: 30px;
    }
    .section-header h2 span, .c-section-header__title span {
        font-size: 30px;
    }
    button.view-all, a.view-all, .c-btn--soft{
        width: 100%;
        max-width: 90px;
        text-align: center;
        padding: 7px;
        font-size: 16px;
        height: 36px;
    }
    .perfect-head .view-all{
        width: 100%;
        max-width: 90px;
    }
    .craft-grid{
        gap: 20px;
    }
    .craft-card p {
        margin-top: 10px;
        font-size: 20.74px;
    }
    .mother-sec{
        padding-top: 0px;
    }
    .mother-bg{
        height: initial;
        padding: 20px;
        background: linear-gradient(134deg, #C8A78D 15%, #B98E70 66%, #A27456 99%);
    }
    .mother-bg-head h5{
        color: #fff;
    }
    .mother-bg-head h2 {
        font-size: 30px;
        color: #fff;
    }
    .mother-bg-head p{
        color: #fff;
    }
    .mother-bg-head h2 span{
         font-size: 30px;
    }
    .perfect-gift-sec {
        padding: 20px 0px 30px;
    }
    .perfect-head-text h2{
         font-size: 30px;
    }
    .perfect-head-text h2 span{
        font-size: 30px;
    }
    .perfect-grid{
        gap: 20px;
    }
    .new-arrivals {
        padding: 30px 0px 25px;
    }
    .products-grid{
        gap: 20px;
    }
    .Arrivals{
        padding: 0px 15px 55px;
    }
    .meet-head h2{
        font-size: 30px;
    }
    .meet-head h2 span{
         font-size: 30px;
    }
    grid-wrapper{
        padding: 0px 15px;
    }
    .meet-box-inner{
        padding: 0px 15px 55px;
    }
    .shop-sec h2{
        font-size: 30px;
    }
    .shop-sec h2 span{
        font-size: 30px;
    }
    .shop-box{
        overflow-y: hidden;
        overflow-x:scroll ;
    }
    .shop-grid{
        display:flex;
        padding-bottom: 20px;
    }
    .shop-box-inner{
        width: 180px;
        height: 100%;
    }
    .shop-cozy-head{
        font-size: 16px;
    }
    .shop-grid{
        gap: 12px;
    }
    .shop-sec{
        padding-bottom: 20px;
    }
    .trust-sec h2{
        font-size: 30px;
    }
    .trust-sec h2 span{
         font-size: 30px;
    }
    .trust-sec {
        padding: 30px 0px 30px;
    }
    .trust-box-inner {
        display: flex;
        gap: 15px;
    }
    .secure-data{
        gap: 15px;
        padding: 8.14px 8.57px;
        height: auto;
        margin-bottom: 15px;
    }
    .trust-expert-box {
        padding: 10.57px 10.57px;
        bottom: 7px;
        left: 7px;
        right: 7px;
    }
    .secure-data-head h5 {
        font-size: 23.38px;
        font-family: Outfit Medium;
    }
    .secure-data-head p {
        font-size: 17px;
        line-height: 110%;
    }
    .secure-data-icon img {
        width: 20.71px;
        height: 20.71px;
    }
    .secure-data-icon{
        max-width: 40.83px;
        width: 100%;
        height: 40.83px;
    }
    .meet-avator img {
        width: 30px;
        height: 32.7px;
    }
    .meet-avator .info h2 {
        font-size: 20px;
    }
    .meet-avator span.badge{
        padding: 6px 10px;
        font-size: 16px;
    }
    .map-head {
        font-size: 16px;
    }
    .item-trust {
        font-size: 20.15px;
    }
    .item-trust span img{
        width: 30px;
    }
    .trust-expert-box p {
        font-size: 16.38px;
    }
    .trust-box-left img{
        height: 100%;
        object-fit: cover;
        border-radius: 11.31px;
    }
    .trust-box-right img{
        border-radius: 11.31px;
    }
    .trust-box-bottom{
        padding: 16.57px 16.85px;
        gap: 15px;
    }
    .trust-box-bottom p {
        font-size: 14.15px;
        line-height: 22.2px;
    }
    .trust-box-bottom img {
        width: 60.41px;
    }
    .open-days {
        font-size: 14px;
    }
    .visit-left h1 {
        font-size: 30px;
    }
    .visit-left h1 span{
        font-size: 30px;
    }
    .visit-left p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
   .visit-sec .container{
        display: block;
   }
   .visit-btn {
        display: flex;
        gap: 15px;
        width: 100%;
        margin-bottom: 20px;
    }
    .visit-btn a.visit-btn-get {
        font-size: 14.87px;
        line-height: 20.8px;
        padding: 14px 10px;
        gap: 6px;
        width: 100%;
        justify-content: center;
    }
    .visit-btn-get img {
        width: 20.84px;
    }
    .visit-btn a.visit-contact-btn{
        font-size: 14.87px;
        line-height: 20.8px;
        padding: 14px 10px;
        width: 100%;
        text-align: center;
    }
    .discover-sec{
        padding-top: 30px;
        min-height: 380px;
    }
    .discover-sec h1 {
        font-size: 30px;
    }
    .discover-sec h1 span {
        font-size: 44px;
    }
    .footer, .c-site-footer {
        padding: 30px 0 0px;
    }
    .footer-col:nth-child(1), .c-site-footer__col--brand{
        display: none;
    }
    .footer ul li a{
        font-size: 16px;
    }
    .footer ul li {
        margin-bottom: 8px;
    }
    .footer-col, .c-site-footer__col--links {
        width: 100%;
        margin-bottom: 20px;
        
    }
   
    .footer-link-box{
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(2, 1fr);
    }

     ul.footer-links li{
        display: block;
     }
    .footer-col p{
        margin-bottom: 16px;
    }
    .footer-col:nth-child(4), .c-site-footer__col--tagline {
        width: 100%;
        padding-left: 0px;
        position: relative;
    }
    .made-with h2 {
        font-size: 35px;
    }
    .made-with span{
        font-size: 35px;
    }

    .footer-col.made-with .leaf{
       position: absolute;
       bottom: 0px;
       right: 0;
       z-index: 999;
    }

    .footer-col.made-with .leaf img{
        display:block;
        max-width:140px;
        width:100%;
        height:auto;
    }
    .footer-inner{
        grid-template-columns: 1fr;
        gap: 14px 8px;
    }
    .copyright-mobile {
        color: #bdbdbd;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 0;
        padding: 20px 0px;
    }
    .mobile-menu a{
        font-size: 15px;
    }
    .c-card__action, .product-card .bottom button{
        padding: 12.42px 22.82px;
        font-size: 18.87px;
        line-height: 22.8px;
        border-radius: 9.91px;
    }
    .c-card__price, .product-card .bottom span{
        font-size: 24px;
    }
    .c-card, .product-card{
        height: auto;
        max-width: 280px;
    }
    .c-card__title, .product-card h3{
        font-size: 20px;
    }
    .c-card__meta, .product-card p {
        font-size: 16px;
    }
    .shop-btn, .c-btn--accent {
        font-size: 16.87px;
    }
    .footer-col:nth-child(3), .c-site-footer__col--contact{
        width: 100%;
    }
    .reason-chips{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .artisan-card{
        height: auto;
        align-items: center;
        justify-content: center;
    }

/* ==========================================
   Shop Page Responsive
========================================== */
    .product-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .c-product-card__action, .product-content .bottom button{
        padding: 12.42px 22.82px;
        font-size: 18.87px;
        line-height: 22.8px;
        border-radius: 9.91px;
    }
    .c-btn-tan-pill{
        padding: 5.95px 20.87px;
        font-size: 15.89px;
    }
    .pagination{
        gap: 5px;
    }
    .page-btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

     /* ==========================================
     Categories Page Responsive
    ========================================== */

    .category-img {
        min-height: 200px;
        height: 200px;
    }
    .Categories-card-box{
        gap: 15px;
    }
    .Categories-card h6 {
        font-size: 16px;
    }
    .Categories-sec {
        padding-bottom: 30px;
    }
    .divider{
        display: none;
    }
    .info-strip-box{
        display: block;
    }
    .info-item{
        max-width: 100%;
        text-align: center;
        margin-top: 20px;
    }

     /* ==========================================
     Artisans Page Responsive
    ========================================== */

    .adv-hero-top h1 {
        font-size: 40px;
    }
    .adv-pills button{
       display: block !important;
        width: 100%;
    }
    .adv-pills{
        margin-bottom: 30px;
    }
    .adv-filter-row-box{
        display: block;
    }
    .adv-grid-card{
        grid-template-columns: repeat(1, 1fr);
    }
    .adv-content-inner {
        padding: 0 0 40px;
    }

    /* ==========================================
     Blog Page Responsive
    ========================================== */
    .blog-hero{
        padding: 40px 0px 15px 0px;
        min-height: auto;
    }
    .blog-banner-head h2{
        font-size: 25px;
    }
    .blog-hero .profile img {
        width: 25px;
        height: 25px;
    }
    .blog-hero .name {
        margin-left: 10px;
        font-size: 14px;
    }
    .blog-hero .date{
        margin-left: 10px;
        font-size: 14px;
    }
    .blog-card {
        padding: 30px 0px;
    }
    .blog-top-search-box{
        display: block;
        margin-bottom: 20px;
    }
    .blog-search input{
        height: 50px;
    }
    .blog-search {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .blog-short-wrapper{
        display: flex;
        align-items: center;
    }
    .sort-select{
        width: 200px;
        max-width: 100%;
        border-radius: 10px;
        height: 44px;
        line-height: 23.8px;
        font-size: 14px;
    }
    .sort-label{
        width: 80px;
    }
    .sort-select option{
        font-size: 12px;
    }
    .blog-category-list{
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-card-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .blog-card-inner{
        padding: 15px;
        max-width: 100%;
    }
    .blog-card-inner img{
        height: auto;
    }
    .profile-count-card{
        font-size: 14px;
    }
    .custom-page-btn{
        width: 30px;
        height: 30px;
    }

    /* ==========================================
     FAQ Page Responsive
    ========================================== */

    .faq-page-hero {
        padding: 40px 15px 40px;
    }
    .custom-tabs{
        background-color: transparent;
        display: initial;
        border: none;
        box-shadow: none;
        padding: 0px;
    }
    .tab-btn.active{
        width: 100%
    }
    .tab-btn{
         width: 100%;
         height: 45px;
    }
    .tab-btn.active{
        border: 1px #333333 solid;
    }
    .tab-btn{
        margin-top: 10px;
        border: 1px #333333 solid;
    }
    .faq-hero-sub{
        margin-top: 15px;
    }
    .faq-scroll-btn{
        font-size: 16.87px;
        padding: 7.42px 17.82px;
    }
    .tab-content{
        margin-top: 0px;
    }
    button.btn-send, a.ab-btn-primary, a.btn-cta-tan{
        justify-content: center;
        font-size: 16.87px;
        padding: 10px 30px;
    }
    .btn-cta-ghost{
        justify-content: center;
        font-size: 16.87px;
        padding: 10px 30px;
    }

    /* ==========================================
     Contact Page Responsive
    ========================================== */

    .contact-hero h1{
        font-size: 30px;
    }
    .contact-hero-inner{
        gap: 25px;
    }
    .contact-body{
        padding: 30px 15px 0;
    }
    .contact-form-card{
        padding: 32px 15px;
    }
    .form-row{
        display: block;
    }
    .reason-chip{
        display: block;
        width: 100%;
    }
    .studio-info-card{
        padding: 15px;
    }
    .studio-hours-row{
        padding: 5px 0;
    }


     /* ==========================================
     Product Page Responsive
    ========================================== */

    .gallery-wrapper span.made-box-bg {
        font-size: 16px;
    }
    .main-image .made-box-bg {
        width: 178px;
    }
    .gallery-wrapper .heart-bg-box {
        padding: 6px;
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    .main-image{
        height: 350px;
    }
    .gallery-wrapper span.span-tag-available{
        padding: 3px 10px;
        font-size: 14px;
    }
    .thumbs-sec {
        padding: 10px 15px 30px;
    }
    .thumb {
        width: 50px;
        height: 50px;
    }
    .thumbs {
        justify-content: space-between;
        gap: 6px;
        margin-top: 20px;
    }
    .product-info{
        padding: 15px 0px 15px 0px;
    }
    .sizes-btn{
        gap: 10px;
    }
    .sizes-btn button{
        padding: 6px 15px;
    }
    .handmade-box p{
        font-size: 12px;
    }
    .handmade-box-inner{
        padding: 0px 15px 0px 15px;
    }
    .meet-artisans p{
        padding-right: 0px;
    }
    .customer-review-header-right{
        height: auto;
    }
    .reviews-grid .verified{
        font-size: 12px;
    }
    .reviews-grid .avatar {
        width: 36px;
        height: 28px;
    }
    .reviews-btn-wrap{
        margin-bottom: 40px;
    }
    .member-community-content{
        padding: 15px;
        display: block;
    }
    .member-left ul{
        margin-bottom: 20px;
    }
    .section-header .view-all{
        width: 100%;
        max-width: 90px;
        text-align: center;
    }
    .product-img-box img:nth-child(1) {
        display: none;
    }
    .product-img-box img{
        border-radius: 15px;
    }
    .cart-item-img img {
        width: 60px;
        height: 60px;
    }
    .cart-item-top h4{
        font-size: 16px;
    }
    p.brand-cart{
        font-size: 12px;
    }
    .cart-remove-btn {
        font-size: 16px;
    }
    .cart-price {
        font-size: 18px;
    }

     /* ==========================================
     Cart Page Responsive
    ========================================== */

    .store-bottom img {
        max-width: 80px;
        width: 100%;
        height: 80px;
        border-radius: 10px;
    }
    .c-card-body, .store-bottom{
        display: block;
    }
    .cart-product-info {
        margin-top: 20px;
        width: 100%;
    }
    .south-gran-head img{
        width: 30px;
        height: 30px;
    }
    .product-actions{
        display: block;
    }
    .remove-btn-cart{
        margin-top: 10px;
    }
    .c-summary-panel, .order-summary{
        padding: 20px 15px;
    }
    .c-recommend-card img, .recommend-card img{
        width: 100px;
        height: 85px;
    }
    .cart-box {
        padding: 30px 15px 30px;
    }

      /* ==========================================
     Checkout Page Responsive
    ========================================== */

    .shipping-method-section{
        padding: 24px 15px;
    }
    .shipping-radio-wrap{
        padding: 14px;
    }
    .shipping-radio-circle{
        width: 24px;
    }
    .shipping-default-box-check-inner{
        height: 20px;
    }
    .checkout-buttons {
        margin-top: 10px;
        gap: 10px;
    }
    .back-btn{
        width: 100px;
        height: 48px;
        font-size: 16.87px;
        padding: 5.42px 12.82px;
    }
    .continue-btn{
        height: 48px;
        font-size: 16.87px;
        padding: 5.42px 12.82px;
    }
    .order-summary-card{
        padding: 16px;
    }
    .secure-checkout span{
        font-size: 16px;
    }

      /* ==========================================
     Order conform Page Responsive
    ========================================== */

    .order-confirmed-label{
        padding-top: 10px;
    }
    .order-confirmed-section{
        max-width: 100%;
        height: auto;
        padding: 0px 15px;
    }
    .order-confirmed-card h1 {
        font-size: 25px;
    }
    .confirmation-text{
        font-size: 16px;
    }
    .detail-row{
        margin-bottom: 8px;
    }
    .detail-row span{
        font-size: 18px;
    }
    .detail-row h5{
        font-size: 18px;
    }
    .summary-item > img {
        width: 50px;
        height: 50.59px;
    }
    .summary-content h4{
        font-size: 16px;
    }
    .summary-content p{
        font-size: 12px;
    }
    .price {
        font-size: 13px;
    }
    .ssl-text{
        font-size: 15px;
    }

      /* ==========================================
     SignIn Page Responsive
    ========================================== */

    .signin-box-card{
        max-width: 100%;
    }
    .signup-wrapper{
        padding: 25px 15px;
    }
    .signup-card {
        padding: 40px 20px 0px;
    }

      /* ==========================================
     SignUp Page Responsive
    ========================================== */

    .signup-card h2{
        font-size: 22px;
    }

      /* ==========================================
     Otp Page Responsive
    ========================================== */

    .verify-wrapper{
        padding: 25px 15px;
    }
    .verify-card{
        padding: 25px;
    }

      /* ==========================================
     Term of service Page Responsive
    ========================================== */
    .legal-section h2{
        font-size: 20px;
    }
    .ab-btn-secondary{
        justify-content: center;
        font-size: 16.87px;
        padding: 10px 30px;
    }

      /* ==========================================
    Refund policy Page Responsive
    ========================================== */
    .rp-main {
        padding: 35px 14px 35px;
    }
   

      /* ==========================================
    Blog Detail Page Responsive
    ========================================== */

    .blog-detail-body .blog-hero-banner{
        padding: 60px 15px 26px 15px !important;
    }
    .blog-detail-body .Handmade-gifts{
        font-size: 13px;
    }
    .blog-detail-body .blog-banner-head h2 {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .blog-detail-body .blog-banner-head P {
        font-size: 14px;
        line-height: 20px;
    }
    .breadcrumb-sec{
        height: auto;
    }
    .blog-detail-body .blog-details-wrapper{
        display: block;
    }
    .blog-detail-body .blog-details-sidebar{
        position: static;
    }
    .blog-detail-body .blog-details-title {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 18px;
    }
    .blog-detail-body .sidebar-widget{
        margin-top: 15px;
    }

      /* ==========================================
    About  Page Responsive
    ========================================== */

    .ab-hero h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .ab-stats{
        flex-wrap: initial;
        gap: 15px;
    }
    .ab-hero {
        padding: 48px 20px 37px;
    }
    .ab-story h2{
        font-size: 30px;
    }
    .ab-story .ab-story-pullquote{
        font-size: 18px;
    }
    .ab-story-photo{
        height: 100%;
    }
    .ab-story-grid{
        gap: 30px;
    }
    .ab-story {
        padding: 25px 0 16px;
    }
    .ab-believe h2{
        font-size: 30px;
    }
    .ab-quote-band{
        margin-top: 30px;
        padding: 35px 16px;
    }
    .ab-quote-text{
        font-size: 28px;
    }
    .ab-quote-cite{
        font-size: 20px;
    }
    .ab-map {
        padding: 20px 0 20px;
    }
    .ab-map h2{
        font-size: 30px;
    }
    .ab-map-grid{
        gap: 30px;
    }
    .ab-map-panel{
        height: 333px;
    }
    .ab-promise-wrap{
        padding: 0 15px;
    }
    .ab-more {
        padding: 30px 0;
    }
    .ab-more h2{
        font-size: 30px;
    }

      /* ==========================================
    Artisans Profile  Page Responsive
    ========================================== */

    .profile-trust-chips{
        display: block;
    }
    .trust-chip{
        margin-top: 10px;
        width: 100%;
    }
    .profile-stats{
        border-left: none;
        padding: 0;
        width: 100%;
    }
    .profile-stats-inner{
        align-self: center;
    }
    .profile-pills{
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .profile-pill{
        justify-content: center;
    }
   
    .profile-body{
        padding: 36px 15px 40px;
    }
    .profile-toolbar{
        display: block;
    }
    .profile-sort{
        margin-top: 15px;
    }
    .profile-grid .product-card{
        max-width: 100%;
    }
    .profile-meta{
        min-width: 100%;
    }

      /* ==========================================
    My account
    ========================================== */

    .messages-wrapper{
        display: block;
        height: auto;
    }
    .conversation-list{
        max-width: 100%;
    }
    .conversation-sidebar{
        max-width: 100%;
    }
    .chat-panel.active {
        height: 250px;
    }
    .myacc-shell{
        padding-bottom: 30px;
    }
      /* ==========================================
    Delivery Address
    ========================================== */

    .checkout-left h4 {
        font-size: 30px;
    }
    .checkout-address-header h2 {
        font-size: 22px;
    }
    button.rp-btn-dark, button.address{
        padding: 8px 12px;
        font-size: 15px;
    }
    .address-card{
        height: auto;
    }
    .radio-circle {
        max-width: 18px;
        width: 100%;
    }
    .checkout-bottom-btns{
        gap: 15px;
    }
    .address-content h4{
        font-size: 24px;
    }
    .address-actions button {
        width: 90px;
        height: 40px;
        font-size: 14.89px;
    }
}

@media(max-width:480px){
    .reason-chips{
        display: flex;
    }
    button.btn-send, a.ab-btn-primary, a.btn-cta-tan{
        width: 100%;
    }
    .ab-btn-secondary{
        width: 100%;
    }
    .blog-category-list{
        display: grid;

        grid-template-columns: repeat(1, 1fr);
    }
     .blog-category-list button{
        display: block;
        width: 100%;
    }
     .btn-cta-ghost{
        width: 100%;
        justify-content: center;
        font-size: 16.87px;
        padding: 10px 30px;
    }
     .profile-pills{
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .profile-pill{
        justify-content: center;
    }
    .product-info-box h3 {
        font-size: 16px;
    }
    .product-info-box p{
        font-size: 13px;
    }
    .product-price{
        font-size: 18px;
    }
    .summary-row-box span{
        font-size: 18px;
    }
    .summary-row-box h5{
        font-size: 18px;
    }
    .review-user{
        display: block;
    }
    .review-top{
        display: block;
    }
    .reviews-grid .avatar {
        width: 100%;
        max-width: 36px;
        height: 36px;
        margin-bottom: 5px;
    }
    .reviews-grid .review-user h4{
        margin-bottom: 5px;
    }
    .reviews-grid .review-user p{
        margin-bottom: 5px;
    }
    .rating-row{
        margin-bottom: 5px;
    }
    .product-card-box-head .meet-avator .info h2{
        font-size: 18px;
    }
    .product-card-box-head span.badge{
        padding: 8px 14px;
    }
    .c-recommend-card__action, .recommend-card button{
        height: auto;
    }
}