@media(max-width:1500){

  
}


@media(max-width:1400){


    
}



@media(max-width:1280px){
        .artisan-img .content{margin-left: 0px;}


}



@media(max-width:1024.98px){ 
    .section-title.line-1:before {
        width: 310px;
        left: 290px;
    }
    .videosbox .swiper-wrapper .swiper-slide {height: 300px;}
    .new-arrivals-wrapper .section-title.line-1:before {width:380px; left:220px;}
    .footer-widget-title {font-size:22px;}
    .footer-widget-section {padding-top:30px; padding-bottom: 30px;}
    .footer-widget {margin-top: 20px;}
    .primary-menu ul>li>a {padding:5px 8px;}
    .primary-menu ul>li>a {font-size: 13px;}
    .choose-section h2, .category-section h2, .oneoffer h2 {font-size: 30px;}
    .header-logo {width: 130px;}
    .choose-section .cate-product .cate-img img {padding: 30px;}

}



@media(max-width:991.98px){
    .about-section.donatesection {padding-top: 40px;}
    .stickydonate {display:block;}
    .lineage h2 {font-size: 50px;}
    .choose-section .cate-product .cate-img img {padding: 30px;}
    .header-top-info {display:block;padding: 0px 20px;} 
    .header-top-info p+p:before {content: ""; margin: 0;}
    #open-offcanvas {display: inline-block;width: 120px;}
    .offcanvas-filter {
        position: fixed;
        top: 0;
        left: -330px;
        width: 300px;
        height: 100vh;
        background-color: #fff;
        transition: left 0.3s ease-in-out;
        z-index: 2;
        overflow-y: scroll;
    }
    .toggle-button {
        background-color: #333;
        color: #fff;
        border: none;
        padding: 10px 0px;
        cursor: pointer;
    }
    .menu-content {
        padding: 20px;
    }
    .menu-content ul {
        list-style: none;
        padding: 0;
    }
    .menu-content ul li {
        margin-bottom: 10px;
    }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        transition: width 0.3s ease-in-out;
        pointer-events: none;
        padding-right: 0px;
        padding-left: 0;
        z-index: 1;
    }
    
    .artisan-img .content{margin-left: 0px;}
    
}



@media(max-width:768px) {
    .offer-slide .single-product {
        display: block;
    } 
    .videosbox .swiper-wrapper .swiper-slide {
    height: 220px;
    }
    
    .offer-slide .single-product .product-image {width: 100%;}
    .choose-section h2, .category-section h2 {font-size: 24px;}
    .offer-slide .single-product .product-content .product-title a {
        font-size: 20px;
    }
    .new-arrivals-wrapper .section-title.line-1:before {
        width: 200px;
        left: 170px;
    }
    .section-title.line-1:before {
        width: 180px;
        left: 230px;
    }
    .copyright-payment .payment-method {
        margin: auto;
    }
    .single-product .product-content .product-title a {padding: 0px 0px;}
    .offer-slide .product-price {
        margin-top: 5px;
    }
    .single-product .product-content .product-category-action {padding-top: 8px;}
    .widget-link-wrapper .footer-widget:nth-child(2) {padding-left: 15px;}

}

@media(max-width:767.98px) {
.oneoffer .row, .offers .row {gap: 20px;}
.lineage-content p {
    margin-bottom: 20px;
}
.videosbox .swiper-wrapper .swiper-slide {
    height: 240px;
}

}

@media(max-width: 576px){
    .news-letters {padding: 10px 0px;}
    .lineage h2 {
    font-size: 36px;
    }
    .banner-item .banner-text .title {font-size: 18px;}
    .banner-item.banner-06 .banner-text {left: 40px}
    .main-banner .row>* {width: 50%;}
    .slider-content .main-title {font-size: 24px;}
    .banner-item.banner-06 .banner-text .title {font-size: 15px;}
    .banner-item.banner-04 .banner-text .title {font-size: 18px;}
    .newsletter-title .title {font-size: 20px;}
    .banner-item.banner-05 .banner-text .title {font-size: 15px;}
}



@media(max-width: 480px) {
    .lineage h2 {
    font-size: 26px;
}
.craftman-slider {
    padding: 10px 0px;
}
.lineage-content p {
    font-size: 15px;
}
    .slider-content .main-title {font-size: 20px;}
    .header-logo {width: 110px;}
    .banner-item.banner-05 .banner-text {
        width: 45%;
    }
    .footer-widget-section {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .category-section .cate-product {display: block;}
    .category-section .cate-name a {
        text-align: center;
        display: block;        
        margin-top: 10px;
        font-size: 16px;
    }
    .cate-img {
        text-align: center;
    }
    .account-box {display: none;}
    .footer-account {display: flex; position: fixed; bottom: 0; z-index: 1010; left: 0; right: 0;padding: 3px;
        justify-content: space-between;background: #fff;border-top: 1px solid #ddd;}
    .footer-account .account-box {display: block;text-align: center;}
    .footer-copyright {padding-bottom: 2px;}
    .footer-account .action, .footer-account .account-box a.favourate {text-align: center;}
    
    .caretop{width:100%;}
    .artisan-img .imgs img{width:100%;}
.videosbox .swiper-wrapper .swiper-slide {
    height: 365px;
}
}





@media(max-width:375.98px){
    .videosbox .swiper-wrapper .swiper-slide {
    height: 315px;
}
    .footer-widget .uselink {display: block;}
    .slider-content .main-title {
        font-size: 16px;
    }
    .section-title .title {
        font-size: 18px;
    }
    .slider-content .slider-btn {
        font-size: 14px;
    }
    .widget-link-wrapper .footer-widget:nth-child(2) {padding-left: 0px;}
    .single-product .product-content .product-title a {
        padding: 9px 0px;
        font-size: 13px;
    }
    .footer-account .account-box {font-size: 12px;}
    
}




@media(max-width:321px){
    .videosbox .swiper-wrapper .swiper-slide {
    height: 260px;
}
    .offer-slide .single-product {
        display: block;
        text-align: center;
    }
    .offer-slide .single-product .product-image {
        width: 170px;
        margin: auto;
    }
    .offer-slide .single-product .product-content .product-category-action {justify-content: center;}
    .single-product .product-content .product-category-action {justify-content: space-between;}
    .single-product .product-content .product-action .action {margin-right: 4px;}
    .single-product .product-content .product-price span {font-size: 14px;}


}