@media only screen and (min-width:200px) and (max-width:575px){
    header{
        flex-direction:column;
        align-items:stretch;
        padding:10px;
        gap:5px;
    }
    .headerLeft{
        justify-content:center;
    }
    .logo{
        padding:10px;
    }
    .headerAddress{
        padding:10px;
    }
    .headerAddress p{
        font-size:13px;
    }
    .headerAddress h3{
        font-size:15px;
    }
    .searchBox btn{
        padding:10px;;
    }
    .headerBtn{
        position:fixed;
        width:100%;
        margin-right:0px;
        background-color:white;
        align-items:center;
        justify-content:center;
        bottom:0px;
    }
    .bannerSection{
        display:none;
    }
    .orderBanner{
        padding:5px;
        flex-direction:column;
    }
    .productitem{
        flex-basis:25%;

    }
    .productRow {
        padding:10px;
    }
    .productRow .productItems{
        flex-basis:49%;
    }
    footer{
        padding-top:0px;
    }
    .footer-mid-row1{
        flex-direction:column;
        padding:10px;
    }
    .footer-mid-row1-right ul li a{
        font-size:13px;
    }
    .footer-mid-row2{
        flex-direction:column;
        gap:40px;
    }
    .footer-mid-row3{
        margin-top:0px;
        margin-bottom:50px;
    }
}