@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;
    height: auto;
    padding-bottom: 30px;
}
.SiteMainContent:before{
display: none;
}
.SiteMainContent {
    padding: 3rem 0px;
}
.reviewBox {
    max-width: 355px;
    margin: auto;
    padding-left: 6%;
    margin-top: 15%;
}
.sectionHeading h3 {
    font-size: 34px;
}
.key-benefits {
    padding: 3rem 0px;
}
.Map-Content {
    position: relative;
    padding: 2rem 0px;
    height: 100%;
}
.Map-License {
    position: relative;
    bottom: 0;
    margin-top: 20px;
}
.Map-Content h3 { 
    margin-bottom: 2rem;
}
.Map-Content { 
    padding-bottom: 0;
}
.wating-section .wating-Content h3 {
    color: rgb(255, 255, 255);
    font-size: 26px;
}
.wating-section {
    padding: 3rem 0px;
}
.brndsBx { 
    flex-wrap: wrap;
}
.BannerContent h1 br{
display: none;
}
}

@media only screen and (max-width: 767px) {
    .headerLogo {
    width: 170px;
}
.contact-header p{
display: none;
}
.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 {  
    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;
}
}