@media only screen and (min-width:200px) and (max-width:575px){
    header{
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
        gap: 15px;
    }
    .headerleft{
        justify-content: center;
    }
    .logo{
        padding: 10px;
    }
    .headerAddress{
        padding: 10px;
    }
    .headerAddress p{
        font-size: 15px;
    }
    .headerAddress p{
        font-size: 12px;
    }
    .searchbox button{
        padding: 10px;
    }
    .headerbtn{
        position: fixed;
        width: 100%;
        background-color: white;
        margin-right: 0;
        justify-content: center;
        bottom: 0;
    }
    .bannerSection{
        display: none;
    }
    .orderbanner{
        padding: 10px;
        flex-direction: column;
    }
    .categoryItems{
        flex-basis: 25%;
    }
    .productSection{
        padding: 30px 10px;
    }
    .productItem{
        flex-basis: 49%;
    }
    .footer{
        padding-top: 0px;
    }
    .footer-mid-row1{
        padding: 10px;
        flex-direction: column;
    }
    .usefulLinks1 ul{
        flex-basis: 48%;
    }
    .footer-mid-row3{
        padding: 0px 10px 80px 10px;
    }
    .footer-mid-row2{
        flex-direction: column;
        gap: 20px;
    }
}