@media (max-width: 768px) {
    .about-img{
        width: 50% !important;
    }

        .bulk-meals {
            margin-top: 20% !important;
        }
        

        .instagram {
    
            margin-left: 42%;
        }
        .insta-logo{
            margin-top: 45% !important;
        }
    
        .instagram-feed img {
            width: 200px !important;
            height: auto !important;
            border-radius: 40px !important;
        }

                .inhouse-head {
                    font-size: 4rem !important;
                    padding: 15px !important;
                    
                }
        
                .inhouse-text,
                .inhouse-handle {
                    font-size: 2.2rem !important;
                    padding: 15px !important;
                    

                }

    

    }

    @media (max-width: 767px) {

        /* Navbar brand logo sizing */
        .navbar-brand img {
            width: 120px;
        }

        /* Banner text size */
        .banner-text {
            font-size: 58px;
            text-align: center;
        }

                
        /* About section adjustments */
        #about .col {
            padding: 0;
            margin: 0;
        }

        .about-img {
            width: 60% !important;
            height: auto;
        }

        .about-text {
            font-size: 18px;
            text-align: left;
        }

        .about-head {
            font-size: 36px;
        }

        /* Services section */
        .card-custom {
            height: auto;
        }

        .card-title {
            font-size: 22px;
        }

        .card-img {
            height: 350px;
            object-fit: cover;
        }

        .card-img-overlay {
            padding: 10px;
        }

        /* Feed images */
        .feed-img {
            width: 100%;
            height: auto;
            margin-bottom: 20px;
        }

        .insta-logo {
            width: 100px !important;
            
           
        }

                
        

        /* Contact section form */
        .form-container {
            width: 100%;
        }

        .form-control {
            width: 90% !important;
        }

        /* Footer adjustments */
        .footer {
            padding: 20px 10px;
            text-align: center;
        }

        .footer-links li {
            margin-bottom: 8px;
        }

        .footer img {
            width: 150px;
        }

        .footer .social-icons {
            gap: 15px;
        }

        .footer-bottom p {
            font-size: 14px;
        }

        /* Go to Top button positioning */
        #goTopBtn {
            bottom: 20px;
            right: 20px;
            padding: 15px 20px;
            font-size: 18px;
        }

        /* Hide loader image a bit smaller for mobile */
        #loader img {
            width: 90px;
        }

    }

@media (max-width: 576px) {
	
	
	.banner{
    background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)), url('../images/banner-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;

    background-position: center;
   
    
}

.about-text{
    
    font-size: 1rem;
}


.option-btn{
	width: 100% !important;
	font-size: 0.9rem;
}

	.exclusion-img{
		width : 70% !important;
		height: auto !important;
		padding:0 20px;
	}

.about-img{
            width: 90% !important;
                }
    /* Offcanvas Sidebar */
        .offcanvas {
            width: 250px !important;
        }
    
        .offcanvas-header img {
            width: 100px;
        }
    
        .offcanvas-body ul li {
            font-size: 1.5rem !important;
            padding: 10px 0;
        }
    section>div[style*="background-image"] {
            height: 800px !important;
            background-size: cover !important;
            background-position: center center !important;
        }
			
			
			
			
			
		
                
                .opt-btn{
                	font-family: Palatino Linotype;
                }
        
               
        
    
        .inhouse-head {
            font-size: 2.3rem !important;
            padding: 15px !important;
            
        }
    
        .inhouse-text,
        .inhouse-handle {
            font-size: 1.9rem !important;
            padding: 15px !important;
               }
    .navbar-brand img {
            width: 120px;
        }
        .feed-img {
            width: 300px !important;
            height: 500px !important;
        }

        .instagram{
            display: none;
        }

        .contact-img{
            width: 90% !important;
        }

    .exclusion-img{
        width: 100% !important;
        
    }

        .custom-table-wrapper {
           
           
           
            /* adjust height as needed */
            border-radius: 12px;
            
        }
    
        /* optional: add a shadow effect around table wrapper */
        
    
        
    
        .custom-table-wrapper::-webkit-scrollbar-track {
            background: #f1f1f1;     }

                        .bulk-meals {
                            margin-top: 30% !important;       }               
}