/* Medium screens (tablets, small laptops) */
@media (max-width: 1000px) {
    .logoBannerStyle {
        width: 250px;
    }
}

/* Small screens (phones) */
@media (max-width: 768px) {
    .logoBannerStyle {
        width: 150px;
    }
        .bannerText {
        font-size: calc(1.3rem + .6vw);
        font-weight: bolder;
    }
    
    .brandListStyle{
        justify-content: center ;
    }
    .footerSec1{
        width: 90%;
    }
    .footerSec2{
        width: 90%;
       
    }
    .footerSec2{
        padding-left : 0px !important;
    }
}

/* Extra small screens (below 500px) */
@media (max-width: 500px) {
    .logoBannerStyle {
        width: 120px;
    }
}

/* Very small screens (below 350px) */
@media (max-width: 350px) {
    .logoBannerStyle {
        width: 100px;
    }
}