@media (max-width: 991px) {

    .mobile-menu {
        display: inline-block;
    }

    header .menu-section{
        position: initial;
    }

    .menu-wrapper  ul{
        display: none;
        position: absolute;
        top: 100%;
        background: rgba(0,152, 144, 1);
        left: 0;
        right: 0;
        padding: 0;
    }

    .menu-wrapper.active ul{
        display: block;
    }

    .menu-wrapper.active ul.nav li{
        display: block;
    }
    .menu-wrapper.active ul.nav li a{
        color: #fff;
    }
    .menu-wrapper.active ul.nav li:hover a{
        background: rgb(0 99 94);
    }
    .menu-wrapper.active ul.nav li ul{
        display: block;
        position: relative;
    }

    .menu-wrapper.active ul.nav li ul li:hover a{
        background: rgba(255, 255, 255, 0.4);
        color: #333;
    }

    .TextOver h1{
        font-size: 2.7em;
    }
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }

    .menu-wrapper {
        display: block;
    }
    .why-us-right{
        text-align: right;
    }
}


@media (max-width: 576px) {
    .TextOver h1{
        font-size: 1.7em;
    }

    h2{
        font-size: 1.5em;
    }

    .quotebtn{
        display: none;
    }
    .service-block{
        margin-bottom: 15px;
    }
    .why-us-right,
    .why-us-left {
        text-align: center;
    }
    .why-us-center{
        display: none;
    }
    #getStarted h1{
        margin-bottom: 15px;
        font-size: 1.8em;
        line-height: 130%;
    }
    .foot-col{
        margin-bottom: 15px;
    }
    .copyright-text,
    .botfootnav{
        text-align: center !important;
    }
}