/*--------------------------======================== min-width: 320px and max-width: 575px ==========================-----------------------*/
@media (min-width:320px) and (max-width: 575px) {
    /* top header */
    .banner-content{
        margin-left: 0px;
    }
    .top-header-left .black-tag{
        font-size: 12px;
    }
    .top-header-left span{
        font-size: 12px;
    }
    .top-header .top-header-part{
        flex-direction: column;
    }
    .top-header-part .header-message{
        font-size: 12px;
    }
    .banner-content .offer{
        font-size: 9px;
    }
    .banner-content{
        padding-left:0px;
    }
    .shop-btn {
        font-size: 8px;
        padding: 3px 9px;
    }
    .shop-now-btn {
        font-size: 9px;
        padding: 2px 4px;
    }
    .header-close-btn{
        top:-1px;
        right: 12px;
    }
    .main-nav{
        padding-top:8px;
        padding-bottom: 8px;
    }
    .logo{
        width:100px;
        margin-bottom: 0px;
    }
    .logo img{
        width:100%;
        height: 20px;

    }
    .nav-logo{
        width:100px;
        margin-bottom: 0px;
    }
    .nav-logo img{
        width:100%;
        height: 20px;

    }

    .search-bar{
        display: none;
        /* max-width:250px; */
    }
    .search-bar input {
        padding: 5px 10px;
        font-size: 14px;
    }
    .search-bar button {
        right: 2px;
        top: 5px;
    }
    /* .search-bar{
        display: none;
    } */
    .main-nav .container{
        flex-direction:row;
        align-items: center;
    }
    .nav-actions .cart svg{
        width:16px;
        height: 16px;
    }
    .cart{
        display:none!important;
    }
    .cart-count {
        position: absolute;
        top: -4px;
        right: -8px;
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .cart-icon2{
        display: none;
    }
    .account{
        display: none;
    }
    .nav-actions .wishlist svg{
        width: 16px;
        height: 16px;
    }
    .nav-actions .account svg {
        width: 16px;
        height: 16px;
    }
    .click-button {
        padding: 5px 7px;
        font-size: 12px; 
    }
    .category-section{
        margin-top:15px;
    }
    .category-title{
        margin-bottom: 0px;
        font-size: 16px;
    }
    .category-button .click-button i {
        font-size: 10px;
    }
    .category-div{
        width:300px;
        height: 300px;
        overflow: scroll;
    }
   
    .image-container{
        margin-bottom: 0px;
    }
    .image-container img{
        height:50px;
    }
    .best-deal-main{
        margin-top: 5px;
    }
    .category-div a{
        font-size: 12px;
    }
    .category-div img {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }
    .subcategory-menu2 {
        position: inherit;
        margin-left: 30px;
        padding: 0px;
    }
    .category-slider{
        gap:5px;
    }
    .category-item{
        width:95px;
    }
    .category-card h3 {
        width: 76px;
        height: 12px;
        font-size: 9px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    /* hero slider */
    .hero-section{
        grid-template-columns: 1fr;
        margin-top: 10px;
        gap: 5px;
    }
    .hero-slider-main{
        width:100%;
    }
    
    .header-actions{
        gap:5px;
    }
    .header-actions .become-seller{
        font-size: 12px;
    }
    .header-actions select{
        font-size: 12px;
    }
    .slides{
        width:100%;

    }
    .slider{
        height: 170px;
    }
    .hero-slider-main{
        height: 170px;
    }
    .hero-section{
        height: 280px;
    }
    .slide{
        height: 170px;
    }
    .dots {
        bottom: 5px;
        left: 47%;
        transform: translate(-50%);
    }
    .slider-text{
        order:2;
        padding:15px;
        padding-bottom: 40px;
        position:absolute;
        width:190px;
        top: 20px;
    }
    .slider-img{
        height: 170px;
        order:1;
    }
    .slider-text h1 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .slider-part .order-1{
        order:1;
    }
    .slider-part .order-2{
        order:2;
    }
    .slider-part .slider-img img{
        height: 170px;
    }
    .slider-text p{
        font-size: 12px;
        margin-bottom: 0px;
    }

    .service-links{
        display: none;
        /* flex-direction: column;
        gap:10px; */
    }
    .service-links a{
        font-size: 12px;
    }
    .nav-part .contact-text{
        font-size: 12px;
    }
    .small-banner .small-banner-up .small-banner-up-img img{
        height: 100px;
    }
    .small-banner .small-banner-down .small-banner-down-img img{
        height: 100px;
    }

    .small-banner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap:5px;
    }
    .small-banner .small-banner-up{
        grid-template-columns: 1fr;
        width:100%;
    }
    .small-banner .small-banner-down{
        grid-template-columns: 1fr;
        width:100%;
    }
    
    .small-banner-up-text .tag1{
        font-size: 12px;
    }
    .small-banner-up-text h1{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .small-banner-down-text h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .small-banner-down-text .small-down-price{
        font-size: 12px;
    }
    .service-features{
        display: none;
        grid-template-columns: 1fr;
        gap:10px;
        padding-bottom: 5px;
    }
    .feature{
        border:none;
    }
    .feature-header-main{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .feature-header{
        margin-bottom: 0px;
    }
    .feature-header h1{
        font-size: 16px;
    }
    .feature-header .mobile-feature-link{
        font-size: 12px;
    }
    .feature-browse-link{
        display: none;
    }
    .feature-product-btn a{
        font-size: 11px;
    }
    .slider-part{
        grid-template-columns: 1fr;
    }
    
    .features-part{
        grid-template-columns: 1fr;
    }
    .feature-item2{
        grid-template-columns: 1fr 1fr;
    }
    .feature-tab-main{
        overflow: scroll;
        width: 100%;
    }
    .feature-tab{
        flex-direction: row;
        padding-bottom: 10px;
    }
    .products-part{
        grid-template-columns: 1fr;
    }
    .product-item1{
        display: none;
    }
    .product-item2{
        grid-template-columns: 1fr 1fr;
    }
    .feature-product-btn{
        flex-direction: column;
    }
    .feature-content .offer-text{
        margin-bottom: 20px;
    }
    
    /* deals product */
    
     .timer-container {
        gap: 10px;
    }

    .time-unit {
        min-width: 70px;
        padding: 12px;
    }

    .time-number {
        font-size: 1.8rem;
    }

    .time-label {
        font-size: 0.8rem;
    }
    .deals-header{
        flex-direction: column;
        gap:7px;
    }
    .deals-header h1{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .deals-header p{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .deals-header .timer{
        font-size: 11px;
    }
    .product-card-first{
        border-right: 1px solid #ddd;
    }
    .all-product-btn a{
        font-size: 11px;
    }



    .introducing-part{
        grid-template-columns: 1fr;
    }
    .introducing-part .introducing-part-left{
        grid-template-columns: 1fr;
    }
    .introducing-part .introducing-part-right{
        grid-template-columns: 1fr;
    }
    .variant-part2{
        grid-template-columns: 1fr;
    }
    .arrival-section{
        grid-template-columns: 1fr;
    }
    .arrival-banner{
        grid-template-rows: 1fr;
    }
    .arrival-banner-down-main{
        grid-template-columns: 1fr 1fr;
    }
    .news-letter-content{
        width:inherit;
    }
    .news-letter-content .border-hr{
        width:inherit;
    }
    .footer-grid{
        grid-template-columns: 1fr 1fr;
        gap:5px;
    }
    .subscribe-mail{
        padding:5px;
    }

    /* top sellers */
    .top-serllers-slider{
        gap:20px;
    }

    /* shop page */
    .breadcrumb-section{
        margin-bottom: 20px;
        padding:3px;
    }
    .breadcrumb{
        padding:0px;
    }
    .sort-section {
        align-items: baseline;
    }
    .shop-section-main{
        margin-top: 20px;
    }
    .shop-part{
        grid-template-columns: 1fr;
    }
    .shop-item2{
        grid-template-columns: 1fr 1fr;
    }

    .search-container{
        width: 100%;
    }
    #searchInput {
        padding: 7px 40px 7px 10px;
        font-size: 14px;
    }
    .search-main{
        flex-direction: column;
        gap:0px;
        margin-bottom: 10px;
    }
    .filter-tag {
        padding: 2px 6px;
        font-size: 12px;
    }
    .filters-section{
        gap:10px;
    }
    .active-filters{
        gap:5px;
    }
    .results-count{
        font-size: 12px;
    }
    .sidebar{
        width:230px
    }
    .shop-sidebar{
        display:none;
    }
    .sidebar-mobile {
        left: -270px;
        width: 270px;
    }
    .sidebar-product{
        display: none;
    }
    .range-slider input[type="range"]{
        width:210px;
    }

    /*-------================ product details ============-----------*/
    .thumbnail-container-main {
        width: 370px;
    }
    .product-grid{
        grid-template-columns: 1fr;
        gap:20px;
    }
    .quantity-selector {
        width: 80px;
    }
    .primary-btn{
        padding:2px;
        font-size: 12px;
    }
    .secondary-btn {
        padding: 0px 5px;
        font-size: 12px;
    }
    .secondary-btn{
        width:75px;
    }
    .add-cart-button:hover{
        padding-left: 0px;
        padding-right: 15px;
    }
    .add-cart-button:after{
        top:6px;
    }
    .add-cart-button:hover:after{
        right: 8px;
    }
   
    .additional-main {
        grid-template-columns: 1fr;
        margin-top: 15px;
        gap: 10px;
    }
    .store-info{
        gap: 10px;
        align-items: flex-start;
    }
    .store-details h5{
        font-size: 10px;
        margin-bottom: 0px;
    }
    .store-info .outline-btn img{
        width:18px;
    }
    
    .main-image{
        height: 200px;
    }
    .store-rating{
        flex-direction: column;
        align-items: flex-start;
        gap:0px;
    }
    .store-avatar img{
        width:30px;
        height: 30px;
    }
    .details-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-info .outline-btn {
        font-size: 10px;
        padding: 2px 8px;
        /* margin-left: 33px; */
    }
    .store-action{
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .chat-btn {
        font-size: 11px;
        padding: 1px 8px;
    }
    .chat-btn img{
        width: 12px;
    }
    .outline-btn{
        padding:0px;
        font-size: 12px;
    }
    .additional-actions{
        gap:10px;
    }
    .additional-main {
        justify-items: start;
    }
    .additional-actions2{
        justify-items: start;
    }
    .price-container {
        gap: 10px;
    }
    .current-price{
        font-size: 22px;
    }
    .sold-item{
        font-size: 12px;
    }
    .discount-badge{
        font-size: 12px;
    }
    .original-price{
        font-size: 14px;
    }
    .review-count{
        font-weight: 300;
        font-size: 12px;
    }
    .review-star {
        margin-top: 5px;
    }
    .product-title {
        width:100%;
    }
    .product-title2{
        font-size: 14px;
    }
    .product-image1{
        height: 200px;
    }
    .ghost-btn{
        font-size: 12px;
    }
    .ghost-btn i{
        font-size: 14px;
    }
    .social-icon i{
        font-size: 14px;
    }
    .main-image-container .next-btn {
        right: 0px;
        display: none;
    }
    .main-image-container .prev-btn {
        left: 0px;
        display: none;
    }
    .payment-main img{
        width:100%;
    }
    .details-tab-list{
        gap:10px;
    }
    .details-tab-trigger {
        padding: 5px 10px;
        font-size: 12px;
    }
    .features-shipping{
        flex-direction: column;
    }
    .payment-main {
        padding: 5px;
        border: 1px solid #ddd;
        margin-top: 10px;
    }
    .features h2{
        font-size: 16px;
    }
    .feature-list li{
        font-size: 14px;
        font-weight: 300;
    }
    .feature-list li svg{
        width:18px;
        height: 18px;
    }
    .features .feature-list{
        gap:7px;
    }
    .feature-image img{
        width:100%;
        height: 130px;
    }
    .shipping h2{
        font-size: 16px;

    }
    .shipping-list li{
        font-size: 14px;
    }
     .delivery-options {
        grid-template-columns: 1fr;
    }

    .delivery-header {
        margin-bottom: 0px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

   
    .section-action{
        gap:5px;
    }
    .cancel-btn, .confirm-btn {
    flex: 1;
    padding: 5px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .variant-product-text h5 {
        width: 177px;
        font-size: 14px;
    }
    .variant-product-card img{
        width:78px;
    }
    .company-info a img{
        width:100px;
    }
    .app-buttons a img{
        width:100%;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        padding-top: 18px;
        padding-bottom: 50px;
    }
    .footer-bottom p{
        font-size: 11px;
    }
    .footer-section h3{
        font-size: 12px;
    }
    .footer-currency-img img {
        width: 25px;
        height: 10px;
    }
    .footer-social-icons a {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    /* chat box  */
    .avatar{
        width: 40px;
        height: 40px;   
    }
    .message-container{
        right:0px;
    }
    .chat-container{
        width:300px;
    }
    .chat-input-container{
        padding:5px;
    }
    .chat-input-container input {
        padding: 7px;
        font-size: 14px;
    }
    .chat-input-container button {
        width:30px;
        height: 30px;;
    }
    .chat-tabs{
        display:none;
    }
    .search-chat{
        display: none;
    }
    .message-text{
        display:none;
    }
    .message-sidebar h1{
        text-align: center;
    }
    .message-sidebar h1 i{
        font-size: 24px;
        background: #fff1ec;
        padding: 10px;
        border-radius: 50%;
        color:#DA5726;
    }
    .conversation-item {
    align-items: center;
    padding: 10px;
    width: 60px;
    height: 60px;
    }
    .unread-badge {
        right: 3px;
        bottom: 7px;
    }
    .time {
        margin-top: 12px;
        margin-left: 3px;
    }



    /* footer navbar start */
    .bottom-navbar {
        display: block;
    }

    /* account hover card */
    .login-part {
        padding: 15px;
        width: 300px;
    }
    .login-input-part .login-input {
        padding:5px;
    }
    .log-btn-main .log-btn {
        padding:5px;
    }
    .google-text{
        padding:5px;
    }
    .google-btn .google-text img {
        width: 20px;
        height: 20px;
    }



    /* shopping cart card hover */
    .remove-btn {
        color: #ff0000;
        right: -72px;
        position: absolute;
    }
    .card-hover-part{
        width:290px;
    }
    .check-btn {
        padding: 5px;
        font-size: 14px;
        }
        .check-btn2 {
            padding:5px;
            font-size: 12px;
        }




    /* shopping cart page */
    .shopping-grid{
        position: relative;
        grid-template-columns: 1fr;
    }
    .shopping-items h1 {
        font-size: 11px;
        margin-bottom: 0px;
        margin-left: 53px;
    }
    .shopping-item-part {
        position:relative;
        padding-top: 0px;
    }
    .shopping-card {
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        height: 450px;
    }
    .shopping-header {
        font-size: 12px;
        padding: 5px 17px;
        gap:0px;
    }
    .product-header{
        margin-top:10px;
        margin-left:44px;
    }
    .table-price{
        display: none;
    }
    .table-quantity{
        display:none;
    }
    .table-subTotal{
        display:none;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
        padding: 0px;
    }
    .shopping-totals{
        margin-top:0px;
    }
    .shopping-actions .update-btn {
        padding: 5px 6px;
        font-size: 11px;
    }
    .totals-card h2 {
        font-size: 18px;
    }
    .shopping-item .subtotal{
        padding-top: 0px;
    }
    .shopping-info{
        flex-direction: column;
        align-items:start;
        gap:0.2rem;
    }
    .shopping-info h4{
        width:195px;
    }
    .shopping-info h4 a{
        width:205px;
    }
    .shopping-item{
        border: 1px solid #ddd;
        border-radius: 5px;
        padding:10px;
        margin-bottom:5px;
        display: block;
        gap:36px;
    }
    .cart-price{
        flex-direction: row;
        margin-bottom: 5px;
        align-items:start;
        gap:3px;
    }
    .sub-price{
        margin-top: 5px;
    }

    .total-row{
        padding:2px 0px;
        font-size: 14px;
    }
    .process-btn {
        padding: 8px;
        font-size: 14px;
    }
    .coupon-input .apply-btn {
        padding: 7px;
        font-size: 14px;
    }
    .qty-btn{
        height: 25px;
    }
    .shipping-header h2 {
        font-size: 15px;
    }

    .btn-address {
        font-size: 14px;
    }
     .review-card {
        grid-template-columns: 1fr;
    }

    .review-add-btn {
        padding: 5px 12px;
    }


    /* track order page start */
    .track-info p{
        padding-right: 0px;
        font-size: 14px;
    }
    .track-part h5{
        font-size: 14px;
    }
    .address-container{
        grid-template-columns: 1fr!important;
        gap:0px;
    }
    .progress-step-circle1 .progress-bar-step {
        width: 72px;
    }
    .progress-bar2{
        margin-left: 28px;
        margin-right: 28px;
    }
    .circle-icon h5 {
        font-size: 10px;
    }
    .circle-icon i{
        font-size: 20px;
    }
    .track-info h1{
        font-size: 18px;
    }
    .order-summary-text .track-text h4{
        font-size: 16px;
    }
    .order-summary-text .track-text h6{
        font-size: 12px;
    }
    .track-part .input-selection input {
        padding: 2px 5px;
        font-size: 14px;
    }
    .track-button button {
        padding: 5px 15px;
        font-size: 14px;
    }
    .track-page-main{
        margin-bottom: 20px;
    }
    .track-progress-part {
        margin-top: 0px;
    }
    .track-progress-part h5{
        font-size: 12px;
    }
    .order-summary-text {
        padding: 12px;
        margin: 11px;
    }

    .progress-bar2{
        margin-bottom: 100px;
    }
    .activity-card{
        margin-bottom: 10px;
    }
    .activity-card-border{
        border-right: none;
    }

    .product-details .order-title{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 160px;
    height: 38px;
    white-space: normal;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.5s;
    margin-top: 15px;
    }
    .timeline-icon i {
        padding: 7px;
        font-size: 12px;
    }
    /* checkout page start */
    .checkout-grid{
        grid-template-columns: 1fr;
        gap:0px;
    }
    .name-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .form-section{
        margin-bottom: 10px;
    }
    .place-order-btn{
        padding:6px;
        font-size: 14px;
    }
    .payment-option{
        padding:10px;
    }
    .payment-option input[type="radio"] {
        left: 18px;
        bottom: -3px;
    }
    .payment-option .label {
        font-size: 12px;
    }
    .payment-input-main h3 {
        padding-top: 12px;
        padding-left: 12px;
        font-size: 16px;
    }
    .form-section h2 {
        font-size: 16px;
    }
    .summary-card h2 {
        font-size: 18px;
    }
    .summary-details{
        font-size: 14px;
    }
    .summary-details .total{
        font-size: 14px;
    }
    .address-grid{
        grid-template-columns: 1fr 1fr;
    }
    .shipping-edit-modal{
        right:-400px;
        width:330px;
    }
    

/* faq page responsive */
    .faq-section-main {
        grid-template-columns: 1fr;
        gap:20px;
    }
    .faq-title{
        font-size: 16px;
    }
    .faq-question{
        padding:10px;
    }
    .faq-question span{
        font-size: 14px;
    }
    .faq-answer p{
        font-size: 14px;
    }
    .faq-answer ul li{
        font-size: 14px;
    }
     
    /* customer support page */
    .customer-header{
        padding:15px;
    }
    .customer-contact-methods{
        grid-template-columns: 1fr;
    }
    .customer-header h2{
        font-size: 18px;
        margin-bottom: 0px;
    }
    .customer-main-content{
        grid-template-columns: 1fr;
    }
    .customer-main-content .customer-support-img{
        order:1;
    }
    .customer-content-text{
        order:2;
    }
    .customer-whatsapp-button span{
        font-size: 12px;
    }
    .customer-whatsapp-button img{
        width:24px;
    }
    .customer-whatsapp-button {
        padding: 7px 15px;
    }

    /* notification page  */
    .notification-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .notification-time {
        margin-left: 0px;
    }
    .notification-header h2 {
        font-size: 18px;
        margin-bottom: 0px;
    }
     .question-answer-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .question-content {
        flex-direction: column;
        gap: 12px;
    }

    .question-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .question-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }



    /*--------------================= Dashboard part start ==============----------------*/
    .dashboard{
        grid-template-columns: 1fr;
    }
    .user-sidebar{
        display:none;
    }
    .dashboard-bar-icon{
        display: block;
    }
    .main-content{
        padding:0px;
    }
    .header .subtitle{
        padding-right: 0px;
    }
    .account-info-card{
        grid-template-columns: 1fr;
    }
    .edit-button {
        width: 130px;
        padding: 3px 10px;
        font-size: 12px;
    }
    .stats-card {
        padding: 3px 10px;
    }
    .stats-value{
        font-size: 20px;
    }
    .stats-content i {
        font-size: 20px;
        padding: 6px;
    }
    .payment-grid{
        grid-template-columns: 1fr;
    }
    
    .browser-card {
        flex: 0 0 calc(100% / 1);
        border:none;
    }
    .browser-slider{
        width: 218px;
        
    }
    .orderlist-card-part{
        overflow: scroll;
        height: 465px;
        position: relative;
    }
    .orderlist-card {
        position: absolute;
        border-radius: 0px;
    }
    .orderlist-items-list{
        width:800px;
    }
    .orderlist-item-part {
        padding: 0px 1px;
        border: 1px solid #ddd;
    }

    /* wisthlist component */
    .wishlist-card-part{
        position:relative;
        overflow:scroll;
        height: 465px;
    }
    .wishlist-card{
        position:absolute;
        
    }
    .wishlist-item {
        grid-template-columns:1fr;
        gap: 3px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .wishlist-info img {
        width: 35px;
        height: 35px;
    }
    .wishlist-info h4 a{
        font-size: 14px;
        width: 180px;
    }
    .wishlist-controls h5 {
        font-size: 12px;
        white-space: noWrap;
        margin-bottom: 0px;
    }
    .wishlist-price{
        font-size: 14px;
    }
    .wishlist-actions{
        width:100px;
    }
    .wishlist-cross-btn {
    /* right: -165px; */
    top: 12px;
    }
    .wishlist-actions .update-btn {
        font-size: 9px;
        padding: 5px 4px;
    }

    .wishlist-actions2 .update-btn2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-actions2 .wishlist-add-cart2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-item2 .wishlist-cross-btn2 i {
        font-size: 10px;
    }
    .wishlist-header{
        padding:0px 20px;
        font-size: 12px;
        align-items: center;
    }
    .wishlist-header .wishlist-price{
        display:none;
    }
    .wishlist-header .wishlist-stock{
        display:none;
    }
    .wishlist-header .wishlist-action{
        display:none;
    }
    .compare-card{
        height: 295px;
    }
    .product-compare-btn {
        padding: 6px 15px;
        font-size: 12px;
    }
    .copare-part {
        grid-template-columns: 1fr;
    }
    .compare-product{
        border-bottom: 1x solid #ddd;
    }
    .compare-content h6{
        white-space: noWrap;
    }
    .compare-image-container img{
        height: 150px;
    }
    .payment-card{
        padding:15px;
    }
    .billing-info-card{
        grid-template-columns: 1fr;
        gap:10px;
    }
    .action-card {
        left:33%;
        top: 44%;
        background-color: #fff;
        padding: 2px;
    }
    .action-card button{
        font-size: 12px;
    }
    .card-type{
        font-size: 18px;
    }
    .browser-items{
        grid-template-columns: 1fr;
    }
    .browser-items .browser-item .browser-card{
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
    .date-input[type="date"]{
        padding:5px;
    }

    /* setting part css */
    .setting-form-grid{
        grid-template-columns: 1fr;
    }
    .user-setting-input {
        grid-template-columns: 1fr;
    }
    .setting-form-group input {
        padding: 4px 10px;
        font-size: 14px;
    }
    .setting-form-group select{
        padding: 4px 10px;
    }
    /* seller store page */
    .profile-content{
        display: block;
    }
    .store-stats{
        gap:0;
    }
    .store-name{
        font-size: 15px;
    }
    .check-icon {
        height: 10px;
        width: 10px;
    }
    .star-icon {
        height: 40px;
        width: 40px;
    }
    .star-logo{
        height: 60px;
        width:60px;
    }
    .profile-actions {
        margin-right: 44px;
    }
    .rating-text{
        font-size: 14px;
    }

    /* chat box  */
    .chat-user-info p {
        display: none;
    }

    .message-content {
        max-width: 90%;
    }

    .message-time::before,
    .message-time::after {
        width: 40px;
    }

    .message-time::before {
        right: calc(50% + 20px);
    }

    .message-time::after {
        left: calc(50% + 20px);
            }


   /* top seller part  */
   .seller-card {
        width: 180px;
    }
    .seller-content{
        padding:10px;
    }
    .top-serllers-item{
        width:180px;
    }
    .seller-icon {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1rem;
    }
    .seller-list{
        grid-template-columns: 1fr 1fr;
        gap:10px;
    }
    .seller-banner-part img{
        width:100%;
    }
    .seller-title2{
        font-size: 16px;
    }

    /* seller store page  */
    .store-banner{
        height: 7rem;
    }
    
}

/*--------------------------========================  min-width: 576px and max-width: 765px  ==========================-----------------------*/

@media (min-width:576px) and (max-width: 765px) {
    /* top header */
    .banner-content{
        margin-left: 0px;
    }
    .top-header-left .black-tag{
        font-size: 12px;
    }
    .top-header-left span{
        font-size: 12px;
    }
    .top-header .top-header-part{
        flex-direction: column;
    }
    .top-header-part .header-message{
        font-size: 12px;
    }
    .banner-content .offer{
        font-size: 11px;
    }
    .banner-content{
        padding-left:0px;
    }
    .shop-btn {
        font-size: 12px;
        padding: 5px 8px;
    }
    .shop-now-btn {
        font-size: 10px;
        padding: 4px 5px;
    }
    .header-close-btn{
        top:5px;
        right: 12px;
    }
    .main-nav{
        padding-top:8px;
        padding-bottom: 8px;
    }
    .logo{
        width:100px;
        margin-bottom: 0px;
    }
    .logo img{
        width:100%;
        height: 20px;

    }
    .nav-logo{
        width:100px;
        margin-bottom: 0px;
    }
    .nav-logo img{
        width:100%;
        height: 20px;

    }
    .search-bar{
        display: none;
    }
    .search-bar input {
        padding: 5px 10px;
        font-size: 14px;
    }
    .main-nav .container{
        flex-direction:row;
        align-items:center;
    }
    .nav-actions .cart svg{
        width:16px;
        height: 16px;
    }
    .cart-count {
        position: absolute;
        top: -4px;
        right: -8px;
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .cart-icon2{
        display: none;
    }
    .account{
        display: none;
    }
    .cart{
        display: none;
    }
    .nav-actions .wishlist svg{
        width: 16px;
        height: 16px;
    }
    .nav-actions .account svg {
        width: 16px;
        height: 16px;
    }
    .click-button {
        padding: 5px 7px;
        font-size: 12px; 
    }
    .category-button .click-button i {
        font-size: 10px;
    }
    .category-div{
        width:420px;
    }
    .category-div a{
        font-size: 12px;
    }
    .category-div img {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }

    /* hero slider */
    .hero-section{
        grid-template-columns: 1fr;
        height: 100%;
    }
    .hero-slider-main{
        width:100%;
    }
    
    .header-actions{
        gap:5px;
    }
    .header-actions .become-seller{
        font-size: 12px;
    }

    .header-actions select{
        font-size: 12px;
    }
    .seller-list{
        grid-template-columns: 1fr 1fr;
        gap:10px;
    }
    /* .slides{
        width:300px;

    } */
    .slide{
        height: 500px;
    }
    .dots {
        bottom: 5px;
        left: 50%;
        transform: translate(-50%);
    }
    .slider-text{
        order:2;
        padding:15px;
        padding-bottom: 40px;
    }
    .slider-img{
        height: 347px;
        order:1;
    }
    .slider-text h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .slider-part .order-1{
        order:1;
    }
    .slider-part .order-2{
        order:2;
    }
    .slider-text p{
        font-size: 12px;
    }

    .service-links{
        display: none;
        /* flex-direction: column;
        gap:10px; */
    }
    .service-links a{
        font-size: 12px;
    }
    .nav-part .contact-text{
        font-size: 12px;
    }
    .small-banner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: inherit;
    }
    .small-banner .small-banner-up{
        grid-template-columns: 1fr;
        width:100%;
    }
    .small-banner .small-banner-down{
        grid-template-columns: 1fr;
        width:100%;
    }
    
    .small-banner-up-text .tag1{
        font-size: 12px;
    }
    .small-banner-up-text h1{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .small-banner-down-text h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .small-banner-down-text .small-down-price{
        font-size: 12px;
    }
    .service-features{
        grid-template-columns: 1fr 1fr;
    }
    .feature{
        border:none;
    }
    .feature-header-main{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .feature-header{
        margin-bottom: 0px;
    }
    .feature-browse-link{
        display: none;
    }
    .slider-part{
        grid-template-columns: 1fr;
    }
    
    .features-part{
        grid-template-columns: 1fr;
    }
    .feature-item2{
        grid-template-columns: 1fr 1fr;
    }
    .feature-tab-main{
        overflow: scroll;
        width: 100%;
    }
    .feature-tab{
        flex-direction: row;
        padding-bottom: 10px;
    }
    .products-part{
        grid-template-columns: 1fr;
    }
    .product-item2{
        grid-template-columns: 1fr 1fr;
    }
    .product-image1{
        height: 250px;
    }
    .feature-product-btn{
        flex-direction: column;
    }
    .feature-content .offer-text{
        margin-bottom: 20px;
    }
    .feature-image img{
        width:100%;
        height: 350px;
    }
    
    /* deals product */
     .countdown-container {
        padding: 30px 20px;
    }

    .deal-title {
        font-size: 2rem;
    }

    .timer-container {
        gap: 15px;
    }

    .time-unit {
        min-width: 80px;
        padding: 15px;
    }

    .time-number {
        font-size: 2rem;
    }
    .deals-header{
        flex-direction: column;
        gap:7px;
    }
    .deals-header h1{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .deals-header p{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .deals-header .timer{
        font-size: 11px;
    }
    .product-card-first{
        border-right: 1px solid #ddd;
    }
    .all-product-btn a{
        font-size: 11px;
    }



    .introducing-part{
        grid-template-columns: 1fr 1fr;
    }
    .introducing-left-text h1{
        font-size: 22px;
    }
    .introducing-righ-text h1{
        font-size: 22px;
    }
    .price-circle .price-amount{
        width:65px;
        height: 65px;
    }
    .price-circle .price-amount h5{
        font-size: 18px;
    }
    .introducing-part .introducing-part-left{
        grid-template-columns: 1fr;
    }
    .introducing-part .introducing-part-right{
        grid-template-columns: 1fr;
    }
    .variant-part2{
        grid-template-columns: 1fr;
    }
    .arrival-section{
        grid-template-columns: 1fr;
    }
    .news-letter-content{
        width:inherit;
    }
    .news-letter-content .border-hr{
        width:inherit;
    }
    .footer-grid{
        grid-template-columns: 1fr 1fr;
        gap:10px;
    }
    .footer-bottom p{
        font-size: 11px;
    }
    .footer-section h3{
        font-size: 12px;
    }
    .footer-currency-img img {
        width: 25px;
        height: 10px;
    }

    .subscribe-mail{
        padding:5px;
    }

    /* shop page */
    .breadcrumb-section{
        margin-bottom: 20px;
        padding:3px;
    }
    .breadcrumb{
        padding:0px;
    }
    .sort-section {
        align-items: baseline;
    }
    .shop-section-main{
        margin-top: 20px;
    }
    .shop-part{
        grid-template-columns: 1fr;
    }
    .shop-item2{
        grid-template-columns: 1fr 1fr;
    }

    .search-container{
        width: 100%;
    }
    #searchInput {
        padding: 7px 40px 7px 10px;
        font-size: 14px;
    }
    .search-main{
        flex-direction: column;
        gap:0px;
        margin-bottom: 10px;
    }
    .filter-tag {
        padding: 2px 6px;
        font-size: 12px;
    }
    .filters-section{
        gap:10px;
    }
    .active-filters{
        gap:5px;
    }
    .results-count{
        font-size: 12px;
    }
    .sidebar{
        width:230px
    }
    .shop-sidebar{
        display:none;
    }
    .sidebar-mobile {
        left: -270px;
        width: 270px;
    }
    .sidebar-product{
        display: none;
    }
    .range-slider input[type="range"]{
        width:210px;
    }

    /*---------------=================== product details ===================-----------------*/
    .main-image{
        height: 200px;
    }
    .product-grid{
        grid-template-columns: 1fr;
        gap:20px;
    }
    .quantity-selector {
        width: 80px;
    }
    .primary-btn{
        padding:2px;
        font-size: 12px;
    }
    .secondary-btn {
        padding: 0px 5px;
        font-size: 12px;
    }
    .secondary-btn{
        width:75px;
    }
    .additional-main {
        grid-template-columns: 1fr;
        margin-top: 15px;
        gap: 10px;
    }
    .store-info{
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
    }
    .store-details h5{
        font-size: 10px;
        margin-bottom: 0px;
    }
    
    .store-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-avatar img{
        width:30px;
        height: 30px;
    }
    .details-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-info .outline-btn {
        font-size: 12px;
        padding: 6px 12px;
    }
    .outline-btn{
        padding:0px;
        font-size: 12px;
    }
    .additional-actions{
        gap:10px;
    }
    .additional-main {
        justify-items: start;
    }
    .additional-actions2{
        justify-items: start;
    }
    .price-container {
        gap: 10px;
    }
    .current-price{
        font-size: 22px;
    }
    .sold-item{
        font-size: 12px;
    }
    .discount-badge{
        font-size: 12px;
    }
    .original-price{
        font-size: 14px;
    }
    .review-count{
        font-weight: 300;
        font-size: 12px;
    }
    .product-title2{
        font-size: 14px;
    }
    .ghost-btn{
        font-size: 12px;
    }
    .ghost-btn i{
        font-size: 14px;
    }
    .social-icon i{
        font-size: 14px;
    }
    .main-image-container .next-btn {
        right: 0px;
    }
    .main-image-container .prev-btn {
        left: 0px;
    }
    .payment-main img{
        width:100%;
    }
    .details-tab-list{
        gap:10px;
    }
    .details-tab-trigger {
        padding: 5px 10px;
        font-size: 12px;
    }
    .features-shipping{
        flex-direction: column;
    }
    .payment-main {
        padding: 5px;
        border: 1px solid #ddd;
        margin-top: 10px;
    }
    .features h2{
        font-size: 16px;
    }
    .feature-list li{
        font-size: 14px;
        font-weight: 300;
    }
    .feature-list li svg{
        width:18px;
        height: 18px;
    }
    .features .feature-list{
        gap:7px;
    }
    .shipping h2{
        font-size: 16px;

    }
    .shipping-list li{
        font-size: 14px;
    }
    .variant-product-text h5 {
        width: 177px;
        font-size: 14px;
    }
    .variant-product-card img{
        width:78px;
    }
    .footer-bottom {
        padding-top: 18px;
        padding-bottom: 36px;
    }







    /* footer navbar start */
    .bottom-navbar {
        display: block;
    }

    /* account hover card */
    .login-part {
        padding: 15px;
        width: 300px;
    }
    .login-input-part .login-input {
        padding:5px;
    }
    .log-btn-main .log-btn {
        padding:5px;
    }
    .google-text{
        padding:5px;
    }
    .google-btn .google-text img {
        width: 20px;
        height: 20px;
    }


    /* shopping cart card hover */
    .remove-btn {
        color: #ff0000;
        right: -72px;
        position: absolute;
    }
    .card-hover-part{
        width:360px;
    }
    .check-btn {
        padding: 5px;
        font-size: 14px;
        }
        .check-btn2 {
            padding:5px;
            font-size: 12px;
        }




    /* shopping cart page */
    .shopping-grid{
        position: relative;
        grid-template-columns: 1fr;
    }
    .shopping-items h1 {
        font-size: 16px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 0px;
    }
    .shopping-item-part {
        position:relative;
        padding-top: 0px;
    }
    .shopping-card {
        overflow: scroll;
        width: 100%;
        height: 354px;
    }
    .shopping-header {
        width: 100%;
        font-size: 12px;
        padding: 14px 17px;
        gap:0px;
    }
    .check-box-btn1{
        top:15px;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
        padding: 0px;
    }
    .shopping-actions .update-btn {
        padding: 5px 6px;
        font-size: 11px;
    }
    .totals-card h2 {
        font-size: 18px;
    }
    .shopping-item .subtotal{
        padding-top: 0px;
    }
    .shopping-info{
        flex-direction: column;
        align-items:start;
        gap:5px;
    }
    .shopping-info h4{
        width:195px;
    }
    .shopping-totals{
        margin-top:0px;
    }

    .total-row{
        padding:2px 0px;
        font-size: 14px;
    }
    .process-btn {
        padding: 8px;
        font-size: 14px;
    }
    .coupon-input .apply-btn {
        padding: 7px;
        font-size: 14px;
    }

    /* track order page start */
    .track-info p{
        padding-right: 0px;
        font-size: 14px;
    }
    .track-part h5{
        font-size: 14px;
    }
    .address-container{
        grid-template-columns: 1fr!important;
        gap:0px;
    }
    .progress-step-circle1 .progress-bar-step {
        width: 72px;
    }
    .progress-bar2{
        margin-left: 28px;
        margin-right: 28px;
    }
    .circle-icon h5 {
        font-size: 10px;
    }
    .circle-icon i{
        font-size: 20px;
    }
    .track-info h1{
        font-size: 18px;
    }
    .order-summary-text .track-text h4{
        font-size: 16px;
    }
    .order-summary-text .track-text h6{
        font-size: 12px;
    }
    .track-part .input-selection input {
        padding: 2px 5px;
        font-size: 14px;
    }
    .track-button button {
        padding: 5px 15px;
        font-size: 14px;
    }
    .track-page-main{
        margin-bottom: 20px;
    }
    .track-progress-part {
        margin-top: 0px;
    }
    .track-progress-part h5{
        font-size: 12px;
    }
    .order-summary-text {
        padding: 12px;
        margin: 11px;
    }

    .progress-bar2{
        margin-bottom: 100px;
    }
    .activity-card{
        margin-bottom: 10px;
    }
    .activity-card-border{
        border-right: none;
    }

    .product-details .order-title{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 160px;
    height: 38px;
    white-space: normal;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.5s;
    margin-top: 15px;
    }
    .timeline-icon i {
        padding: 7px;
        font-size: 12px;
    }
    /* checkout page start */
    .checkout-grid{
        grid-template-columns: 1fr;
        gap:0px;
    }
    .name-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .form-section{
        margin-bottom: 10px;
    }
    .place-order-btn{
        padding:6px;
        font-size: 14px;
    }
    .payment-option{
        padding:10px;
    }
    .payment-option input[type="radio"] {
        left: 18px;
        bottom: -3px;
    }
    .payment-option .label {
        font-size: 12px;
    }
    .payment-input-main h3 {
        padding-top: 12px;
        padding-left: 12px;
        font-size: 16px;
    }
    .form-section h2 {
        font-size: 16px;
    }
    .summary-card h2 {
        font-size: 18px;
    }
    .summary-details{
        font-size: 14px;
    }
    .summary-details .total{
        font-size: 14px;
    }
    .address-grid{
        grid-template-columns: 1fr 1fr;
    }




    /*--------------================= Dashboard part start =================--------------*/
    .dashboard{
        grid-template-columns: 1fr;
    }
    .user-sidebar{
        display:none;
    }
    .dashboard-bar-icon{
        display: block;
    }
    .main-content{
        padding:0px;
    }
    .header .subtitle{
        padding-right: 0px;
    }
    .account-info-card{
        grid-template-columns: 1fr;
    }
    .edit-button {
        width: 130px;
        padding: 3px 10px;
        font-size: 12px;
    }
    .stats-card {
        padding: 3px 10px;
    }
    .stats-value{
        font-size: 20px;
    }
    .stats-content i {
        font-size: 20px;
        padding: 6px;
    }
    .payment-grid{
        grid-template-columns: 1fr;
    }
    
    .browser-card {
        flex: 0 0 calc(100% / 1);
        border:none;
    }
    .browser-slider{
        width: 218px;
        
    }
    .orderlist-card-part{
        overflow: scroll;
        height: 465px;
        position: relative;
    }
    .orderlist-card {
        position: absolute;
        border-radius: 0px;
    }
    .orderlist-items-list{
        width:800px;
    }
    .orderlist-item-part {
        padding: 0px 1px;
        border: 1px solid #ddd;
    }

    /* wisthlist component */
    .wishlist-card-part{
        position:relative;
        overflow:scroll;
        height: 465px;
    }
    .wishlist-card{
        position:absolute;
        
    }
    .wishlist-info img {
        width: 35px;
        height: 35px;
    }
    .wishlist-info h4 {
        width: 180px;
    }
    .wishlist-controls h5 {
        font-size: 12px;
    }
    .wishlist-price{
        font-size: 14px;
    }
    .wishlist-actions{
        width: 110px;
    }
    .wishlist-actions2 .update-btn2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-actions2 .wishlist-add-cart2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-item2 .wishlist-cross-btn2 i {
        font-size: 10px;
    }
    .wishlist-header{
        padding:0px 20px;
        font-size: 12px;
        align-items: center;
    }
    .wishlist-actions{
        text-wrap: nowrap;;
    }
    .wishlist-cross-btn {
    top: 32px;
    right: -39px;
    }


    .copare-part {
        grid-template-columns: 1fr;
    }
    .compare-product{
        border-bottom: 1x solid #ddd;
    }
    .compare-content h6{
        white-space: noWrap;
    }
    .payment-card{
        padding:15px;
    }
    .billing-info-card{
        grid-template-columns: 1fr;
        gap:10px;
    }
    .action-card {
        left: 38%;
        top: 42%;
        background-color: #fff;
        padding: 10px;
    }
    .action-card button{
        font-size: 12px;
    }
    .card-type{
        font-size: 18px;
    }
    .browser-items{
        grid-template-columns: 1fr 1fr;
    }
    .date-input[type="date"]{
        padding:5px;
    }
    .browser-items .browser-item .browser-card{
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    /* setting part css */
    .setting-form-grid{
        grid-template-columns: 1fr;
    }
    .user-setting-input {
        grid-template-columns: 1fr;
    }
    .setting-form-group input {
        padding: 4px 10px;
        font-size: 14px;
    }
    .setting-form-group select{
        padding: 4px 10px;
    }

    .app-container {
        height: 100vh;
        border-radius: 0;
        max-width: 100%;
    }

    .sidebar {
        display: none;
    }

    .message-content {
        max-width: 85%;
    }
}


/*--------------------------========================  min-width: 766px and max-width: 991px  ==========================-----------------------*/
@media (min-width:766px) and (max-width: 991px) {
    /* top header */
    .banner-content{
        margin-left: 0px;
    }
    .top-header-left .black-tag{
        font-size: 12px;
    }
    .top-header-left span{
        font-size: 12px;
    }
    /* .top-header .top-header-part{
        flex-direction: column;
    } */
    .top-header-part .header-message{
        font-size: 12px;
    }
    .banner-content .offer{
        font-size: 11px;
    }
    .banner-content{
        padding-left:0px;
    }
    .shop-btn {
        font-size: 12px;
        padding: 5px 8px;
    }
    .shop-now-btn {
        font-size: 10px;
        padding: 4px 5px;
    }
    .header-close-btn{
        top:5px;
        right: 12px;
    }
    .main-nav{
        padding-top:8px;
        padding-bottom: 8px;
    }
    .logo{
        width:100px;
        margin-bottom: 0px;
    }
    .logo img{
        width:100%;
        height: 20px;

    }
    .nav-logo{
        width:100px;
        margin-bottom: 0px;
    }
    .nav-logo img{
        width:100%;
        height: 20px;

    }
    .search-bar{
        display: none;
    }
    .search-bar{
        max-width:400px;
    }
    .search-bar input {
        padding: 5px 10px;
        font-size: 14px;
    }
    .main-nav .container{
        flex-direction:row;
        align-items: baseline;
    }
    .nav-actions .cart svg{
        width:16px;
        height: 16px;
    }
    .account{
        display: none;
    }
    .cart{
        display: none;
    }
    .cart-count {
        position: absolute;
        top: -4px;
        right: -8px;
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .cart-icon2{
        display: none;
    }
    .nav-actions .wishlist svg{
        width: 16px;
        height: 16px;
    }
    .nav-actions .account svg {
        width: 16px;
        height: 16px;
    }
    .click-button {
        padding: 5px 7px;
        font-size: 12px; 
    }
    .category-button .click-button i {
        font-size: 10px;
    }
    .category-div{
        width:420px;
    }
    .category-div a{
        font-size: 12px;
    }
    .category-div img {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }

    /* hero slider */
    .hero-section{
        grid-template-columns: 1fr;
        height: 100%;
    }
    .hero-slider-main{
        width:100%;
    }
    
    .header-actions{
        gap:5px;
    }
    .header-actions .become-seller{
        font-size: 12px;
    }
    .header-actions select{
        font-size: 12px;
    }
        .seller-list{
        grid-template-columns: 1fr 1fr 1fr;
        gap:10px;
    }
    .seller-card{
        width:13rem;
    }
    /* .slides{
        width:300px;

    } */
    .slide{
        height: 400px;
    }
    .dots {
        bottom: 5px;
        left: 50%;
        transform: translate(-50%);
    }
    .slider-text{
        order:2;
        padding:15px;
        padding-bottom: 40px;
    }
    .slider-img{
        height: 347px;
        order:1;
    }
    .slider-text h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .slider-part .order-1{
        order:1;
    }
    .slider-part .order-2{
        order:2;
    }
    .slider-text p{
        font-size: 12px;
    }
   
    .service-links{
        display: none;
        /* flex-direction: column;
        gap:10px; */
    }
    .service-links a{
        font-size: 12px;
    }
    .nav-part .contact-text{
        font-size: 12px;
    }
    .small-banner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: inherit;
    }
    .small-banner .small-banner-up{
        grid-template-columns: 1fr;
        width:100%;
    }
    .small-banner .small-banner-down{
        grid-template-columns: 1fr;
        width:100%;
    }
    
    .small-banner-up-text .tag1{
        font-size: 12px;
    }
    .small-banner-up-text h1{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .small-banner-down-text h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .small-banner-down-text .small-down-price{
        font-size: 12px;
    }
    .service-features{
        grid-template-columns: 1fr 1fr;
        gap:15px;
    }
    .feature{
        border:none;
    }
    .feature-header-main{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .feature-header{
        margin-bottom: 0px;
    }
    .feature-browse-link{
        display: none;
    }
  
    .slider-part{
        grid-template-columns: 1fr 1fr;
    }
    
    .features-part{
        grid-template-columns: 1fr;
    }
    .feature-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .feature-tab-main{
        overflow: scroll;
        width: 100%;
    }
    .feature-tab{
        flex-direction: row;
        padding-bottom: 10px;
    }
    .products-part{
        grid-template-columns: 1fr;
    }
    .product-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .feature-product-btn{
        flex-direction: column;
    }
    .feature-content .offer-text{
        margin-bottom: 20px;
    }
    .feature-image img{
        width:100%;
        height: 350px;
    }
    
    /* deals product */
    .deals-header{
        flex-direction: column;
        gap:7px;
    }
    .deals-header h1{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .deals-header p{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .deals-header .timer{
        font-size: 11px;
    }
    .product-card-first{
        border-right: 1px solid #ddd;
    }
    .all-product-btn a{
        font-size: 11px;
    }



    .introducing-part{
        grid-template-columns: 1fr 1fr;
    }
    .introducing-left-text h1{
        font-size: 22px;
    }
    .introducing-righ-text h1{
        font-size: 22px;
    }
    .price-circle .price-amount{
        width:65px;
        height: 65px;
    }
    .price-circle .price-amount h5{
        font-size: 18px;
    }
    .introducing-part .introducing-part-left{
        grid-template-columns: 1fr;
    }
    .introducing-part .introducing-part-right{
        grid-template-columns: 1fr;
    }
    .variant-part2{
        grid-template-columns: 1fr 1fr;
    }
    .arrival-section{
        grid-template-columns: 1fr;
    }
    .news-letter-content{
        width:inherit;
    }
    .news-letter-content .border-hr{
        width:inherit;
    }
    .footer-grid{
        grid-template-columns: 1fr 1fr;
        gap:10px;
    }
    .subscribe-mail{
        padding:5px;
    }

    /* shop page */
    .breadcrumb-section{
        margin-bottom: 20px;
        padding:3px;
    }
    .breadcrumb{
        padding:0px;
    }
    .sort-section {
        align-items: baseline;
    }
    .shop-section-main{
        margin-top: 20px;
    }
    .shop-part{
        grid-template-columns: 1fr;
    }
    .shop-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .search-container{
        width: 100%;
    }
    #searchInput {
        padding: 7px 40px 7px 10px;
        font-size: 14px;
    }
    .search-main{
        flex-direction: column;
        gap:0px;
        margin-bottom: 10px;
    }
    .search-bar button{
        top:3px;
    }
    .filter-tag {
        padding: 2px 6px;
        font-size: 12px;
    }
    .filters-section{
        gap:10px;
    }
    .active-filters{
        gap:5px;
    }
    .results-count{
        font-size: 12px;
    }
    .sidebar{
        width:230px
    }
    .shop-sidebar{
        display:none;
    }
    .sidebar-mobile {
        left: -270px;
        width: 270px;
    }
    .sidebar-product{
        display: none;
    }
    .range-slider input[type="range"]{
        width:210px;
    }

    /*---------------=================== product details ===================-----------------*/
    .product-grid{
        grid-template-columns: 1fr;
        gap:20px;
    }
    .quantity-selector {
        width: 80px;
    }
    .primary-btn{
        padding:2px;
        font-size: 12px;
    }
    .secondary-btn {
        padding: 0px 5px;
        font-size: 12px;
    }
    .secondary-btn{
        width:75px;
    }
    .additional-main {
        grid-template-columns: 1fr;
        margin-top: 15px;
        gap: 10px;
    }
    .store-info{
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
    }
    .store-details h5{
        font-size: 14px;
    }
    .store-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-avatar img{
        width:30px;
        height: 30px;
    }
    .details-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-info .outline-btn {
        font-size: 12px;
        padding: 6px 12px;
    }
    .outline-btn{
        padding:0px;
        font-size: 12px;
    }
    .additional-actions{
        gap:10px;
    }
    .additional-main {
        justify-items: start;
    }
    .additional-actions2{
        justify-items: start;
    }
    .price-container {
        gap: 10px;
    }
    .current-price{
        font-size: 22px;
    }
    .sold-item{
        font-size: 12px;
    }
    .discount-badge{
        font-size: 12px;
    }
    .original-price{
        font-size: 14px;
    }
    .review-count{
        font-weight: 300;
        font-size: 12px;
    }
    .product-title2{
        font-size: 14px;
    }
    .ghost-btn{
        font-size: 12px;
    }
    .ghost-btn i{
        font-size: 14px;
    }
    .social-icon i{
        font-size: 14px;
    }
    .main-image-container .next-btn {
        right: 0px;
    }
    .main-image-container .prev-btn {
        left: 0px;
    }
    .payment-main img{
        width:100%;
    }
    .details-tab-list{
        gap:10px;
    }
    .details-tab-trigger {
        padding: 5px 10px;
        font-size: 12px;
    }
    .features-shipping{
        flex-direction: column;
    }
    .payment-main {
        padding: 5px;
        border: 1px solid #ddd;
        margin-top: 10px;
    }
    .features h2{
        font-size: 16px;
    }
    .feature-list li{
        font-size: 14px;
        font-weight: 300;
    }
    .feature-list li svg{
        width:18px;
        height: 18px;
    }
    .features .feature-list{
        gap:7px;
    }
    .shipping h2{
        font-size: 16px;

    }
    .shipping-list li{
        font-size: 14px;
    }
    .variant-product-text h5 {
        width: 177px;
        font-size: 14px;
    }
    .variant-product-card img{
        width:78px;
    }
    .footer-bottom {
        padding-top: 18px;
        padding-bottom: 36px;
    }







    /* footer navbar start */
    .bottom-navbar {
        display: block;
    }

    /* account hover card */
    .login-part {
        padding: 15px;
        width: 300px;
    }
    .login-input-part .login-input {
        padding:5px;
    }
    .log-btn-main .log-btn {
        padding:5px;
    }
    .google-text{
        padding:5px;
    }
    .google-btn .google-text img {
        width: 20px;
        height: 20px;
    }


    /* shopping cart card hover */
    .remove-btn {
        color: #ff0000;
        right: -72px;
        position: absolute;
    }
    .card-hover-part{
        width:360px;
    }
    .check-btn {
        padding: 5px;
        font-size: 14px;
        }
        .check-btn2 {
            padding:5px;
            font-size: 12px;
        }




    /* shopping cart page */
    .shopping-grid{
        position: relative;
        grid-template-columns: 1fr;
    }
    .shopping-items h1 {
        font-size: 16px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 0px;
    }
    .shopping-item .cross-btn{
        right:-12px;
    }
    .shopping-item-part {
        position:relative;
        padding-top: 0px;
    }
    .shopping-card {
        overflow: scroll;
        width: 100%;
        height: 354px;
    }
    .shopping-header {
        width: 100%;
        font-size: 12px;
        padding: 14px 17px;
        gap:0px;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
    }
    .shopping-actions .update-btn {
        padding: 5px 6px;
        font-size: 11px;
    }
    .shopping-info h4 a{
        width:206px;
    }
    .totals-card h2 {
        font-size: 18px;
    }
    .shopping-item .subtotal{
        padding-top: 0px;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
        padding: 0px;
    }
    .shopping-totals{
        margin-top:0px;
    }

    .total-row{
        padding:2px 0px;
        font-size: 14px;
    }
    .process-btn {
        padding: 8px;
        font-size: 14px;
    }
    .coupon-input .apply-btn {
        padding: 7px;
        font-size: 14px;
    }

    /* track order page start */
    .track-info p{
        padding-right: 0px;
        font-size: 14px;
    }
    .track-part h5{
        font-size: 14px;
    }
    .address-container{
        grid-template-columns: 1fr!important;
        gap:0px;
    }
    .progress-step-circle1 .progress-bar-step {
        width: 72px;
    }
    .progress-bar2{
        margin-left: 28px;
        margin-right: 28px;
    }
    .circle-icon h5 {
        font-size: 10px;
    }
    .circle-icon i{
        font-size: 20px;
    }
    .track-info h1{
        font-size: 18px;
    }
    .order-summary-text .track-text h4{
        font-size: 16px;
    }
    .order-summary-text .track-text h6{
        font-size: 12px;
    }
    .track-part .input-selection input {
        padding: 2px 5px;
        font-size: 14px;
    }
    .track-button button {
        padding: 5px 15px;
        font-size: 14px;
    }
    .track-page-main{
        margin-bottom: 20px;
    }
    .track-progress-part {
        margin-top: 0px;
    }
    .track-progress-part h5{
        font-size: 12px;
    }
    .order-summary-text {
        padding: 12px;
        margin: 11px;
    }

    .progress-bar2{
        margin-bottom: 100px;
    }
    .activity-card{
        margin-bottom: 10px;
    }
    .activity-card-border{
        border-right: none;
    }

    .product-details .order-title{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 160px;
    height: 38px;
    white-space: normal;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.5s;
    margin-top: 15px;
    }
    .timeline-icon i {
        padding: 7px;
        font-size: 12px;
    }
    /* checkout page start */
    .checkout-grid{
        grid-template-columns: 1fr;
        gap:0px;
    }
    .name-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .form-section{
        margin-bottom: 10px;
    }
    .place-order-btn{
        padding:6px;
        font-size: 14px;
    }
    .payment-option{
        padding:10px;
    }
    .payment-option input[type="radio"] {
        left: 18px;
        bottom: -3px;
    }
    .payment-option .label {
        font-size: 12px;
    }
    .payment-input-main h3 {
        padding-top: 12px;
        padding-left: 12px;
        font-size: 16px;
    }
    .form-section h2 {
        font-size: 16px;
    }
    .summary-card h2 {
        font-size: 18px;
    }
    .summary-details{
        font-size: 14px;
    }
    .summary-details .total{
        font-size: 14px;
    }
    .address-grid{
        grid-template-columns: 1fr 1fr;
    }




    /*--------------================= Dashboard part start =================--------------*/
    .dashboard{
        grid-template-columns: 1fr;
    }
    .user-sidebar{
        display:none;
    }
    .dashboard-bar-icon{
        display: block;
    }
    .main-content{
        padding:0px;
    }
    .header .subtitle{
        padding-right: 0px;
    }
    .account-info-card{
        grid-template-columns: 1fr;
    }
    .edit-button {
        width: 130px;
        padding: 3px 10px;
        font-size: 12px;
    }
    .stats-card {
        padding: 3px 10px;
    }
    .stats-value{
        font-size: 20px;
    }
    .stats-content i {
        font-size: 20px;
        padding: 6px;
    }
    .payment-grid{
        grid-template-columns: 1fr;
    }
    
    .browser-card {
        flex: 0 0 calc(100% / 1);
        border:none;
    }
    .browser-slider{
        width: 218px;
        
    }
    .orderlist-card-part{
        overflow: scroll;
        height: 465px;
        position: relative;
    }
    .orderlist-card {
        position: absolute;
        border-radius: 0px;
    }
    .orderlist-items-list{
        width:800px;
    }
    .orderlist-item-part {
        padding: 0px 1px;
        border: 1px solid #ddd;
    }

    /* wisthlist component */
    .wishlist-card-part{
        position:relative;
        overflow:scroll;
        height: 465px;
    }
    .wishlist-card{
        position:absolute;
        
    }
    .wishlist-info img {
        width: 35px;
        height: 35px;
    }
    .wishlist-info h4 {
        width: 180px;
    }
    .wishlist-controls h5 {
        font-size: 12px;
    }
    .wishlist-price{
        font-size: 14px;
    }
    .wishlist-actions2 .update-btn2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-actions2 .wishlist-add-cart2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-item2 .wishlist-cross-btn2 i {
        font-size: 10px;
    }
    .wishlist-header{
        padding:0px 20px;
        font-size: 12px;
        align-items: center;
    }
    .wishlist-cross-btn {
        top: 31px;
    }
    .copare-part {
        grid-template-columns: 1fr 1fr;
    }
    .compare-product{
        border-bottom: 1x solid #ddd;
    }
    .compare-content h6{
        white-space: noWrap;
    }
    .payment-card{
        padding:15px;
    }
    .billing-info-card{
        grid-template-columns: 1fr;
        gap:10px;
    }
    .action-card {
        left: 44%;
        top: 42%;
        background-color: #fff;
        padding: 10px;
    }
    .action-card button{
        font-size: 12px;
    }
    .card-type{
        font-size: 18px;
    }
    .browser-items{
        grid-template-columns: 1fr 1fr;
    }
    .date-input[type="date"]{
        padding:5px;
    }
    .browser-items .browser-item .browser-card{
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    /* setting part css */
    .setting-form-grid{
        grid-template-columns: 1fr;
    }
    .user-setting-input {
        grid-template-columns: 1fr;
    }
    .setting-form-group input {
        padding: 4px 10px;
        font-size: 14px;
    }
    .setting-form-group select{
        padding: 4px 10px;
    }
}




@media (min-width: 992px) {
    .category-item2 {
        position: relative;
    }

    .category-item2:hover .subcategory-menu2 {
        display: block !important;
    }
    .subcategory-menu2 {
    /* position: absolute; */
    background: #fff;
    /* padding: 5px 10px; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    left: 290px;
    top: 0px;
    border-radius: 4px;
}
}
/*--------------------------========================  min-width: 992px and max-width: 1200px  ==========================-----------------------*/
@media (min-width:992px) and (max-width: 1200px) {
    /* top header */
    .banner-content{
        margin-left: 0px;
    }
    .top-header-left .black-tag{
        font-size: 12px;
    }
    .top-header-left span{
        font-size: 12px;
    }
    /* .top-header .top-header-part{
        flex-direction: column;
    } */
    .top-header-part .header-message{
        font-size: 12px;
    }
    .banner-content .offer{
        font-size: 11px;
    }
    .banner-content{
        padding-left:0px;
    }
    .shop-btn {
        font-size: 12px;
        padding: 5px 8px;
    }
    .shop-now-btn {
        font-size: 10px;
        padding: 4px 5px;
    }
    .header-close-btn{
        top:5px;
        right: 12px;
    }
    .main-nav{
        padding-top:8px;
        padding-bottom: 8px;
    }
    .logo{
        width:100px;
        margin-bottom: 0px;
    }
    .logo img{
        width:100%;
        height: 20px;

    }
    .nav-logo{
        width:100px;
        margin-bottom: 0px;
    }
    .nav-logo img{
        width:100%;
        height: 20px;

    }
    /* .search-bar{
        display: none;
    } */
    .search-bar{
        max-width:450px;
    }
    .search-bar input {
        padding: 5px 10px;
        font-size: 14px;
    }
    .search-bar button{
        top:3px;
    }
    /* mobile search modal */
    .search-button2{
        display: none;
    }
    .main-nav .container{
        flex-direction:row;
        align-items: baseline;
    }
    .nav-actions .cart svg{
        width:16px;
        height: 16px;
    }
    .cart-count {
        position: absolute;
        top: -4px;
        right: -8px;
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .nav-actions .wishlist svg{
        width: 16px;
        height: 16px;
    }
    .nav-actions .account svg {
        width: 16px;
        height: 16px;
    }
    .click-button {
        padding: 5px 7px;
        font-size: 12px; 
    }
    .category-button .click-button i {
        font-size: 10px;
    }
    .category-div{
        width:420px;
    }
    .category-div a{
        font-size: 12px;
    }
    .category-div img {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }
    .category-item {
        position: relative;
    }

    .category-item:hover .subcategory-menu {
        display: block !important;
    }

    /* hero slider */
    .hero-section{
        grid-template-columns: 1fr;
        height: 100%;
    }
    .hero-slider-main{
        width:100%;
    }
    
    .header-actions{
        gap:5px;
    }
    .header-actions .become-seller{
        font-size: 12px;
    }
    .header-actions select{
        font-size: 12px;
    }
     .seller-card{
        width:14rem;
    }
    /* .slides{
        width:300px;

    } */
    .slide{
        height: 400px;
    }
    .dots {
        bottom: 5px;
        left: 50%;
        transform: translate(-50%);
    }
    .slider-text{
        order:2;
        padding:15px;
        padding-bottom: 40px;
    }
    .slider-img{
        height: 347px;
        order:1;
    }
    .slider-text h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .slider-part .order-1{
        order:1;
    }
    .slider-part .order-2{
        order:2;
    }
    .slider-text p{
        font-size: 12px;
    }
    .delivery-options {
        grid-template-rows: none;
        grid-template-columns: 1fr 1fr;
    }
  
    .service-links a{
        font-size: 12px;
    }
    .nav-part .contact-text{
        font-size: 12px;
    }
    .small-banner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: inherit;
    }
    .small-banner .small-banner-up{
        grid-template-columns: 1fr;
        width:100%;
    }
    .small-banner .small-banner-up .small-banner-up-img img{
        height: 240px;
    }


    .small-banner .small-banner-down{
        grid-template-columns: 1fr;
        width:100%;
    }
    
    .small-banner-up-text .tag1{
        font-size: 12px;
    }
    .small-banner-up-text h1{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .small-banner-down-text h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .small-banner-down-text .small-down-price{
        font-size: 12px;
    }

    .small-banner .small-banner-down .small-banner-down-img img{
        height: 240px;
    }
    
    .service-features{
        grid-template-columns: 1fr 1fr;
        gap:15px;
    }
    .feature{
        border:none;
    }
    .feature-header-main{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .feature-header{
        margin-bottom: 0px;
    }
    .feature-browse-link{
        display: none;
    }
    .slider-part{
        grid-template-columns: 1fr 1fr;
    }
    
    .features-part{
        grid-template-columns: 1fr;
    }
    .feature-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .feature-tab-main{
        overflow: scroll;
        width:100%;
    }
    .feature-tab{
        flex-direction: row;
        padding-bottom: 10px;
    }
    .products-part{
        grid-template-columns: 1fr;
    }
    .product-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .feature-product-btn{
        flex-direction: column;
    }
    .feature-content .offer-text{
        margin-bottom: 20px;
    }
    .feature-image img{
        width:100%;
        height: 350px;
    }
    
    /* deals product */
    .deals-header{
        flex-direction: column;
        gap:7px;
    }
    .deals-header h1{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .deals-header p{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .deals-header .timer{
        font-size: 11px;
    }
    .product-card-first{
        border-right: 1px solid #ddd;
    }
    .all-product-btn a{
        font-size: 11px;
    }



    .introducing-part{
        grid-template-columns: 1fr 1fr;
    }
    .introducing-left-text h1{
        font-size: 22px;
    }
    .introducing-righ-text h1{
        font-size: 22px;
    }
    .price-circle .price-amount{
        width:65px;
        height: 65px;
    }
    .price-circle .price-amount h5{
        font-size: 18px;
    }
    .introducing-part .introducing-part-left{
        grid-template-columns: 1fr;
    }
    .introducing-part .introducing-part-right{
        grid-template-columns: 1fr;
    }
    .variant-part2{
        grid-template-columns: 1fr 1fr;
    }
    .arrival-section{
        grid-template-columns: 1fr;
    }
    .news-letter-content{
        width:inherit;
    }
    .news-letter-content .border-hr{
        width:inherit;
    }
    .footer-grid{
        grid-template-columns: 1fr 1fr;
        gap:10px;
    }
    .subscribe-mail{
        padding:5px;
    }

    /* shop page */
    .breadcrumb-section{
        margin-bottom: 20px;
        padding:3px;
    }
    .breadcrumb{
        padding:0px;
    }
    .sort-section {
        align-items: baseline;
    }
    .shop-section-main{
        margin-top: 20px;
    }
    /* .shop-part{
        grid-template-columns: 1fr;
    } */
    .shop-item2{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .search-container{
        width: 100%;
    }
    #searchInput {
        padding: 7px 40px 7px 10px;
        font-size: 14px;
    }
    .search-main{
        flex-direction: column;
        gap:0px;
        margin-bottom: 10px;
    }
    .filter-tag {
        padding: 2px 6px;
        font-size: 12px;
    }
    .filters-section{
        gap:10px;
    }
    .active-filters{
        gap:5px;
    }
    .results-count{
        font-size: 12px;
    }
    .sidebar{
        width:230px
    }
    /* .shop-sidebar{
        display:none;
    } */
     .filter-button{
        display: none;
     }
    .sidebar-mobile {
        left: -270px;
        width: 270px;
    }
    .sidebar-product{
        display: none;
    }
    .range-slider input[type="range"]{
        width:210px;
    }

    /*---------------=================== product details ===================-----------------*/
    .product-grid{
        grid-template-columns: 1fr 1fr;
        gap:20px;
    }
    .quantity-selector {
        width: 80px;
    }
    .primary-btn{
        padding:2px;
        font-size: 12px;
    }
    .secondary-btn {
        padding: 0px 5px;
        font-size: 12px;
    }
    .secondary-btn{
        width:75px;
    }
    .additional-main {
        grid-template-columns: 1fr;
        margin-top: 15px;
        gap: 10px;
    }
    .store-info{
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
    }
    .store-details h5{
        font-size: 14px;
    }
    .store-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-avatar img{
        width:30px;
        height: 30px;
    }
    .details-rating{
        flex-direction: column;
        align-items: flex-start;
    }
    .store-info .outline-btn {
        font-size: 12px;
        padding: 6px 12px;
    }
    .outline-btn{
        padding:0px;
        font-size: 12px;
    }
    .additional-actions{
        gap:10px;
    }
    .additional-main {
        justify-items: start;
    }
    .additional-actions2{
        justify-items: start;
    }
    .price-container {
        gap: 10px;
    }
    .current-price{
        font-size: 22px;
    }
    .sold-item{
        font-size: 12px;
    }
    .discount-badge{
        font-size: 12px;
    }
    .original-price{
        font-size: 14px;
    }
    .review-count{
        font-weight: 300;
        font-size: 12px;
    }
    .product-title2{
        font-size: 14px;
    }
    .ghost-btn{
        font-size: 12px;
    }
    .ghost-btn i{
        font-size: 14px;
    }
    .social-icon i{
        font-size: 14px;
    }
    .main-image-container .next-btn {
        right: 0px;
    }
    .main-image-container .prev-btn {
        left: 0px;
    }
    .payment-main img{
        width:100%;
    }
    .details-tab-list{
        gap:10px;
    }
    .details-tab-trigger {
        padding: 5px 10px;
        font-size: 12px;
    }
    .features-shipping{
        flex-direction: column;
    }
    .payment-main {
        padding: 5px;
        border: 1px solid #ddd;
        margin-top: 10px;
    }
    .features h2{
        font-size: 16px;
    }
    .feature-list li{
        font-size: 14px;
        font-weight: 300;
    }
    .feature-list li svg{
        width:18px;
        height: 18px;
    }
    .features .feature-list{
        gap:7px;
    }
    .shipping h2{
        font-size: 16px;

    }
    .shipping-list li{
        font-size: 14px;
    }
    .variant-product-text h5 {
        width: 177px;
        font-size: 14px;
    }
    .variant-product-card img{
        width:78px;
    }
    .footer-bottom {
        padding-top: 18px;
        padding-bottom: 36px;
    }
    






    /* footer navbar start */

    /* account hover card */
    .login-part {
        padding: 15px;
        width: 300px;
    }
    .login-input-part .login-input {
        padding:5px;
    }
    .log-btn-main .log-btn {
        padding:5px;
    }
    .google-text{
        padding:5px;
    }
    .google-btn .google-text img {
        width: 20px;
        height: 20px;
    }


    /* shopping cart card hover */
    .remove-btn {
        color: #ff0000;
        right: -72px;
        position: absolute;
    }
    .card-hover-part{
        width:360px;
    }
    .check-btn {
        padding: 5px;
        font-size: 14px;
        }
        .check-btn2 {
            padding:5px;
            font-size: 12px;
        }




    /* shopping cart page */
    .shopping-grid{
        position: relative;
        grid-template-columns: 1fr;
    }
    .shopping-items h1 {
        font-size: 16px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 0px;
    }
    .shopping-item-part {
        position:relative;
        padding-top: 0px;
    }
    .shopping-card {
        overflow: scroll;
        width: 100%;
        height: 354px;
    }
    .shopping-header {
        width: 100%;
        font-size: 12px;
        padding: 14px 17px;
        gap:0px;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
    }
    .shopping-actions .update-btn {
        padding: 5px 6px;
        font-size: 11px;
    }
    .totals-card h2 {
        font-size: 18px;
    }
    .shopping-item .subtotal{
        padding-top: 0px;
    }
    .shopping-actions{
        margin-top: 5px;
        gap:3px;
        padding: 0px;
    }
    .shopping-totals{
        margin-top:0px;
    }

    .total-row{
        padding:2px 0px;
        font-size: 14px;
    }
    .process-btn {
        padding: 8px;
        font-size: 14px;
    }
    .coupon-input .apply-btn {
        padding: 7px;
        font-size: 14px;
    }

    /* track order page start */
    .track-info p{
        padding-right: 0px;
        font-size: 14px;
    }
    .track-part h5{
        font-size: 14px;
    }
    .address-container{
        grid-template-columns: 1fr!important;
        gap:0px;
    }
    .progress-step-circle1 .progress-bar-step {
        width: 72px;
    }
    .progress-bar2{
        margin-left: 28px;
        margin-right: 28px;
    }
    .circle-icon h5 {
        font-size: 10px;
    }
    .circle-icon i{
        font-size: 20px;
    }
    .track-info h1{
        font-size: 18px;
    }
    .order-summary-text .track-text h4{
        font-size: 16px;
    }
    .order-summary-text .track-text h6{
        font-size: 12px;
    }
    .track-part .input-selection input {
        padding: 2px 5px;
        font-size: 14px;
    }
    .track-button button {
        padding: 5px 15px;
        font-size: 14px;
    }
    .track-page-main{
        margin-bottom: 20px;
    }
    .track-progress-part {
        margin-top: 0px;
    }
    .track-progress-part h5{
        font-size: 12px;
    }
    .order-summary-text {
        padding: 12px;
        margin: 11px;
    }

    .progress-bar2{
        margin-bottom: 100px;
    }
    .activity-card{
        margin-bottom: 10px;
    }
    .activity-card-border{
        border-right: none;
    }

    .product-details .order-title{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 160px;
    height: 38px;
    white-space: normal;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.5s;
    margin-top: 15px;
    }
    .timeline-icon i {
        padding: 7px;
        font-size: 12px;
    }
    /* checkout page start */
    .checkout-grid{
        grid-template-columns: 1fr;
        gap:0px;
    }
    .name-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .form-section{
        margin-bottom: 10px;
    }
    .place-order-btn{
        padding:6px;
        font-size: 14px;
    }
    .payment-option{
        padding:10px;
    }
    .payment-option input[type="radio"] {
        left: 18px;
        bottom: -3px;
    }
    .payment-option .label {
        font-size: 12px;
    }
    .payment-input-main h3 {
        padding-top: 12px;
        padding-left: 12px;
        font-size: 16px;
    }
    .form-section h2 {
        font-size: 16px;
    }
    .summary-card h2 {
        font-size: 18px;
    }
    .summary-details{
        font-size: 14px;
    }
    .summary-details .total{
        font-size: 14px;
    }
    .address-grid{
        grid-template-columns: 1fr 1fr;
    }




    /*--------------================= Dashboard part start =================--------------*/

    .user-sidebar{
        width:234px;
    }
    .dashboard-bar-icon{
        display: none;
    }
    .main-content{
        padding:0px;
    }
    .header .subtitle{
        padding-right: 0px;
    }
    .account-info-card{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .edit-button {
        width: 130px;
        padding: 3px 10px;
        font-size: 12px;
    }
    .stats-card {
        padding: 3px 10px;
    }
    .stats-value{
        font-size: 20px;
    }
    .stats-content i {
        font-size: 20px;
        padding: 6px;
    }
    .payment-grid{
        grid-template-columns: 1fr 1fr;
    }
    
    .browser-card {
        flex: 0 0 calc(100% / 1);
        border:none;
    }
    .browser-slider{
        width: 218px;
        
    }
    .orderlist-card-part{
        overflow: scroll;
        height: 465px;
        position: relative;
    }
    .orderlist-card {
        position: absolute;
        border-radius: 0px;
    }
    .orderlist-items-list{
        width:800px;
    }
    .orderlist-item-part {
        padding: 0px 1px;
        border: 1px solid #ddd;
    }

    /* wisthlist component */
    .wishlist-card-part{
        position:relative;
        overflow:scroll;
        height: 465px;
    }
    .wishlist-card{
        position:absolute;
        
    }
    .wishlist-info img {
        width: 35px;
        height: 35px;
    }
    .wishlist-info h4 {
        width: 180px;
    }
    .wishlist-controls h5 {
        font-size: 12px;
    }
    .wishlist-price{
        font-size: 14px;
    }
    .wishlist-actions2 .update-btn2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-actions2 .wishlist-add-cart2 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .wishlist-item2 .wishlist-cross-btn2 i {
        font-size: 10px;
    }
    .wishlist-header{
        padding:0px 20px;
        font-size: 12px;
        align-items: center;
    }
    .wishlist-cross-btn {
        top: 31px;
    }
    .copare-part {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .compare-product{
        border-bottom: 1x solid #ddd;
    }
    .compare-content h6{
        white-space: noWrap;
    }
    .payment-card{
        padding:15px;
    }
    .billing-info-card{
        grid-template-columns: 1fr;
        gap:10px;
    }
    .action-card {
        left: 43%;
        top: 43%;
        background-color: #fff;
        padding: 10px;
    }
    .action-card button{
        font-size: 12px;
    }
    .card-type{
        font-size: 18px;
    }
    .browser-items{
        grid-template-columns: 1fr 1fr;
    }
    .date-input[type="date"]{
        padding:5px;
    }
    .browser-items .browser-item .browser-card{
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    /* setting part css */
    .setting-form-grid{
        grid-template-columns: 1fr 3fr;
    }
    .user-setting-input {
        grid-template-columns: 1fr;
    }
    .setting-form-group input {
        padding: 4px 10px;
        font-size: 14px;
    }
    .setting-form-group select{
        padding: 4px 10px;
    }
}

/*--------------------------========================  min-width: 1201px and max-width: 1400px  ==========================-----------------------*/
@media (min-width:1201px) and (max-width: 1400px) {
    .shop-btn {
        font-size: 12px;
        padding: 8px 10px;
    }
    .variant-part2 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .filter-button{
        display: none;
    }
     /* mobile search modal */
     .search-button2{
        display: none;
    }
    .feature-header .mobile-feature-link{
        display: none;
    }
}

@media (min-width: 1400px) {
    .filter-button{
        display: none;
    }
     /* mobile search modal */
     .search-button2{
        display: none;
    }
    .feature-header .mobile-feature-link{
        display: none;
    }
}

    /* Responsive design */
    @media (max-width: 768px) {

        .seller-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .seller-title {
            font-size: 1.25rem;
        }
    }

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