.about_banner{
    width: 100%;
    height: 100%;

}

.about_banner .banner_wrapper{
    width: 100%;
    height: 400px;
}
.about_banner .banner_wrapper .banner{
    width: 100%;
    height: 100%;
}

@media(min-width:0px) and (max-width:574px){
.about_banner .banner_wrapper{
    width: 100%;
    height: 150px;
}
}


@media(min-width:575px) and (max-width:767.98px){
.about_banner .banner_wrapper{
    width: 100%;
    height: 220px;
}
}


@media(min-width:7678x) and (max-width:991){
.about_banner .banner_wrapper{
    width: 100%;
    height: 300
}
}