@media (max-width:420px)
{
	.product-grid-4 .col-12{
    width:50% !important;
  }
}
/* header */
/* Header Height Reduce */
/* Header */
.header-area .navbar{
    padding-top:5px !important;
    padding-bottom:5px !important;
    min-height:55px;
}


/* Logo */
.navbar-brand img{
    height:45px !important;
    width:auto;
}

.navbar-brand span{
    font-size:18px;
}


/* Menu */
.header-area .nav-link{
    font-size:15px;
    padding:8px 15px !important;
}


/* Cart */
.cart-btn a{
    padding:6px 15px;
    font-size:14px;
    border-radius:20px;
     background-color:#198754 ;
}


/* Mobile Responsive */
@media(max-width:991px){

.navbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.navbar-brand{
    margin-left:auto;
    margin-right:auto;
}


.navbar-toggler{
    order:1;
}


.mobile-cart{
    order:3;
}


.navbar-brand img{
    height:38px !important;
}


.cart-link{
    width:38px;
    height:38px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:#198754;
   
}


.cart-icon{
    font-size:18px;
}


}

/* Extra Small Mobile */
@media(max-width:480px){

    .navbar-brand img{
        height:35px !important;
    }


    .navbar-brand span{
        display:none;
    }


    .cart-btn a{
        padding:5px 12px;
        font-size:13px;
    }

}
/* =========================
   Responsive Small Slider
========================= */

.home-slider{
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
}


.hero-slider-1,
.hero-slider-1 .slick-list,
.hero-slider-1 .slick-track{
    margin:0 !important;
    padding:0 !important;
}


.single-hero-slider{

    position:relative;
    width:100%;
    height:330px !important;
    overflow:hidden;

}

.single-hero-slider img{

    width:100%;
    height:330px !important;

    object-fit:fill;

    display:block;

}


/* Content */

.hero-content{

    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);

    z-index:2;

}


.hero-content h1{
    font-size:40px;
}


.hero-content p{
    font-size:18px;
}


/* Dots */

.hero-slider-1 .slick-dots{

    position:absolute !important;

    bottom:12px !important;

    left:50% !important;

    transform:translateX(-50%);

    margin:0 !important;

    padding:0 !important;

    z-index:10;

}


/* Tablet */

@media(max-width:991px){

    .single-hero-slider,
    .single-hero-slider img{

        height:230px !important;

    }


    .hero-content h1{

        font-size:28px;

    }

}

.hero-slider-1 .slick-slider{
    margin-bottom:0 !important;
}

/* Mobile */

@media(max-width:767px){

    .single-hero-slider,
    .single-hero-slider img{

        height:160px !important;

    }


    .hero-content{

        left:20px;

    }


    .hero-content h1{

        font-size:20px;

    }


    .hero-content p{

        font-size:12px;

    }


    .hero-slider-1 .slick-dots{

        bottom:5px !important;

    }

}

/* Desktop dots fix */
/* Desktop Slider Bottom Gap Fix */
@media(min-width:992px){

    .hero-slider-1{
        height:420px !important;
        margin-bottom:0 !important;
    }


    .hero-slider-1 .slick-list{
        height:420px !important;
    }


    .hero-slider-1 .slick-track{
        height:420px !important;
    }


    .hero-slider-1 .slick-slide{
        height:420px !important;
        line-height:0 !important;
    }


    .single-hero-slider,
    .single-hero-slider img,
    .hero-slider-1 .slick-slide{

        height:420px !important;

    }


}

/* search */

/* Search */

.search-section{

    padding:25px 0;

}


.search-box{

    display:flex;

    background:white;

    border:1px solid #ddd;

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}


.search-input{

    width:100%;

    border:none;

    outline:none;

    padding:12px 20px;

    font-size:15px;

}


.search-btn{

    width:55px;

    border:none;

    background:#198754;

    color:white;

    font-size:18px;

}



/* Mobile */

@media(max-width:767px){

    .search-section{

        padding:15px 10px;

    }


    .search-input{

        padding:10px 15px;

        font-size:14px;

    }


    .search-btn{

        width:45px;

    }

}
/*==================================
        PRODUCT SECTION
==================================*/

