/* HEADER PAGE */
@media (max-width:440px) {
    body {
        overflow-x: hidden;
        font-family: "Roboto", sans-serif !important;
    }

    .wrapper .center-line,
    .row section::before,
    .row section .icon {
        display: none;
    }

    .wrapper .row {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 450.98px) {
    .gallery-filter a {
        display: block;
        margin-right: 0;
        margin-bottom: 12px;
        padding: 7px 20px;
    }

}

@media only screen and (max-width: 576px) {
    .hero-inner .hero-title {
        font-size: 1.6rem;
        margin: 86px 0px 0px -124px;
        font-weight: 600;
    }

    .hero-inner .hero-subtitle {
        font-size: 0.9rem;
        margin: 17px 0px 0px -124px;
        font-weight: 600;
    }

    .hero-inner .hero-title {
        font-size: 1.6rem;
    }

    .hero-inner .hero-subtitle {
        font-size: 0.9rem;
    }

    #hero-slider-two .owl-carousel .owl-dots {
        margin: 0px 0px 0px -10px;
    }
}

@media only screen and (max-width:700px) {
    .logo.img-fluid {
        max-width: 30%;
        margin-top: 10px;
    }


    .item {
        width: 100%;
    }

    #galleryGrid {
        position: relative;
        height: 3002.66px;
    }

    #header {
        /* top: 134px; */
        background: #fff;
        transition: all 0.5s;
        z-index: 997;
        height: 117px;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    }

    .logo {
        margin-top: 10px;
        display: inline-block;
        /* width: 100% !important; */
        height: 68px !important;
    }

    /* carousel image */
    .w-100 {
        width: 100% !important;
        height: 254px !important;

    }

    .cobel {
        margin-left: 0px !important;
    }

    .navbar-toggler {
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
    }


    #navbar .active {
        color: white;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        color: white;
    }

    #go {

        margin-top: 33px;
    }

    .fas {
        color: white;
    }

    .serviceicondexign {
        color: #f58c23;
    }

    #navbar .active:before {
        background-color: white;
    }

    #navy {
        width: 100%;
    }

    .navy {
        padding: 19px 0px 10px 0px;
    }

    #collapsibleNavbar {
        margin: -11px -28px 0px -25px;
    }

    .navbar .nav-item a {
        display: block;
        color: black;
        text-align: left;
        /* float: left; */
    }



    .navbar-expand-sm {
        margin: 22px 4px 0px 0px;
        padding: 0px 0px 0px 0px;

    }


    .navbar-nav {
        position: inherit;
        /* margin: 23px 0px 0px -253px; */
        /* padding: 0px 250px 0px 0px; */
        text-align: center;
        background-color: #1b5194;
        transition: all 0.3s ease-in;
        overflow-y: hidden;
    }



    .drop-content,
    .drop-content2 {
        position: relative;
        background-color: rgb(220, 220, 250);
        top: 0px;
        left: -9px;
    }

    /* carousel */
    #hero-slider-two .owl-carousel button.owl-prev,
    #hero-slider-two .owl-carousel button.owl-next {
        display: none;
    }

    /* .hm {
        color: white;
        padding: 0px 265px 0px 0px;
    } */

    .umstextmv {
        font-size: 23px;
    }

}




