@media only screen and (max-width: 992px) {
.About-Content h2, .beautiful-Content h2, .BannerContent h1 {
    font-size: 34px; 
}
.container {
    max-width: 100%;
}
.About-Content {
    padding: 15px;
}
.bannerSection { 
    min-height: auto;
}
}

@media only screen and (max-width: 767px) {
.grid-service .service-text p {
    max-width: 100%;
}
.grid-service{
margin-bottom: 30px;
}
.beautiful-map {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px rgb(255 255 255 / 30%);
}
.mobile-order-1 {
    order: 1;
}
.mobile-order-2 {
    order: 2;
}
.About-Content {
    padding: 30px 15px;
}
.About-Section .row {
    margin-bottom: 0rem;
}
.ReviewBox:after { 
    left: 2%;
}
.BannerContent p {
    color: rgb(0, 186, 242);
    font-size: 20px;
}
.About-Content h2, .beautiful-Content h2, .BannerContent h1 {
    font-size: 30px; 
}
.Custom-Form { 
    max-width: 100%;
    padding: 20px;
}
.BannerContent {
    padding: 3rem 0px;
}
}