@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
 
  
}
@media (max-width: 991px) {
.banner-item-4{
  min-height: 145px;
    overflow: hidden;
    background-size: cover;
}
.pt-120 {
    padding-top: 40px;
}
.pl-50 {
    padding-inline-start: 0;
}
}

@media only screen and (max-width: 1199px) and (min-width: 767px) {

    .banner-item-4 {
        min-height: 326px;
        background-size: cover;
    }

   
}
@media only screen and (min-width: 1200px) {
.banner-item-4 {
    min-height: 570px;
     overflow: hidden;
    background-size: cover;
}
}