@media screen and (max-width:991px) {

    .AboutHeroMain{
        background-size:cover ;
    }
    .AboutHeroMain{
        background: #fff;   
    }
    
    .middleContentWithService{
        margin: 20px 0px;   
    }

    .locationHero
    {
        padding: 45px 20px;
    }

    .mainContainerBlog  .list-inline{
        display: flex;
    }

    .header ul li, .buttonSectionTesti {
        display: none;
    }
    .testTextSide{
        width:100%;
    }
    
    .header ul li {
        margin-right: 0px !important;
    }
    
    .header{
        padding: 10px !important;
    }

    #openSideBar {
        display: block;
    }

    .menuOpenHideButton {
        display: block !important;
    }

    .menuOpenHideButton button {
        font-size: 20px;
    }

    .logoSide img {
        width: 205px;
    }

    .upperHeader li {
        display: none;
    }

    .upperHeader li:last-child,
    .upperHeader li:nth-child(2) {
        display: block;
    }

    .upperHeader .container,
    .includingService,
    .copyrightSection .container,
    .starSectionHero {
        display: block;
    }

    .leftImageWith,
    .rightImageWith,
    .middleContentWithService {
        width: 100%;
    }

    .upperHeader ul {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .socialMediaHeader {
        margin-top: 8px;
    }
    
    .middleContentWithService h3 {
        font-size: 14px;
    }
    
    .innerTestFaqSer{
        margin: 20px 0px;
    }

    .serviceBlockSection,
    .staticServiceSection,
    .citySectionMainInner,
    .mapContactSection,
    .StaticSectionMap .citySectionMainInner, .includeMain {
        grid-template-columns: repeat(1, 1fr) !important;
    }


    .homeRightSec {
        margin-top: 60px !important;
    }

    .servicePromise .citySectionMainInner .innerCityDiv {
        justify-content: start !important;
    }

    .innerTestFaqSer img {
        margin: 30px 0px;
    }

    .innerFototerThree {
        height: auto !important;
        margin-bottom: 25px;
    }

    .locationHero h1 {
        line-height: 30px;
        font-size: 18px;
    }

    .buttonSection button:first-child {
        margin-bottom: 15px !important;
    }

    .heroHomeSection .innerCityDiv img,
    .starSectionHero img {
        margin-bottom: 0px !important;
    }

    .starSectionHero p {
        margin-left: 0px;
    }

    .blogUpText h1,
    .blogFullText h1,
    .blogUpText h3 {
        line-height: 30px;
    }

    .blogUpText ul li {
        line-height: 22px;
        margin-bottom: 15px;
    }

    .innerFototerThree li {
        display: flex;
    }
    
    .homeAboutSection .blogUpText{
        margin-top: 30px;
    }   
    
    .homeAboutSection .blogUpText li{
        display: flex;
    }
    
    .innerFooterSection{
        margin-bottom:25px;
    }
    
}