/* responsive ******************************************************************************************************/
@media (max-width: 1599px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    h3 {
        font-size: 30px;
    }

    h5 {
        font-size: 22px;
    }

    .text-box p {
        font-size: 20px;
        line-height: 30px;
    }

    .title-box h2 {
        font-size: 45px;
    }

    .section-heading h4 {
        margin: 28px 0 12px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ************************
    *************************************************************************/
    /* Header  */
    #header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 8px 15px;
    }

    /* Collapse Cards   */
    .collapse-cards .card p {
        font-size: 20px;
    }

    .collapse-cards .card .top-part svg {
        width: 90%;
        height: 90%;
    }

    .collapse-cards .card.card-3 .bottom-part {
        gap: 20px 20px;
    }

    /*************   Common section or elements css End  **************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    /* Banner */
    #aboutBanner .aboutBanner-part .main-product {
        top: -50px;
        max-width: 60%;
    }

    /* why choose */
    #why-choose .why-choose-part p {
        font-size: 19px;
        padding-right: 0;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    #product .nav-tabs .nav-link {
        padding: 10px 30px;
        font-size: 18px;
    }

    /* Service tab  */
    .AMC-projects .content-box p:first-child {
        width: 70%;
    }

    .AMC-projects .content-box p:not(:first-child) {
        width: 40%;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    #installations .installation-photos {
        flex-wrap: wrap;
    }

    #installations .installation-photos img {
        flex-grow: 1;
    }

    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 1499px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    .common-box.box {
        padding: 25px 20px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part .main-product {
        left: 40px;
    }

    /* Our Value  */
    #our-value .flex-wrapper .box {
        /* width: 20%; */
        padding: 30px 24px;
    }

    #our-value .flex-wrapper .box img {
        max-width: 90px;
    }

    #our-value .flex-wrapper .box h5 {
        font-size: 22px;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    /* Services tab  */
    .AMC-projects .content-box {
        top: 20%;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /* Lightbox gallery slider  */
    .lightbox-gallery .top-slider .item img {
        aspect-ratio: 3/2;
    }



    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    #our-presence .container-fluid {
        width: 95%;
    }

    .get-in-touch.contact h5 {
        font-size: 40px;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 1399px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #our-value .flex-wrapper {
        gap: 20px;
    }

    #our-value .flex-wrapper .box {
        flex-basis: 250px;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    .AMC-projects {
        min-height: 700px;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    #life_pipl .grid-wrapper .title {
        font-size: 20px;
    }

    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 1299px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /* Header  */
    #header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* Collapse Cards */
    .collapse-cards {
        --cards-closed-size: 5rem;
        gap: 1rem;
    }

    .collapse-cards .card[active] {
        flex: 0 0 calc(100% - 15rem);
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    /* our-value */
    #our-value .flex-wrapper .box img {
        max-width: 60px;
    }

    /* our-journey */
    #our-journey .content-section .box-inner .right p {
        font-size: 18px;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    #our-presence .grid-box p.white {
        font-size: 18px;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 1199px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    .container {
        max-width: 97% !important;
    }

    h1 {
        font-size: 35px;
        line-height: 40px;
    }

    h3 {
        font-size: 30px;
    }

    .section-heading {
        margin-bottom: 30px;
    }

    .bg {
        padding: 60px 0;
        /* about us page  */
    }

    .common-box.box {
        min-height: 270px;
    }

    .common-box.box p {
        width: 100%;
    }

    /* Comon owl slider css for nav button  */
    .owl-nav button.owl-prev {
        left: 0px;
    }

    .owl-nav button.owl-next {
        right: 0px;
    }

    .title-box h2 {
        font-size: 40px;
    }

    /* inner banner  */
    #innerPageBanner .innerPageBanner-part.inner-page {
        background-position: 70% 0;
    }

    /* Common Modal  */
    .common-modal .input-group {
        padding-bottom: 10px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /* Header  */
    #header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }

    #header .navbar-expand-lg .navbar-nav .nav-item:last-child {
        margin-left: 10px;
    }

    .navbar-brand {
        max-width: 130px;
    }

    /* Footer    */
    #footer .footer-part .call-mail-wrapper {
        display: block;
    }

    #footer .footer-part .box .call {
        margin-bottom: 10px;
    }

    #footer .footer-part .row {
        align-items: center;
    }

    /* Collapse Cards */
    .collapse-cards .card p {
        font-size: 18px;
    }

    /* Common Modal */
    .common-modal .modal-content {
        padding: 60px 40px;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /* Map section  */
    .map-block-wrapper .text h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .map-block-wrapper .text {
        padding-left: 20px;
    }

    .map-block-section {
        min-height: 1050px;
    }

    .map-block-wrapper {
        min-height: 950px;
    }

    .map-block-wrapper .map-block-4 {
        margin-top: 0;
        margin-left: 0;
    }

    /* Video section  */
    .videos-products-section {
        padding: 80px 0 10px;
    }

    .videos-products-slider .img-box .video {
        height: 390px;
    }

    /* Our Products */
    .our-products-wrpper {
        padding-bottom: 60px;
    }

    .our-products-section {
        padding: 60px 0 80px;
    }

    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part .main-product {
        left: 60px;
        top: -30px;
    }

    /* Why value  */
    .our-value-part {
        padding-bottom: 120px;
    }

    /* Why Choose  */
    #why-choose .why-choose-part img {
        max-width: 80%;
        margin-inline: auto;
        display: block;
    }

    #why-choose .why-choose-part .text-box {
        width: 100%;
    }

    #why-choose .why-choose-part p {
        font-size: 18px;
        line-height: 36px;
    }

    #why-choose .container {
        margin-top: -100px;
    }

    /* Achivement  */
    #achivement .owl-stage {
        display: flex;
        height: 100%;
    }

    #achivement .item {
        height: 100%;
    }

    #achivement .common-box.box {
        min-height: unset;
        height: 100%;
    }

    /* Our Value section*/
    #our-value .flex-wrapper .box h5 {
        font-size: 18px;
    }

    /* Leadership section */
    #leadership .leadership-slider-box {
        max-width: 90%;
        margin: 0 auto;
    }

    /* Our Journey */
    #our-journey .main-content .content-section {
        padding: 0 2rem;
    }

    #our-journey .main-wrapper {
        margin-top: 80px;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    /* Service tab  */
    .AMC-projects .content-box p:not(:first-child) {
        width: 60%;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 1080px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    p {
        font-size: 18px;
        /* change for about us why choose slider text*/
    }

    .text-box p {
        font-size: 18px;
    }

    /* common form input css  */
    .input-group {
        padding-bottom: 20px;
    }

    .form-control-common {
        padding: 12px 50px 12px 20px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /* Footer  */
    #footer .footer-part .box .social-media {
        justify-content: center;
    }

    /* Get in Touch  */
    .get-in-touch {
        margin-top: 50px;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part .main-product {
        max-width: 64%;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    /* Why Choose  */
    .Why-Choose .box {
        padding: 60px 60px;
    }

    /* Rental Tab  */
    .Why-Choose-slider .box .img-box {
        min-height: 120px;
    }

    .Why-Choose-slider .box img {
        width: 60px;
        height: 60px;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /* Our Presence */
    #our-presence .grid-box {
        grid-template-columns: 1fr;
        justify-content: center;
    }

    #our-presence .grid-box img {
        margin: 0 auto;
        display: block;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 991px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    .container {
        max-width: 95%;
    }

    #innerPageBanner .innerPageBanner-part.inner-page {
        min-height: 500px;
    }

    #innerPageBanner .innerPageBanner-part.inner-page {
        background-position: 70% 0;
    }

    .text-box p {
        font-size: 18px;
        line-height: 28px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /* Header  */
    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: 0;
        padding: 0;
    }

    #header .nav-right {
        display: flex;
        column-gap: 40px;
        align-items: center;
    }

    #header {
        background: var(--white);
    }

    #header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 0;
    }

    #header .navbar-expand-lg .navbar-nav .nav-item:last-child {
        margin-left: 0;
    }

    #header .talk-mob-btn {
        display: block;
    }

    #header .desktop-btn {
        display: none;
    }

    /* Footer  */
    #footer .footer-part .box .call-mail-wrapper a,
    #footer .footer-part .box .location .text p {
        font-size: 16px;
    }

    /* Collapse Cards */
    .cards.desktop.collapse-cards {
        display: none !important;
    }

    .mobile-collapse-cards {
        display: block;
    }

    /* Common Modal css  */
    .common-modal {
        max-width: 90% !important;
        margin-inline: auto;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    #homeBanner .homeBanner-part {
        min-height: 500px;
    }

    /* Map section  */
    .map-block-wrapper h1 {
        text-align: center;
    }

    .map-block-section {
        min-height: 590px;
    }

    .map-block-wrapper .text h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .map-block-wrapper .map-block-4 {
        margin-top: -100px;
        margin-left: 0px;
    }

    .map-block-wrapper {
        min-height: 460px;
    }

    .map-block-wrapper .text h3.small {
        font-size: 20px;
        line-height: 25px;
    }

    .form-section-block {
        max-width: 650px;
    }

    /* our-products */
    .our-products-section {
        padding: 50px 0;
    }

    /* videos-products-section */
    .videos-products-slider .img-box .video {
        height: 325px;
    }

    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part {
        background-size: cover;
        background-position: center;
        min-height: 530px;
    }

    #aboutBanner .aboutBanner-part .main-product {
        max-width: 60%;
        top: 0;
        left: 0;
    }

    #aboutBanner .aboutBanner-part .title-box h2 {
        transform: translateY(0px);
        width: 80%;
        margin: 0 auto;
    }

    /* Our Value */
    .our-value-part {
        padding-bottom: 50px;
    }

    /* Why Choose  */
    #why-choose .container {
        margin-top: 0;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    #product .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 40px;
        gap: 15px;
    }

    #product .nav-tabs .nav-link {
        padding: 10px 24px;
        flex-basis: 25%;
    }

    #product .tab-pane .grid-wrapper {
        gap: 30px;
    }

    #product .tab-pane .grid-wrapper .title {
        font-size: 22px;
    }

    /* Tower light Tab */
    .Tower-Lights .img-box {
        margin-top: 110px;
    }

    .Why-Choose .box {
        padding: 60px 30px;
    }

    .Why-Choose .box p {
        font-size: 16px;
    }

    /* Service tab  */
    .AMC-projects {
        background-position: 60% 0;
    }

    .key-feature.service .box .tooltip-box .custom-tooltip {
        width: 60vw;
    }

    .Why-Choose .box h4 {
        font-size: 22px;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    #lightboxModal .modal-dialog {
        max-width: 90% !important;
        margin-inline: auto;
    }

    .lightbox-gallery .top-slider .owl-nav button {
        bottom: -80px;
    }

    .lightbox-gallery .top-slider.owl-theme .owl-next,
    .lightbox-gallery .top-slider.owl-theme .owl-prev {
        width: 25px !important;
    }

    .lightbox-gallery .top-slider .owl-stage {
        display: flex !important;
    }

    #life_pipl .grid-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /* Our Presence  */
    #our-presence .container-fluid {
        width: 100%;
    }

    #our-presence .grid-box .box-2 img {
        margin: 0 auto;
        display: block;
        max-width: 60%;
    }

    #our-presence .grid-box .row {
        row-gap: 40px;
    }

    #our-presence .grid-box .box-2 img {
        max-width: 80%;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 767px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    h1 {
        font-size: 30px;
        line-height: 35px;
    }

    h3 {
        font-size: 26px;
    }

    /* h3 {
        font-size: 20px;
    } */
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    br {
        display: none;
    }

    .bg {
        padding: 50px 0;
    }

    .row {
        row-gap: 30px;
    }

    .form-box.cmn-form .row {
        row-gap: 0;
    }

    .form-section-block .row {
        row-gap: 0;
    }

    /* Home page  */
    /* .owl-item {
        margin-right: 10px !important;
    } */
    .text-box {
        width: 100%;
    }

    .text-box p {
        font-size: 16px;
    }

    .button-box {
        padding-top: 50px;
    }

    #innerPageBanner .innerPageBanner-part.inner-page .title-box {
        width: 60%;
        right: 0;
    }

    .title-box h2 {
        font-size: 36px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    #footer .footer-part .footer-box .top-2 {
        width: 60%;
    }

    #footer .footer-part .footer-box .box-3 {
        display: flex;
        justify-content: center;
        border: 1px solid var(--white);
        border-left: 0;
        border-right: 0;
        padding-top: 11px;
    }

    #footer .footer-part .footer-box {
        padding-bottom: 0;
    }

    #footer .footer-part .box .connect p {
        text-align: left;
    }

    /* Common Modal css  */
    .common-modal .col-md-6 {
        width: 100%;
    }

    .common-modal .row {
        row-gap: 0;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    #homeBanner .homeBanner-part {
        min-height: 400px;
        /* margin-top: 100px; */
    }

    #homeBanner .homeBanner-box img.mob-img {
        display: block;
    }

    #homeBanner .homeBanner-box img.desktop-img {
        display: none;
    }

    .our-products-wrpper {
        padding-bottom: 50px;
    }

    .map-block-section {
        background-position: center;
        padding-top: 20px;
        background-size: cover;
    }

    .map-block-wrapper {
        min-height: 470px;
        justify-content: start;
        gap: 70px;
    }

    .map-block-wrapper .text h3.small {
        font-size: 20px;
        line-height: 25px;
        color: var(--white);
    }

    .map-block-wrapper .map-block-2,
    .map-block-wrapper .map-block-3,
    .map-block-wrapper .map-block-4 {
        margin-top: 0;
    }

    /* videos-products-slider */
    .videos-products-slider .img-box .video {
        height: 200px;
    }

    .enquire-form-wrapper {
        padding: 40px 0 20px;
    }

    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part .main-product {
        max-width: 80%;
    }

    #our-journey span.year {
        font-size: 21px;
    }

    #our-journey .side-bar {
        width: 110px;
    }

    #our-journey #section8 {
        height: 60.33%;
    }

    #our-journey #section8.content-section .box-inner {
        max-height: unset;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    #product .nav-tabs .nav-link {
        flex-basis: 30%;
        font-size: 16px;
    }

    .our-partners .logo-container {
        gap: 15px;
    }

    #product .tab-pane .grid-wrapper .title {
        font-size: 20px;
    }

    .key-feature .col .box p {
        font-size: 16px;
    }

    .key-feature .col .box .img-box {
        min-height: unset;
    }

    .Pumps-info .text-box button,
    .Tower-Lights .text-box button {
        font-size: 20px;
    }

    /* Dewater Pump Tab*/
    .Why-Choose .box {
        padding: 60px 20px;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    #industry-Coverage .section-heading {
        margin-top: 40px;
    }

    #installations .installation-photos .row {
        row-gap: 0;
    }

    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    #life_pipl .button-box .btn-common.blue {
        width: 30%;
    }

    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 575px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    h1 {
        font-size: 25px;
        line-height: 30px;
    }

    p {
        font-size: 16px;
    }

    .form-control-common {
        font-size: 15px;
    }

    .upload-resume .custom-button {
        max-width: 20px;
    }

    .input-group span.note {
        padding: 6px 0 0 10px;
        font-size: 15px;
    }

    select {
        background-size: 15px 11px !important;
    }

    .bg {
        padding: 40px 0;
    }

    .btn-common {
        font-size: 16px;
    }

    #innerPageBanner .innerPageBanner-part.inner-page .title-box {
        width: 90%;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    /* why-choose  */
    #why-choose .why-choose-part p {
        font-size: 16px;
        line-height: 30px;
    }

    /* Leadership */
    .leadership-slider-box .profile-info span {
        color: var(--gray_919191);
        font-size: 16px;
    }

    /* Our Journey */
    #our-journey .main-wrapper {
        display: block;
        margin-top: 50px;
    }

    #our-journey .side-bar {
        display: none;
    }

    #our-journey .main-content .content-section {
        padding: 0;
    }

    .content-section .box-inner .left {
        height: unset;
    }

    .content-section .box-inner .left a {
        height: 100%;
    }

    #our-journey .content-section .box-inner .right p {
        font-size: 16px;
    }

    #our-journey .main-content section:last-of-type {
        height: unset;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    #product .tab-pane .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #product .nav-tabs .nav-link {
        flex-basis: 35%;
    }

    .key-feature .row {
        row-gap: 20px;
    }

    /* Service tab  */
    .AMC-projects {
        background: url('../images/services-bg-mobile.png');
        background-size: cover;
        min-height: 500px;
        padding-top: 50px;
    }

    .AMC-projects .content-box p:first-child {
        width: 100%;
    }

    .AMC-projects .content-box p:not(:first-child) {
        width: 90%;
    }

    .AMC-projects .content-box p {
        margin-bottom: 30px;
    }

    .AMC-projects .content-box {
        position: static;
    }

    /* Dewater Pump Tab*/
    .Why-Choose .row>div {
        width: 100%;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    #life_pipl .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /* Our Presence */
    #our-presence .grid-box p.yellow {
        font-size: 20px;
    }

    #our-presence .grid-box p.white {
        font-size: 16px;
    }

    #our-presence .parent-box.top {
        flex-direction: column;
        align-items: start;
    }

    #our-presence .grid-box .row {
        row-gap: 30px;
    }

    .get-in-touch.contact h5 {
        font-size: 30px;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 479px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    .row {
        row-gap: 10px;
    }

    .text-box p {
        font-size: 16px;
        line-height: 24px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    /* Header  */
    .navbar-brand {
        max-width: 35%;
        margin: 0;
    }

    .header .navbar-brand img {
        max-width: 80%;
    }

    #header .nav-right {
        column-gap: 22px;
    }

    /* footer */
    #footer .footer-part .box .social-media a {
        margin-right: 20px;
        width: 35px;
        height: 35px;
    }

    #footer .footer-part .footer-box .top-1 {
        width: 100%;
    }

    #footer .footer-part .footer-box .top-2 {
        width: 100%;
        border-top: 1px solid black;
        margin-top: 20px;
        padding-top: 15px;
    }

    #footer .footer-part .box .logo-box img {
        max-width: 80%;
    }

    #footer .footer-part .footer-box .box-1 {
        border-right: none;
    }

    #footer .footer-part .box .location {
        justify-content: center;
        text-align: center;
        align-items: baseline;
    }

    #footer .footer-part .box .call {
        justify-content: center;
    }

    #footer .footer-part .box .email {
        justify-content: center;
    }

    #footer .footer-part .box .location img,
    #footer .footer-part .box .call img,
    #footer .footer-part .box .email img {
        max-width: 70%;
    }

    #footer .footer-part .box .location .text p {
        margin-left: 0;
    }

    .auto-pause-slider .item .video-control-symbol .pause-icon,
    .auto-pause-slider .item .video-control-symbol .ply-icon {
        height: 30px;
        width: 30px;
    }

    /* Comon owl slider css for nav button  */
    .owl-nav button.owl-next,
    .owl-nav button.owl-prev {
        max-width: 30px;
    }

    /* Common Modal */
    .common-modal .modal-content {
        padding: 60px 20px;
    }

    .common-modal .input-group.button-box {
        margin-top: 30px;
    }

    .common-modal .btn-close {
        width: 20px;
        height: 20px;
    }



    /* Get in touch section  */
    .get-in-touch h5 {
        font-size: 18px;
    }

    /* Collapse cards mobile design  */
    .mobile-collapse-cards .accordion-item .card-3 .bottom-part {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .mobile-collapse-cards .accordion-item .card-3 .bottom-part .box .icon-box img {
        max-width: 40px;
    }

    .mobile-collapse-cards .top-part .icon-box {
        width: 35px;
        height: 35px;
    }

    .mobile-collapse-cards.customer-page h3 {
        font-size: 17px;
    }

    #industry-Coverage .two-columns {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    #homeBanner .homeBanner-part {
        min-height: 270px;
    }

    .map-block-wrapper {
        min-height: 490px;
    }

    .map-block-section {
        min-height: 510px;
    }

    .map-block-wrapper .text h3.small {
        font-size: 17px;
        line-height: 20px;
    }

    .videos-products-slider .img-box .video {
        height: 110px;
    }

    .videos-products-slider.owl-carousel .owl-item .play-btn img {
        max-width: 18%;
    }

    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    #aboutBanner .aboutBanner-part .main-product {
        max-width: 90%;
    }

    #our-value .flex-wrapper .box {
        flex-basis: 250px;
        flex-grow: 1;
    }

    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    #product .nav-tabs .nav-link {
        flex-basis: 50%;
    }

    .our-partners .logo-container {
        gap: 10px;
    }

    .our-partners .logo-container .logo-box {
        border: 1px solid var(--yellow);
        min-width: unset;
        width: 45%;
    }

    .Tower-Lights .img-box {
        margin-top: 70px;
    }

    /* Service tab  */
    .key-feature.service .box .tooltip-box .custom-tooltip.no-space {
        right: unset !important;
        left: 0 !important;
    }

    .key-feature.service .box .tooltip-box .custom-tooltip.no-space::after {
        right: unset !important;
        left: 30px !important;
    }

    .key-feature.service .box .tooltip-box .custom-tooltip {
        width: 80vw;
    }

    .AMC-projects .content-box p:not(:first-child) {
        width: 100%;
    }

    /* Dewater Pump Tab*/
    .Why-Choose .box h4 {
        font-size: 20px;
    }

    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    #industry-Coverage .section-heading {
        margin-top: 30px;
    }

    #testimonial .owl-nav button {
        top: 38% !important;
    }

    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /* LightboxGallery */
    .lightbox-gallery .top-slider .owl-nav button {
        bottom: -60px;
    }

    .lightbox-gallery .top-slider.owl-theme .owl-prev {
        left: -10px;
    }

    .lightbox-gallery .top-slider.owl-theme .owl-next {
        right: -10px;
    }

    .lightbox-gallery .btn-close {
        top: -40px !important;
    }

    #life_pipl .button-box .btn-common.blue {
        width: 50%;
    }

    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 375px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    p {
        font-size: 16px;
    }

    /*************  Common css  End************************************************
    ****************************************************************************/
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    #footer .footer-part .box .location .text p {
        font-size: 16px;
        line-height: 20px;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
    /*************  Home page Sections css start **************************
    *************************************************************************/
    /*************  Home page Sections css End **************************
    *************************************************************************/
    /*************  About page Sections css start **************************
    *************************************************************************/
    /*************  About page Sections css End **************************
    *************************************************************************/
    /*************  Product page Sections css start **************************
    *************************************************************************/
    /*************  Product page Sections css End **************************
    *************************************************************************/
    /*************  Customer page Sections css start **************************
    *************************************************************************/
    /*************  Customer page Sections css End **************************
    *************************************************************************/
    /*************  Careers page Sections css start **************************
    *************************************************************************/
    /*************  Careers page Sections css End **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css start **************************
    *************************************************************************/
    /*************  Life@PIPL page Sections css End **************************
    *************************************************************************/
    /*************  Contact Us  page Sections css start **************************
    *************************************************************************/
    /* Our Presence section  */
    #our-presence .grid-box p.yellow {
        font-size: 18px;
    }

    #our-presence .grid-box p.white {
        font-size: 14px;
    }

    /* Get In Touch section contact page   */
    .get-in-touch.contact h5 {
        font-size: 26px;
    }

    .get-in-touch.contact .button-box {
        padding-top: 30px;
    }

    /*************  Contact Us page Sections css End **************************
    *************************************************************************/
}

/* responsive ******************************************************************************/
@media (max-width: 360px) {

    /*************  Common css  start************************************************
    ****************************************************************************/
    h2 {
        font-size: 24px;
    }

    /*************  Common css  End************************************************
}
@media (max-width: 320px) {
    /*************   Common section or elements css start  ******************************
    *************************************************************************/
    #header .nav-right {
        column-gap: 10px;
    }

    /*************   Common section or elements css End  ******************************
    ***********************************************************************/
}