@media (max-width: 1024){
    .banner_wrapper h1{
        text-align: center;
    }
}
@media (max-width: 820px){
    .wrapper1 .imgbox{
       height: 500px;
        width: 100%;
    }
    .wrapper1 img{
        height: 100%;
                width: 100%;
    }
    #dish .outerbox{
       background-color: var(--white);
    min-height:300px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    }
    .testimonial #textwrap{
        min-height: 500px;
        border: 2px solid var(--btn-color);
        padding: 15px;
        border-radius: 5px;
    }
    .whatsappapi img{
    border-radius: 50%;
    width: 20%;
    height: auto;
    position: fixed;
bottom:10%;
right: 4%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

  
}
@media (max-width: 420px){
    .dishwrapper{
        padding: 50px 0px;
    }
    .dishwasher1{
        padding: 50px 0px;
    }
    .dishwasher1 .imgbox{
        min-height: 100px;
    }
        .banner_wrapper ul{
            border-left: none;
        }
    .banner_wrapper ul li{
        text-decoration: underline;
text-decoration-color: var(--btn-color);
    }
   
}