/* Mobile CSS for ClickBuy Style */

@media (max-width: 768px) {
    .navbar-top {
        text-align: center;
        padding: 5px 0;
    }
    
    .navbar-top .col-lg-6 {
        margin-bottom: 5px;
    }
    
    .top-categories-search {
        margin: 15px 0;
    }
    
    .top-categories-search .input-group {
        flex-direction: column;
        border-radius: 15px;
    }
    
    .categories-dropdown select {
        border-radius: 15px 15px 0 0;
        margin-bottom: 1px;
    }
    
    .top-categories-search .form-control {
        border-radius: 0;
        margin-bottom: 1px;
    }
    
    .top-categories-search .btn-theme-round {
        border-radius: 0 0 15px 15px;
    }
    
    .product-item-image img {
        height: 150px;
    }
    
    .carousel-item img {
        height: 250px;
    }
    
    .product-item {
        margin-bottom: 20px;
    }
    
    .heading-design-h5 {
        font-size: 20px;
    }
    
    .categories-list {
        padding: 20px 0;
    }
    
    .footer-Content {
        padding: 20px 0;
    }
    
    .footer-widget {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .navbar-brand img {
        max-width: 150px;
    }
    
    .product-item-image img {
        height: 120px;
    }
    
    .carousel-item img {
        height: 200px;
    }
    
    .product-item-body {
        padding: 10px;
    }
    
    .card-title {
        font-size: 12px;
    }
    
    .product-price {
        font-size: 14px;
    }
    
    .product-desc-price {
        font-size: 10px;
    }
    
    .product-discount {
        font-size: 10px;
    }
}