@media (max-width: 767px) {
    .enq {
        font-size: 15px !important;
    }

    #footer #footer-top .footer-widget {
        padding: 25px;
    }

    .hero-inner {
        top: 0;
    }

    .contact_info_sec {
        display: none;
    }

    .contact_field {
        padding: 0 !important;
    }

    .topara {
        padding: 20px;
    }

    .tarea {
        margin-bottom: 20px;
    }

    .contact_form_submit {
        margin: auto !important;
        display: block !important;
    }

    .right_conatct_social_icon {
        margin-top: 20px;
    }

    html,
    body {
        overflow-x: hidden !important;
    }

    /*.box {*/
    /*    display: none;*/
    /*}*/

    .slide {
        width: 100%;
        height: 40vh;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .GDPLoffice_outstructure1 {
        width: 100%;
    }

    .GDPLoffice_outstructure1 {
        width: 20%;
        padding: 20px 11px 20px 11px;
        position: relative;
    }

    .up-arrow {
        position: fixed;
        cursor: pointer;
        width: 50px;
        height: 50px;
        box-shadow: 0 4px 14px rgb(0 0 0 / 10%);
        font-size: 16px;
        overflow: hidden;
        color: #fff !important;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        line-height: 35px;
        bottom: 10%;
        right: 20%;
        transition: .3s all;
        background-color: #124897;
        z-index: 9999;
    }

    #footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-group span {
        top: 835px;
        z-index: 4;
        width: 60px;
        left: 24px;
        height: 60px;
        line-height: 60px;
        color: #ff5b29;
        position: absolute;
        pointer-events: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    #footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-group .newsletter-form-btn {
        top: 835px;
        right: 0;
        z-index: 2;
        width: 60px;
        border: none;
        height: 60px;
        line-height: 60px;
        text-align: center;
        position: absolute;
        overflow: hidden;
        color: #fff;
        background: transparent;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .footerGDPLmainarea {
        padding: 0px;
    }

    .GDPLoffice_outstructure1::after {
        display: none;
    }

    .GDPLoffice_outstructure2::after {
        display: none;
    }

    .GDPLoffice_outstructure3::after {
        display: none;
    }

    .GDPLoffice_outstructure4::after {
        display: none;
    }

    .GDPLoffice_outstructure::after {
        display: none;
    }


    .policyumbtnareas10 {
        width: 50%;
    }

    .policyumbtnareas10 {
        padding-top: 12px;
        padding-bottom: 20px;
        position: absolute;
        top: 300px;
        left: 20%;
    }

    .policyumbtnareas11 {
        width: 50%;
    }

    .policyumbtnareas11 {
        padding-top: 12px;
        padding-bottom: 20px;
        position: absolute;
        top: 750px;
        left: 20%;
    }

    .policyumbtnareas12 {
        width: 50%;
    }

    .policyumbtnareas12 {
        padding-top: 12px;
        padding-bottom: 20px;
        position: absolute;
        top: 1200px;
        left: 20%;
    }

    .policyumbtnareas13 {
        width: 50%;
    }

    .policyumbtnareas13 {
        padding-top: 12px;
        padding-bottom: 20px;
        position: absolute;
        top: 1600px;
        left: 20%;
    }

    .branch {
        display: block;
    }

    .GDPLoffice_outstructure1,
    .GDPLoffice_outstructure,
    .GDPLoffice_outstructure2,
    .GDPLoffice_outstructure3,
    .GDPLoffice_outstructure4 {
        width: 100%;
    }

    /* roadways */
    #grid1 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    #grid2 {
        position: absolute;
        left: 0%;
        top: 400px;
    }

    #grid9 {
        position: absolute;
        left: 0%;
        top: 800px;
    }

    #grid10 {
        position: absolute;
        left: 0%;
        top: 1200px;
    }

    #grid11 {
        position: absolute;
        left: 0%;
        top: 1600px;
    }

    #grid12 {
        position: absolute;
        left: 0%;
        top: 2000px;
    }

    #grid16 {
        position: absolute;
        left: 0%;
        top: 2400px;
    }

    #grid17 {
        position: absolute;
        left: 0%;
        top: 2800px;
    }

    /* Bridges  */
    #grid3 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    /* railways  */
    #grid4 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    #grid5 {
        position: absolute;
        left: 0%;
        top: 400px;
    }

    #grid20 {
        position: absolute;
        left: 0%;
        top: 800px;
    }

    #grid21 {
        position: absolute;
        left: 0%;
        top: 1200px;
    }

    /* water treatment  */
    #grid6 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    #grid7 {
        position: absolute;
        left: 0%;
        top: 400px;
    }

    #grid8 {
        position: absolute;
        left: 0%;
        top: 800px;
    }

    #grid19 {
        position: absolute;
        left: 0%;
        top: 1200px;
    }

    /* building  */
    #grid13 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    #grid14 {
        position: absolute;
        left: 0%;
        top: 400px;
    }

    #grid18 {
        position: absolute;
        left: 0%;
        top: 800px;
    }

    #grid22 {
        position: absolute;
        left: 0%;
        top: 1200px;
    }

    /* irrigation  */
    #grid15 {
        position: absolute;
        left: 0%;
        top: 0px;
    }

    #grid23 {
        position: absolute;
        left: 0%;
        top: 400px;
    }

    #grid24 {
        position: absolute;
        left: 0%;
        top: 800px;
    }


    .pin {
        top: 40%;
        left: 58%;
        width: 30px;
        height: 30px;
    }

    .pin1 {
        top: 42%;
        left: 62%;
        height: 30px;
        width: 30px;
    }

    .pin2 {
        top: 48%;
        left: 33%;
        width: 30px;
        height: 30px;
    }

    .pin3 {
        top: 25%;
        left: 78%;
        width: 30px;
        height: 30px;
    }

    .pin4 {
        top: 45%;
        left: 55%;
        width: 30px;
        height: 30px;
    }


}



@media (max-width:790px) {
    .wrapper .center-line {
        left: 10px;
    }

    .wrapper .row {
        margin: 30px 0 3px 10px;
    }

    .wrapper .row section {
        width: 100%;
    }
}



@media only screen and (max-width:991.98px) {
    .header #navbar-top {
        display: none;
    }
}


@media(min-width:992px) and (max-width:1200px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        font-size: 14px;
    }

    .navbar-nav .nav-item {
        white-space: nowrap;
        padding: 0px 0px 10px 19px;
    }

    #navbar {
        padding: 0;
    }
}



/* HEADER PAGE */