/* ==========================================
        FARMERKART RESPONSIVE
========================================== */

/* ===============================
   Laptop
================================ */

@media (max-width:1200px){

.container{
    width:95%;
}

.grid-4{
    grid-template-columns:repeat(2,1fr);
}

.grid-3{
    grid-template-columns:repeat(2,1fr);
}

}


/* ===============================
   Tablet
================================ */

@media (max-width:992px){

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

.hero{
    min-height:auto;
    padding:60px 0;
}

.grid-2{
    grid-template-columns:1fr;
    gap:40px;
}

.grid-3{
    grid-template-columns:1fr 1fr;
}

.grid-4{
    grid-template-columns:1fr 1fr;
}

.navbar{

    flex-wrap:wrap;

}

.search-box{

    order:3;

    width:100%;

}

.search-box form{

    width:100%;

}

}


/* ===============================
   Mobile
================================ */

@media (max-width:768px){

.top-bar{

    display:none;

}

.container{

    width:94%;

}

/* Navbar */

.menu-btn{

    display:block;

}

.nav-right{

    display:none;

}

.navbar{

    gap:15px;

}

.logo img{

    height:45px;

}

.search-box{

    width:100%;

}

.search-box input{

    height:44px;

    font-size:14px;

}

.search-box button{

    width:55px;

}

/* Sections */

section{

    padding:45px 0;

}

.section-header{

    flex-direction:column;

    align-items:flex-start;

    gap:12px;

}

.section-header h2{

    font-size:26px;

}

/* Product */

.products-grid{

    grid-template-columns:1fr 1fr;

    gap:15px;

}

.product-image{

    height:170px;

}

.product-info{

    padding:15px;

}

.product-info h3{

    font-size:16px;

}

.price{

    font-size:22px;

}

.cart-btn{

    padding:12px;

    font-size:14px;

}

/* Categories */

.category-slider{

    gap:15px;

    overflow-x:auto;

    scrollbar-width:none;

}

.category-slider::-webkit-scrollbar{

    display:none;

}

.category-item{

    min-width:90px;

}

.category-item img{

    width:65px;

    height:65px;

}

/* Footer */

.footer-grid{

    grid-template-columns:1fr;

}

}


/* ===============================
   Small Mobile
================================ */

@media (max-width:480px){

.products-grid{

    grid-template-columns:1fr;

}

.logo img{

    height:40px;

}

.section-title{

    font-size:24px;

}

.search-box input{

    padding:0 12px;

}

}
/* Footer Mobile */

@media(max-width:768px){

.footer-grid{
    grid-template-columns:1fr;
    gap:30px;
    text-align:center;
}

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

.main-image img{
    height:300px;
}

.thumbnail-gallery{
    justify-content:center;
}

.thumbnail-gallery img{
    width:65px;
    height:65px;
}

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

.product-title{
    font-size:28px;
}

.sale-price{
    font-size:32px;
}

.product-buttons{
    flex-direction:column;
}

.quantity-box{
    width:130px;
}

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

.farmer-header{

    flex-direction:column;

    text-align:center;

}

.farmer-card{

    padding:20px;

}

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

.description-grid{

    grid-template-columns:1fr;

}

.product-description{

    padding:25px;

}

.product-description h2{

    font-size:26px;

}

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

.related-products{

    margin-top:50px;

}

.related-products h2{

    font-size:28px;

}

}