@media (max-width:576px) {
    body{
        width: 100%;
        height: auto;
    }

    .margin-for-responsiove{
        margin-top: -350px;
    }

    .container-sofa{
        width: 90% !important;
        margin-left: -6px !important;
    }

    .container-chair{
        width: 90% !important;
        margin-left: -6px !important;
    }

    .res-toggler{
        color: black !important;
    }

    .logo{
        margin-top: -10px;
    }

    .nav-hamburger{
        margin-left: 250px;
        margin-top: -75px;
        color: black;
        background: black;
        margin-left: 290px;
    }

    .prod-text{
        /* width: 410px; */
    }
    .prod-text h6{
        font-size: 25px !important;
    }

    .prod-category{
        font-size: 20px !important;
        margin-left: 10px;
    }

    .carousel-control-prev{
        left: -10px !important;
    }
    .carousel-control-next{
        right: -60px !important;
    }

    .img-responsive img{
        width: 100%;
    }

    .carousel-inner{
        margin-left: 22px;
    }

    .offcanvas-title img{
        width: 45%;
        margin-left: 100px;
    }

    .modal-content{
        width: 100% !important;
        height: 20% !important;
        margin-top: -100px !important;
    }

    .footer-logo{
        display: none;
    }

    .footer-contact-responsive{
        margin-left: 200px;
        
    }

    .py-6{
        padding-bottom: 0 !important;
    }

    .pt-4{
        padding-top: 0.5rem !important;
        margin-top: -15px;
    }

    .footer-social-links{
        display: flex;
        justify-content: space-between;
    }

    .footer-contact{
        margin-left : -120px;
    }
    .footer-content{
        width: 100% !important;
    }

    .contact-info{
        margin-top: 0;
        margin-left: -20px;
        width: 64%;
        display: flex;
        flex-direction: column;
    }

    .slider-img{
        background-size: 100% 50%;
        background-repeat: no-repeat;
    }

    .avatar-image{
        width: 90% !important;
        margin-left: 20px !important;
    }


    .text-center a{
        font-size: 1rem !important;
    }

    .fab{
        font-family: "Font Awesome 5 Brands";
    }

    .section-res{
        width: 410px;
    }

    .section-res .container{
        margin-left: -25px;
    }
    footer{
        width: 410px;
    }

    .footer-about{
        width: 33%;
    }

    .footer-bottom{
        margin-left: -24px !important;
    }

    @media (max-width: 576px) {
        .carousel-item img {
            height: auto;  /* Ensures images retain their aspect ratio */
            object-fit: cover;  /* Ensures images fill their container */
        }
    }
    

    .caro-img{

    } 
}