@media screen and (max-width: 575px) {
    .about .about-content{
        margin-top: 5rem;
        
    }
    .about .about-us-img{
        right: 0;
    }
    .middle-banner{
        background-size: cover;
    }
    .footer .footer-img{
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-img{
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .footer .footer-img{
        display: none;
    }
    .middle-banner{
        background-size: cover;
    }
}