.banner{
        background-size: cover;
        width: 100%;  
    height:  calc(100vw * ( 900 / 2000)) !important;
}
.banner.one{
    background-image: url(../images/banners/may_25.webp); 
 
  
}

.banner.two{
    background-image: url(../images/banners/1.webp);
 
  
}


.banner.three{
    background-image: url(../images/new-lunch-banner-latest.webp);
 
  
}

.banner.four{
    background-image: url(../images/200X900-desk-banner-new-jul-new-symphony-latest.webp);
 
  
}


@media screen and (max-width: 768px) {

   
    .banner{
        background-size: cover;
        height:  calc(100vw * ( 920 / 480) ) !important;
    }
    .banner.one{
        background-image: url(../images/banners/may_25-m.webp);
    }
    .banner.two{
        background-image: url(../images/banners/1-m.webp);
    }
    .banner.three{
        background-image: url(../images/new-lunch-mobile-latest.webp);
    }


     
    .banner.four{
    background-image: url(../images/new-mobile-banner-jul-latest.webp);
 
  
}
    
}