.product-tabs{
    padding:40px 0;
    background:#fff;
}

/* Heading */

.section-title{
    font-size:28px;
    font-weight:700;
    color:#222;
    margin:0;
}

/* Category Buttons */

.category-slider{
    display:flex;
    gap:10px;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:5px;
}

.category-slider::-webkit-scrollbar{
    display:none;
}

.category-btn{
    display:inline-block;
    padding:8px 18px;
    background:#f3f4f6;
    color:#444;
    border-radius:30px;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:.3s;
    flex:none;
}

.category-btn:hover,
.category-btn.active{
    background:#198754;
    color:#fff;
}

/* Product Card */
.product-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:8px;
    overflow:hidden;
    transition:.3s;
    display:flex;
    flex-direction:column;
    height:260px;
    max-width:210px;
    margin:auto;
}
.product-card:hover{
    transform:translateY(-5px);
    border-color:#198754;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

/* Image */
/* Product Image */

.product-image{
    width:100%;
    height:170px;
    overflow:hidden;
    display:block;
    padding:0;
    background:#fff;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:contain;   /* Full width image */
    transition:.3s;
}

.product-card:hover .product-image img{
    transform:scale(1.05);
}

/* Content */

.product-content{
    padding:8px;
}

.product-category{
       font-size:10px;
    color:#888;
    margin-bottom:4px;
}
.product-content h6{
    font-size:12px;
    line-height:17px;
    height:34px;
    margin-bottom:5px;
    overflow:hidden;
}
.product-content h6 a{
    color:#222;
    text-decoration:none;
}

.product-content h6 a:hover{
    color:#198754;
}

.price{
    font-size:15px;
    margin-bottom:6px;
}

.product-content .btn{
    font-size:10px;
    padding:5px;
}
/*==================================
        TABLET
==================================*/

@media (max-width:991px){

    .product-tabs{
        padding:30px 0;
    }

    .section-title{
        font-size:24px;
    }

    .product-image{
        height:180px;
    }

    .product-image img{
        max-height:140px;
    }

    .product-content{
        padding:12px;
    }

    .product-content h6{
        font-size:14px;
        height:42px;
        line-height:20px;
    }

    .price{
        font-size:18px;
    }

}

/*==================================
        MOBILE
==================================*/

@media (max-width:767px){

    .product-tabs{
        padding:25px 0;
    }

    .section-title{
        font-size:22px;
        margin-bottom:10px;
    }

    .category-slider{
        width:100%;
    }

.product-card{
    width:100%;
    max-width:100%;
    height:auto;
    min-height:270px;
}

    .product-image{
        width:100%;
        height:140px;
        padding:0;
    }

    .product-image img{
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        max-height:none !important;
        object-fit:cover;
        display:block;
    }


.product-content{
    padding:8px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.product-content h6{
    font-size:12px;
    line-height:18px;
    min-height:54px;
    margin-bottom:0px;
    overflow:hidden;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

    .product-category{
        font-size:10px;
    }

.price{
    font-size:14px;
    margin-bottom:8px;
    font-weight:600;
}

.product-content .btn{
    margin-top:auto;
    font-size:10px;
    padding:6px;
}

}

/*==================================
        EXTRA SMALL MOBILE
==================================*/

@media (max-width:480px){

    .product-tabs .col-6{
        padding-left:6px;
        padding-right:6px;
    }


    .product-image{
        height:120px;
    }

    .product-image img{
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        max-height:none !important;
        object-fit:cover;
    }

.product-content{
    padding:6px;
}

.product-content h6{
    font-size:11px;
}

.price{
    font-size:13px;
}

.product-content .btn{
    font-size:9px;
}
}

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

.pagination{
    justify-content:center;
    margin-top:35px;
    flex-wrap:wrap;
    gap:6px;
}

.pagination .page-item{
    margin:0;
}

.pagination .page-link{
    border-radius:8px;
    color:#198754;
    border:1px solid #198754;
    padding:8px 14px;
    font-weight:600;
    transition:.3s;
}

.pagination .page-link:hover{
    background:#198754;
    color:#fff;
}

.pagination .active .page-link{
    background:#198754;
    border-color:#198754;
    color:#fff;
}

.pagination .disabled .page-link{
    color:#999;
    background:#f8f8f8;
    border-color:#ddd;
}

@media (max-width:576px){

    .pagination .page-link{
        padding:6px 10px;
        font-size:13px;
    }

}



.minus-1,
.plus-1{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    padding:0 !important;
    margin:0 3px !important;
    border:1px solid #ddd !important;
    background:#048f00 !important;
    border-radius:4px;
    font-size:16px !important;
    font-weight:bold;
    line-height:23px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.unclickable-input{
    width:40px !important;
    height:25px !important;
    padding:0 !important;
    margin:0 3px !important;
    text-align:center;
    font-size:14px !important;
    border:1px solid #ddd;
    pointer-events:none;
}

form.d-flex{
    gap:4px;
}




/* Desktop */

@media(min-width:992px){

    .footer-mid .row{

        align-items:flex-start;

    }

}




/* Tablet */

@media(max-width:991px){

    .footer-mid{

        text-align:center;

    }


    .widget-about{

        margin-bottom:30px;

    }


    .footer-mid .col-md-6,
    .footer-mid .col-md-3{

        margin-bottom:0px;

    }


    .footer-list{

        padding:0;

    }


}

.detail-info{
    padding:20px;
}

.product-image-slider img{
    width:100%;
    height:auto;
    border-radius:10px;
}

.number{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
}

.number input{
    width:70px;
    height:40px;
    font-size:18px;
}

.minus,
.plus{
    width:40px;
    height:40px;
    line-height:22px;
    font-size:22px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.button-add-to-cart{
    width:100%;
    height:50px;
    border-radius:8px;
    font-size:17px;
}

@media (max-width:767px){

    .detail-gallery{
        margin-bottom:25px;
    }

    .detail-info{
        padding:0;
    }

    .detail-info h2{
        font-size:24px;
    }

    .detail-info h3{
        font-size:28px;
    }

    .number{
        justify-content:center;
    }

    .button-add-to-cart{
        width:100%;
    }

}
/* Mobile */

@media(max-width:767px){


    .footer-mid{

        padding-top:30px !important;

        padding-bottom:20px !important;

    }


    .footer-mid .container{

        padding-left:15px;

        padding-right:15px;

    }


    /* Logo */

    .footer-mid .logo img{

        width:130px !important;

        height:auto;

        margin:auto;

    }



    /* Contact */

    .widget-about p{

        font-size:13px;

        line-height:22px;

        margin-bottom:5px;

    }


    .widget-about h5{

        font-size:16px;

    }



    /* Footer headings */

    .widget-title{

        font-size:17px;

        text-align:center;

        margin-bottom:15px;

    }



    /* Links */

    .footer-list{

        text-align:center;

    }


    .footer-list li{

        margin-bottom:8px;

    }


    .footer-list li a{

        font-size:14px;

    }



    /* Social */

    .mobile-social-icon{

        justify-content:center;

        display:flex;

        gap:12px;

    }


    .mobile-social-icon a img{

        width:32px;

        height:32px;

    }



    /* Bottom copyright */

    .footer-bottom{

        margin-top:10px;

    }


    .footer-bottom + p{

        text-align:center !important;

        font-size:12px !important;

        line-height:20px;

    }


}



/* Extra small mobile */

@media(max-width:420px){


    .footer-mid .logo img{

        width:110px !important;

    }


    .widget-about p{

        font-size:12px;

    }


}

/* contact */

/* Contact Page */

.contact-info-box{

    background:#f8f8f8;

    border-radius:15px;

}


.contact-info-box h2{

    font-size:30px;

}


.contact-item h5{

    font-size:16px;

    margin-bottom:5px;

}


.contact-item p{

    color:#666;

    margin:0;

}



.contact-from-area{

    background:#fff;

    border-radius:15px;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    padding:35px;

}




@media(max-width:767px){


.contact-from-area{

    padding:20px;

}



.contact-info-box{

    padding:20px !important;

}


.contact-info-box h2{

    font-size:24px;

}
}