@media only screen and (min-width:1501px) and (max-width:1600px) {
    #banner .banner-left h2.banner-title,
    .biger-font {
        font-size: 42px
    }
    .banner-caption-wrp h2,
    .banner-caption-wrp h1 {
        font-size: 42px;
        line-height: 40px
    }
    .intro-lhs h2 {
        font-size: 32px;
        line-height: 34px
    }
    .pipes-bx p,
    .rp-lhs h2 {
        font-size: 24px
    }
    #banner .banner-left {
        padding-top: 80px;
        margin-left: 120px
    }
    #home-treading .treading-left h1,
    #prince-pipes-fittings .pipes-fittings-left-box h2 {
        font-size: 32px
    }
    .biger-font {
        line-height: 46px
    }
    #innovanation .innovanation-box3.red-pat h3 {
        font-size: 32px;
        line-height: 36px
    }
    #banner .ak-pic {
        width: 40%
    }
    #banner .ak-pic img {
        max-width: 100%
    }
    #banner .banner-left .floating-logo {
        right: -230px;
        top: 192px
    }
    .home-caption h2 {
        font-size: 36px;
        line-height: 42px
    }
    #home-product-range .swiper-button-prev,
    #home-product-range2 .swiper-button-prev2 {
        left: 0
    }
    #home-product-range .swiper-button-next,
    #home-product-range2 .swiper-button-next2 {
        right: 0
    }
    .best-lhs {
        width: 100%;
        float: right;
        padding: 100px 100px 0 30px
    }
    #innovanation .innovanation-box2 {
        background-size: 150px!important
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    #banner .banner-left h2.banner-title,
    .biger-font {
        font-size: 42px
    }
    .banner-caption-wrp h2,
    .banner-caption-wrp h1 {
        font-size: 42px;
        line-height: 40px
    }
    .intro-lhs h2 {
        font-size: 32px;
        line-height: 34px
    }
    #innovanation .innovanation-box2 h3,
    .pipes-bx p,
    .rp-lhs h2 {
        font-size: 24px
    }
    #banner .banner-left {
        padding-top: 80px;
        margin-left: 120px
    }
    #home-treading .treading-left h1,
    #prince-pipes-fittings .pipes-fittings-left-box h2 {
        font-size: 32px
    }
    .biger-font {
        line-height: 46px
    }
    #innovanation .innovanation-box3.red-pat h3 {
        font-size: 32px;
        line-height: 36px
    }
    #innovanation .V-title2 {
        font-size: 103px;
        font-weight: 700;
        position: absolute;
        transform: rotate(-90deg);
        left: -297px;
        top: 71px;
        bottom: 185px;
        line-height: 150px;
        letter-spacing: -4px;
        width: 610px
    }
    #innovanation .numb-innov-bx p {
        font-size: 20px;
        line-height: 22px
    }
    #innovanation .innovanation-box2 ul li {
        color: #666;
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
        position: relative;
        padding: 0 75px 9px 20px
    }
    #innovanation .numb-innov-bx {
        height: 181px
    }
    #innovanation .hmw-info-numb {
        font-size: 36px
    }
    #banner .swiper-slide {
        height: calc(100vh - 0px)
    }
    #banner .ak-pic {
        width: 40%
    }
    #banner .ak-pic img {
        max-width: 100%
    }
    #banner .banner-left .floating-logo {
        right: -230px;
        top: 192px
    }
    #home-product-range .swiper-button-prev,
    #home-product-range2 .swiper-button-prev2 {
        left: 0
    }
    #home-product-range .swiper-button-next,
    #home-product-range2 .swiper-button-next2 {
        right: 0
    }
    #innovanation {
        height: 510px
    }
    #innovanation .innovanation-box1 {
        height: 510px;
        padding: 40px 120px 10px 20px
    }
    #innovanation .innovanation-box3.red-pat {
        height: 313px
    }
    #innovanation .innovanation-box3.black-pat {
        padding: 40px
    }
    #innovation2 .innov2-lhs .lhs-r1 {
        padding: 30px 20px
    }
    #innovation2 .inn-lsr-bx h2,
    #innovation2 .innov2-lhs .lhs-l1 p.ttle {
        font-size: 26px;
        line-height: 32px
    }
    #innovation2 .innov2-lhs .lhs-r1 ul li {
        font-size: 16px;
        line-height: 22px
    }
    #innovation2 .in-mid-pro-bx .inn-desc-pro h2 {
        font-size: 20px
    }
    #innovation2 .in-mid-pro-bx .inn-desc-pro h3 {
        font-size: 18px
    }
    .home-caption h2 {
        font-size: 36px;
        line-height: 42px
    }
    #innovation2 .in-mid-pro-bx .inn-desc-pro ul li {
        font-size: 14px;
        line-height: 18px
    }
    #home-treading .V-title {
        display: none
    }
    .bnr-caption-bx {
        margin-top: 30px
    }
    .bnr-caption-bx h2 {
        font-size: 30px;
        line-height: 34px
    }
    .best-lhs {
        width: 100%;
        float: right;
        padding: 0 100px 0 30px
    }
    .best-grid-bx {
        margin-top: 10px
    }
    #banner .common-container,
    #banner .swiper-banner {
        height: calc(100vh)
    }
    #innovanation .innovanation-box2 {
        background-size: 150px!important
    }
    .innovation-bnr .banner-caption-wrp {
        width: 425px
    }
    .journey-slider-wrp .swiper-container {
        height: 45vw
    }
    #home-treading .treading-left-box {
        padding-left: 30px;
        padding-top: 47px;
        padding-bottom: 47px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .discover-img,
    .discover-img .discover-img-holder,
    .experience-img-holder {
        width: 100%;
        overflow: visible;
        height: auto
    }
    .discover-title,
    .front-img {
        position: relative;
        top: 0;
        left: 0
    }
    #experience,
    .experiance-rhs {
        padding-top: 20px
    }
    #footer,
    .trip-ad {
        padding-bottom: 20px
    }
    .row {
        margin: 0!important
    }
    .experiance-rhs,
    .logo,
    .m1-100 {
        margin-left: 0
    }
    #home-offer .comman-container,
    .comman-container,
    .common-container,
    .discover-img img,
    .experience-img-holder img,
    .front-img img,
    .insta-pic img,
    .newsletter-box {
        width: 100%
    }
    .home-title {
        font-size: 40px
    }
    #banner-container {
        height: 500px;
        transform: scale(1.3)
    }
    #banner .banner-title,
    #banner .banner-title3 {
        font-size: 45px
    }
    .banner-title .fs-50 {
        font-size: 34px!important
    }
    #banner .banner-title {
        top: 22%;
        line-height: 52px
    }
    #banner .banner-title3 {
        top: 30%;
        line-height: 55px
    }
    .experiance-lhs {
        height: auto
    }
    #experience .v-title {
        transform: rotate(0) translate(0, 0);
        font-size: 50px;
        text-align: center;
        position: relative;
        line-height: 80px;
        margin-bottom: 20px
    }
    .experience-img {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: auto
    }
    .experience-img .experience-img-holder {
        width: 100%;
        height: auto;
        transform: translate(0, 0)
    }
    .experiance-rhs {
        width: 100%
    }
    #home-stay {
        padding-top: 60px
    }
    .home-subdesc {
        font-size: 24px;
        line-height: 29px
    }
    #home-stay .mt-80 {
        margin-top: 30px!important
    }
    #home-stay .tab_container {
        float: none;
        width: 95%;
        margin: auto
    }
    #header:after,
    #header:before,
    #restaurant p br,
    .bak-img,
    .discover-box a:before,
    .mobile-none,
    .navigation-container,
    .resort-view,
    .tab-img-title {
        display: none
    }
    .tab-img-title {
        font-size: 31px
    }
    #restaurant {
        margin-top: 30px;
        padding-bottom: 40px
    }
    .experience-img-holder {
        position: relative
    }
    #restaurant .mt-40 {
        margin-top: 20px
    }
    #restaurant .home-subdesc {
        padding: 0 10px;
        margin-bottom: 20px
    }
    #home-discover {
        height: auto;
        padding-top: 30px
    }
    .discover-title {
        z-index: 2
    }
    .discover-box {
        margin-bottom: 40px
    }
    .discover-title h2 {
        margin-top: 11px;
        font-size: 32px
    }
    .discover-box a .book-now,
    .discover-box a p {
        transform: translateY(0);
        opacity: 1
    }
    #tripadvisior .mt-60,
    .copyright,
    .mt-100 {
        margin-top: 0
    }
    #home-offer,
    #tripadvisior {
        padding-top: 30px;
        padding-bottom: 30px
    }
    #dellaexperience {
        height: auto;
        padding-bottom: 30px
    }
    .trip-testimonial {
        padding-left: 0;
        padding-top: 20px
    }
    .br-b {
        border-right: none;
        border-bottom: 1px solid #ccc
    }
    #footer {
        padding-top: 0;
        text-align: center
    }
    .social-media {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .logo {
        width: 67px;
        left: 10px
    }
    .hamburger-menu {
        right: 10px;
        top: 38px;
        left: inherit
    }
    .tenonten .container .row {
        height: 800px
    }
    .tenonten .container .tot-top-right .imgWrapcat {
        right: 0
    }
    .tenonten .container .tot-top-right .imgWrap {
        left: -370px
    }
    .navbar-collapse {
        right: 10px!important
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: 10px!important
    }
    .navbar-brand img.logo2 {
        height: 22px!important
    }
    .navbar-nav {
        margin-right: 0!important
    }
    .logo3 img {
        height: 25px!important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .row {
        margin: 0
    }
    .common-container {
        width: 100%
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:767px) {
    #myTab .nav-item,
    #myTab li {
        margin-bottom: 3px!important
    }
    #banner .swiper-slide,
    #news-update {
        background-color: #f1f1f1
    }
    #footer .col,
    .pipes-fittings-right-box img {
        max-width: 100%
    }
    .home-bnr-4,
    .map-pic,
    .mis-vis-rhs,
    .slide-arrw {
        background-repeat: no-repeat
    }
    .slide-arrw,
    .strategic-btn {
        text-decoration: none;
        text-transform: uppercase
    }
    .bnr-caption-bx h2,
    .footer-open a,
    .slide-arrw,
    .strategic-btn {
        text-transform: uppercase
    }
    #home-product-range2 .pr-bx-n::after,
    .home-bnr-4,
    .slide-arrw {
        background-size: cover
    }
    #myTab,
    .back-link,
    .no-desk {
        display: block!important
    }
    #myTab .nav-item {
        width: 100%!important
    }
    .pipes-safefit-range .swiper-custom-next,
    .pipes-safefit-range .swiper-custom-prev {
        top: 39%!important
    }
    .row {
        margin: 0!important
    }
    .comman-container,
    .common-container,
    .home-caption,
    .inn-sqr-wrp,
    .inner-sx-sqr {
        width: 100%
    }
    #innovanation .innovanation-box1 {
        padding: 40px 20px;
        height: auto;
        width: 100%
    }
    .biger-font {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0
    }
    #innovanation .inn-cvr {
        width: 100%;
        float: none
    }
    #innovanation .innovanation-box2 {
        width: 100%;
        height: 320px
    }
    #innovanation .numb-innov-bx {
        width: 100%;
        height: 280px
    }
    #banner .ak-pic,
    #banner .banner-left .banner-box:before,
    #banner .swiper-button-next,
    #banner .swiper-button-prev,
    #header .covid-text,
    #header .top-header .top-social,
    #home-product-range .product-box:before,
    #home-treading .V-title,
    #innovanation .V-title2,
    #news-update .common-container .V-title3,
    #news-update .common-container:after,
    #news-update .common-container:before,
    #show-more-cta,
    .bg-new-bnr,
    .dd-sqr::before,
    .flw-bx,
    .inner-fixed-wrp,
    .loc-city-cvr,
    .loc-mark,
    .logo-rght-bord::before,
    .main-marker,
    .map-pic img,
    .overlay-radial-bg,
    .sus-lft:after,
    .sus-rgt:after {
        display: none
    }
    #banner .swiper-slide {
        padding: 16px
    }
    #banner .banner-left .floating-logo {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 0;
        display: block;
        margin-bottom: 15px
    }
    #banner .swiper-pagination-banner,
    #home-treading #temp-card img,
    #inner-banner.innovation-bnr .banner-caption-wrp,
    #tool-resources .swiper-tool-pagination,
    .quality-pagi {
        display: block
    }
    .book-bt,
    .cittl-wrp .cittl-sldr h2 span,
    .mobile-link,
    .slide-arrw,
    .strategic-btn {
        display: inline-block
    }
    #banner .banner-left .floating-logo img {
        width: 105px
    }
    #banner .banner-left .banner-box,
    .mis-vis-rhs h1.ttle {
        text-align: left
    }
    #footer,
    #footer .copyright,
    #footer .follow-link,
    .bnr-caption-bx,
    .book-bt,
    .dd-sqr,
    .feat-bx,
    .footer-open,
    .innov-desc-lhs,
    .mobile-link,
    .pipes-fittings-right-box h4,
    .poli-pagi,
    .pp-bx-vc,
    .slide-arrw,
    .sus-griha-bx a.cvr-cta,
    .sus-lft span,
    .sus-rgt span,
    .tl-grid-wrp .col-md-3 {
        text-align: center
    }
    #home-treading,
    #prince-pipes-fittings {
        padding-top: 20px;
        padding-bottom: 20px
    }
    #home-treading .treading-left-box,
    .header-nav,
    .pos-red,
    .treading-left-box .col-md-6 {
        padding-left: 0
    }
    #home-treading .treading-left,
    #news-update .new-left {
        padding: 20px 0
    }
    #home-treading .treading-left h1 {
        font-size: 30px;
        margin-top: 10px
    }
    #home-product-range .swiper-filter {
        padding: 1.3em 1.5em;
        font-size: 13px
    }
    #home-product-range .product-box:hover a,
    #home-product-range .product-box:hover h2,
    #home-product-range .product-box:hover h6,
    #home-product-range .product-box:hover p {
        color: #000
    }
    #innovanation,
    #innovation2 .innov2-lhs,
    #innovation2 .innov2-lhs .lhs-r1,
    .contact-map-main,
    .curve-cont-wrp .h-190,
    .curve-main-wrp .curve-inner-bx,
    .map-cover,
    .press-bx {
        height: auto
    }
    #innovanation .innovanation-box3.red-pat {
        height: 250px
    }
    #innovanation .innovanation-box3.red-pat h3 {
        padding: 15px;
        font-size: 26px;
        line-height: 34px
    }
    #innovanation .innovanation-box3.black-pat {
        padding: 15px
    }
    #innovanation .innovanation-box3.black-pat h4 {
        padding-top: 10px
    }
    #tool-resources {
        padding-bottom: 20px;
        padding-top: 30px
    }
    #tool-resources .tool-resources-box,
    .curve-main-wrp .curve-inner-bx .in-bx-grid,
    .ir-invest-rhs,
    .kfh-rhs,
    .pipes-fittings-right-box,
    .policies-main-wrp,
    .sus-grid-bx,
    .treading-right {
        margin-top: 30px
    }
    #tool-resources .tool-resources-box h4 {
        padding-left: 50px
    }
    #tool-resources .swiper-slide {
        padding-bottom: 0;
        min-height: 100px
    }
    #prince-pipes-fittings .pipes-fittings-left-box {
        padding-left: 10px;
        padding-top: 10px
    }
    #prince-pipes-fittings .pipes-fittings-left-box h2 {
        font-size: 30px;
        letter-spacing: 0
    }
    #news-update .new-left .annual-report-bt a {
        font-size: 25px;
        background-size: 33px;
        padding-left: 43px
    }
    #news-update .new-box {
        padding-left: 20px;
        margin-top: 0
    }
    #news-update .podcast .podcast-box h3,
    .resource-desc-wrp h2.ttle {
        font-size: 16px
    }
    .stock-market .new-box {
        margin-top: 15px!important
    }
    .curve-cont-wrp .spacer-curve,
    .h-40 {
        height: 0
    }
    #footer {
        padding-bottom: 30px;
        margin-top: 0;
        padding-top: 20px
    }
    #footer .col {
        -ms-flex-preferred-size: 0;
        flex-basis: auto;
        -ms-flex-positive: 1;
        flex-grow: 2
    }
    #footer .footer-links,
    #news-update .news-mid .biger-font,
    .curve-dsc-bx,
    .pic-curve-bx {
        margin-bottom: 20px
    }
    #home-product-range {
        overflow: hidden
    }
    #about-prince {
        padding-top: 30px;
        padding-bottom: 30px
    }
    #about-prince p,
    .latest-update-wrp,
    .p-policy,
    .sus-inner-bxs,
    .unpaid-wrp {
        padding-left: 15px;
        padding-right: 15px
    }
    .navbar {
        background-color: transparent!important
    }
    .navbar-brand {
        font-size: 1.85rem
    }
    .navbar-dark .navbar-toggler {
        margin-right: 15px;
        background-color: transparent
    }
    a.navbar-brand img {
        width: 105px;
        margin-left: 10px
    }
    .navbar-nav {
        margin-left: 0!important;
        background-color: #000;
        padding-top: 20px
    }
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-weight: 400;
        padding: 1rem 1.1rem!important;
        font-size: 16px;
        border-bottom: 1px solid #2b2b2b
    }
    .dropdown-toggle::after {
        right: 20px;
        top: 21px;
        position: absolute
    }
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff
    }
    .dropdown-menu a.nav-link {
        padding: .5rem .3rem!important
    }
    .corporate-overview-drop {
        height: 580px;
        overflow: scroll
    }
    #header .collapse.show {
        height: 100vh;
        background-color: #000
    }
    #business-model .row.listing-style [class*=col-],
    #our-brand-inner [class*=col-],
    #our-presence [class*=col-],
    .inner-glance [class*=col],
    .navbar .dropdown-menu div[class*=col],
    .operational-container [class*=col-],
    .stakeholder-container [class*=col-] {
        margin-bottom: 1rem;
        flex: none;
        max-width: 100%
    }
    .dropdown-menu.show {
        padding: 10px 15px!important;
        height: auto
    }
    .mobile-link {
        padding: 20px 0;
        width: 25%;
        transform: translate(0, 0)
    }
    .book-bt {
        padding: 4px 10px;
        margin-bottom: 6px;
        width: 50%;
        margin-top: 21px
    }
    #overlay #progstat {
        font-size: 126px;
        line-height: 126px;
        top: 50%
    }
    #home-product-range .swiper-button-next,
    #home-product-range .swiper-button-prev {
        top: 16%
    }
    #home-product-range .swiper-button-prev {
        left: 20px
    }
    #home-product-range .swiper-button-next {
        right: 11px
    }
    #header .top-header .lang {
        font-weight: 700;
        font-size: 12px
    }
    #banner .banner-left .banner-box h6,
    #header .top-header .top-link,
    #header .top-header .top-social,
    #prince-pipes-fittings .pipes-fittings-left-box .fitting-info p {
        font-size: 12px
    }
    .navbar {
        padding: 0!important
    }
    #header.top-head-hide {
        height: 55px
    }
    #home-treading .treading-right {
        background-repeat: no-repeat;
        background-position: center top 20px;
        height: auto;
        margin-bottom: 0;
        padding: 50% 20px 20px
    }
    .aquafit-bnr {
        background-position: right bottom
    }
    .banner-caption-wrp {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        padding: 0 20px
    }
    #banner .bnr-caption-bx,
    .loc-addrs,
    .plhs-bx {
        transform: translate(0, 0)
    }
    .banner-caption-wrp h2,
    .banner-caption-wrp h1 {
        font-size: 24px;
        line-height: 30px;
        text-align: left
    }
    .aquafit-bnr .common-container::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3)
    }
    .common-pd-bottom,
    .corporate-gover-wrp {
        padding-bottom: 30px
    }
    .common-pd-top {
        padding-top: 30px
    }
    #header .top-header,
    .abt-info-bx p,
    .cg-bx-1 ul,
    .innov2-lhs .col-md-6,
    .intro-lhs,
    .intro-lhs-abt,
    .ir-key-bx h6 span,
    .kfh-grid-wrp,
    .sustain-lhs {
        padding: 0
    }
    .section.portfolio .filters ul li {
        padding: 10px 5px;
        font-size: 11px
    }
    .section.portfolio .filters-content .item {
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        text-align: left;
        border: 1px solid #c3c3c3;
        padding: 0 20px 20px;
        min-height: auto
    }
    .feat-bx {
        width: 100%;
        margin: 20px 0
    }
    .kfh-main-wrp,
    .logo-rght-bord,
    .qr-bx {
        margin-bottom: 30px
    }
    .swiper-custom-next,
    .swiper-custom-prev {
        top: 0!important
    }
    .rp-bx {
        height: auto;
        margin-top: 30px
    }
    .timeline ul li h3 {
        font-size: 18px;
        margin-top: 20px
    }
    #banner .banner-left h2.banner-title {
        font-size: 34px
    }
    #banner .banner-left h2.banner-title img {
        width: 20px
    }
    #banner {
        margin-top: 53px;
        height: calc(100vh - 54px)
    }
    .home-bnr-4 {
        background-image: url(../images/hme-bnr-mobile.jpg)!important;
        background-position: left bottom
    }
    #banner .banner-left p {
        padding-right: 0;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 22px
    }
    #banner .banner-left,
    #news-update .common-container {
        padding-top: 0
    }
    #banner .swiper-slide {
        height: 435px
    }
    .bnr-caption-bx {
        width: 100%;
        float: none;
        margin-top: 0
    }
    .bnr-caption-bx h2 {
        color: #fff;
        font-size: 24px;
        line-height: 26px;
        font-weight: 900;
        margin-top: 5px
    }
    #banner .bnr-caption-bx {
        transition: .5s .9s;
        opacity: 0
    }
    .home-caption h2 {
        font-size: 29px;
        line-height: 1.3
    }
    #banner .home-bnr-2 {
        background-image: url(../images/aquafit-bnr.jpg)!important
    }
    #banner .home-bnr-3 {
        background-image: url(../images/home-bnr-3.jpg)!important
    }
    .logo-rght-bord {
        margin-top: 30px
    }
    #home-product-range2 .swiper-button-next2 {
        right: 0
    }
    #home-product-range2 .swiper-button-prev2,
    ul.navbar-nav li.dropdown .opner {
        left: 0!important
    }
    .abt-innov-rhs h2,
    .abt-quality-wrp h2.center-ttle,
    .common-ttle,
    .continiuos-innov-wrp .center-ttle,
    .info-desc-wrp h2,
    .intro-lhs-abt h2,
    .patent-products-wrp .center-ttle,
    .start-lhs-wrp h2 {
        font-size: 24px;
        line-height: 28px;
        color: #000;
    }
    .plhs-bx {
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }
    .kfh-grid-wrp .kfh-lhs .kfh-info-bx {
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        border-right: none;
        text-align: center
    }
    .kfh-grid-wrp .kfh-lhs {
        border: 1px solid #ccc;
        padding: 0;
        margin-top: 0
    }
    .kfh-grid-wrp .kfh-rhs .sp-bx .numb-stck {
        font-size: 30px
    }
    #home-product-range2 .swiper-filter2,
    #news-update .new-box h3,
    #tool-resources a .tool-resources-box h4,
    .kfh-grid-wrp .kfh-rhs .sp-bx .numb-stck-txt {
        font-size: 15px
    }
    .kfh-grid-wrp .kfh-rhs .sp-bx .stck-desc {
        font-size: 9px
    }
    .quarterly-report-wrp {
        padding-bottom: 30px;
        padding-top: 30px
    }
    .cg-grid-wrp,
    .mob-no-marg .col-md-6,
    .pop-pipes .col-md-4,
    .pop-pipes .col-md-8,
    .qr-lhs .col-md-4,
    .quarterly-report-wrp .qr-main-wrp,
    .start-btn-wrp .col-md-6,
    .sustain-grid-main .com-md-6 {
        padding-left: 0;
        padding-right: 0
    }
    .recent-sldr {
        height: 230px
    }
    .bod-name,
    .dd-bx-main .ttle,
    .ppv-wrp .main-ttle,
    .recent-news-main .recent-bx .recent-overlay h2,
    .under-logo-desc h2 {
        font-size: 20px
    }
    .cg-lhs {
        padding: 10px 0
    }
    .quick-lnks-wrp {
        margin: 30px 0
    }
    .policies-lhs {
        height: auto;
        background-image: none;
        background-color: #ee3137;
        padding: 10px
    }
    .plhs-bx p.sub-desc {
        font-size: 18px
    }
    .policies-sldr {
        height: 160px
    }
    .poli-pagi {
        top: initial;
        right: inherit;
        width: 100%;
        left: 0
    }
    #invester-relation-inner .annual-box .dowmload-bt,
    #invester-relation-inner .card-content1 .dowmload-bt,
    .loc-addrs,
    .sus-lft span,
    .sus-rgt span {
        top: 0;
        position: relative
    }
    .about-bnr {
        background-image: url(../images/about-mobile-bnr.jpg)
    }
    .about-top-desc-wrp .col-md-6,
    .ir-invest-sqr {
        padding-right: 0;
        padding-left: 0
    }
    .info-desc-wrp {
        padding: 0 20px
    }
    .abt-vid-container,
    .abt-vid-container iframe {
        height: 300px
    }
    .abt-info-bx .no {
        font-size: 40px;
        line-height: 40px
    }
    .mis-vis-lhs {
        width: 100%;
        padding-left: 0;
        background-image: none;
        background-position: left top
    }
    .vis-bx {
        width: 100%;
        background-color: #de5146;
        height: auto;
        padding: 15px
    }
    .cvr-arww-sus,
    .grid-arrow-bx h2,
    .slide-arrw {
        background-color: #f5f5f5
    }
    .contact-frm-wrp h1.ttle,
    .corpo-cvr .ttle,
    .fr-bx a .fr-rhs h2,
    .gm-bx h2,
    .vis-bx p {
        font-size: 24px
    }
    .mis-vis-rhs {
        padding: 170px 15px 0;
        height: 100%;
        background-image: url(../images/mission-icn_12.jpg);
        background-position: center top;
        border-right: none
    }
    .best-lhs {
        width: 100%;
        float: none;
        padding: 20px 15px 0
    }
    .journey-slider-wrp .swiper-container {
        height: 455px
    }
    .slide-arrw {
        width: 31.33%;
        height: auto;
        background-image: none;
        background-position: 0 0;
        line-height: 56px;
        font-weight: 700;
        transition: .5s;
        color: #333;
        font-size: 10px;
        padding: 0
    }
    .slide-arrw.activ {
        background-image: none;
        background-color: #8b2722
    }
    .map-pic {
        width: 100%;
        margin: 0 auto;
        height: 315px;
        background-image: url(../images/mobile-marked-map.jpg);
        background-position: top center;
        background-size: contain
    }
    .strategic-btn {
        color: #646464;
        font-family: Muli, sans-serif;
        font-weight: 600;
        font-size: 12px;
        width: 100%;
        height: 54px;
        padding: 12px 0 17px 60px;
        margin: 20px 0
    }
    .tl-grid-wrp .col-md-3 {
        padding-top: 20px;
        border-bottom: none!important
    }
    .tl-grid-wrp p {
        padding: 0 30px;
        font-size: 18px
    }
    .abt-innov-rhs,
    .ir-ar-rhs {
        padding: 20px 0 0
    }
    .quality-grid-main .swiper-wrapper {
        display: flex
    }
    .quality-grid-main {
        height: 400px
    }
    .quality-bx {
        width: 100%!important;
        margin: 0 20px!important
    }
    #invester-relation-inner .annual-box {
        padding: 0;
        border: 1px solid #e4e4e4
    }
    .annual-desc {
        padding-top: 12px
    }
    #inner-banner,
    body.no-bnr-page #breadcrumb {
        margin-top: 65px
    }
    .grid-arrow-bx h2 {
        color: #333;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        height: auto;
        padding: 0 35px 20px
    }
    #news-update .news-mid,
    .sus-lft span,
    .sus-rgt span {
        padding-top: 20px
    }
    .sus-lft span {
        font-weight: 400;
        color: #000;
        font-size: 40px;
        left: 0;
        z-index: 10;
        display: block
    }
    .sus-rgt span {
        width: 50px;
        right: 0;
        display: block;
        z-index: 10;
        margin: 0 auto 20px
    }
    .loc-addrs {
        width: 100%;
        height: auto;
        left: 0;
        z-index: 4;
        transition: .5s;
        opacity: 1;
        padding: 20px
    }
    .capital-next,
    .capital-prev {
        background-position: center;
        opacity: 1!important;
        background-repeat: no-repeat
    }
    .contact-frm-wrp,
    .footer-open a {
        padding: 15px 0
    }
    .contact-grid-cvr {
        height: auto;
        border-radius: 0;
        box-shadow: none
    }
    .corpo-info-form {
        border-radius: 0;
        position: relative;
        padding: 15px
    }
    .corpo-info-form::before {
        border-radius: 0
    }
    .home-bnr-new {
        background-image: url(../images/prince-new-mobile-bnr.jpg)!important
    }
    .cittl-wrp .cittl-bg-bx,
    .gm-bx,
    .ir-bse-wrp,
    ul.nav li.nav-item a {
        background-image: none
    }
    .re-sqr {
        border: 1px solid #e4e4e4;
        width: 200px;
        margin: 0 auto 30px
    }
    .resource-desc-wrp .dowmload-bt {
        position: relative;
        left: 0;
        bottom: 0
    }
    .press-bx .press-date {
        position: relative;
        bottom: 0;
        left: 0
    }
    .press-bx h2.ttle {
        font-size: 18px;
        line-height: 22px
    }
    .ppv-wrp {
        width: 100%;
        padding: 20px 15px 0
    }
    video.video-js {
        margin-right: calc((100vw - (100vh * 1.7))/ 2);
        width: calc(100vw);
        height: calc(100vh - 54px);
        object-fit: fill
    }
    .test-sldr .quote-testi-bx p.ttle {
        line-height: 18px;
        padding: 0 20px;
        font-size: 13px
    }
    .innov-time-line-cvr {
        width: 90%
    }
    .innov-sldr-bx .innpv-desc-bx {
        width: 100%;
        margin: 30px auto 0;
        padding: 0 20px;
        text-align: center!important
    }
    .curve-main-wrp .curve-inner-bx .innov-grid-5-wrp {
        width: 100%;
        position: relative;
        top: 0;
        transform: translate(0, 0)
    }
    .curve-main-wrp .curve-inner-bx .curve-center-bx .innov-ttle-pack {
        width: 100%;
        padding: 30px 20px 20px
    }
    .curve-main-wrp .curve-inner-bx .curve-center-bx {
        margin-bottom: 0
    }
    .innov-grid-5-wrp .col {
        flex-basis: inherit
    }
    .annual-pic {
        padding-top: 15px
    }
    .annual-desc {
        padding-bottom: 15px
    }
    .side-line-title {
        font-size: 18px;
        padding-top: 0
    }
    .general-meetings-wrp .card-content1 {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    .footer-open {
        display: block;
        padding: 0
    }
    .footer-open a {
        color: #222;
        display: block;
        position: relative
    }
    .footer-open a::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px;
        border-color: transparent transparent #f1f1f1;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -15px
    }
    ul.navbar-nav li.dropdown .corporate-overview-drop {
        transition: .5s;
        left: -100%;
        display: block!important
    }
    ul.nav li.nav-item a.back-link {
        background-image: url(../images/cg-left-arrw-red.png);
        background-repeat: no-repeat;
        background-position: right 55px center;
        text-align: right
    }
    .navbar .dropdown-menu {
        height: 90vh;
        overflow-y: scroll;
        overflow-x: hidden
    }
    .no-banner {
        margin-top: 54px;
        margin-bottom: 5px
    }
    .no-mob {
        display: none!important
    }
    .ir-common-ttle {
        font-size: 32px
    }
    .ir-key-grid-cvr {
        border-top: none;
        margin-top: 30px
    }
    #news-update .new-left .stock-market,
    #tool-resources a .tool-resources-box,
    .capitals-wrp .capital-temp-bx,
    .ir-key-bx {
        margin-top: 0
    }
    .ir-key-bx {
        padding-top: 10px;
        border-top: 1px solid #7d7d7d
    }
    .bse-desc-wrp {
        padding: 15px 0;
        margin: 15px 0;
        border-left: none;
        border-right: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .ir-bse-wrp {
        height: auto;
        background-color: #f1f1f1;
        padding: 25px 0
    }
    .fr-bx a .fr-lhs {
        padding: 10px 20px
    }
    .fr-bx a .fr-rhs {
        padding: 20px 20px 50px;
        border-left: 1px solid #b7b7b7;
        min-height: auto
    }
    .fr-bx a .fr-rhs span {
        bottom: 15px;
        left: 20px
    }
    .ir-pr-highlight-bx {
        width: 100%;
        height: 100%;
        display: none
    }
    .ir-pr-sldr {
        padding-left: 0!important;
        overflow: hidden!important
    }
    .ir-pr-prev {
        left: 39%
    }
    .ir-pr-next {
        right: 39%
    }
    .ir-pr-wrp {
        width: 100%;
        height: auto;
        position: relative;
        overflow-x: hidden;
        padding: 30px 15px 20px
    }
    .gm-sldr-sqr {
        margin-top: 20px;
        padding: 0 15px
    }
    .cittl-wrp .cittl-sldr .cille-sqr,
    .gm-bx {
        padding: 20px
    }
    .gm-bx {
        width: 100%;
        height: 300px;
        border: 2px solid #fff
    }
    .gm-bx .dowmload-bt {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
    .gm-pagi {
        bottom: -10px
    }
    .ir-invest-lhs .tab_content {
        padding: 0 0 30px
    }
    .capital-next,
    .capital-prev {
        display: block!important;
        width: 28px!important;
        height: 28px!important;
        background-size: 10px;
        background-color: #fff;
        outline: 0;
        border: none;
        top: 60px
    }
    .capital-next::after,
    .capital-prev::after {
        font-size: 0px;
        display: none!important
    }
    .capital-next {
        background-image: url(../images/kpi-next.png)
    }
    .capital-prev {
        background-image: url(../images/kpi-prev.png);
        left: initial;
        right: 40px
    }
    .capitals-wrp {
        padding: 20px 0;
        height: 530px
    }
    .standard-tbl {
        width: 100%;
        overflow-x: auto
    }
    .section.portfolio .filters-content .item img {
        width: 70%;
        margin: 0 auto;
        display: block
    }
    #inner-banner.innovation-bnr {
        background-image: url(../images/innov-mobile.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover
    }
    #home-treading .trend-pic-bx img {
        position: relative
    }
    #home-treading .treading-right.pipe2 {
        background-size: 120px
    }
    .navbar-brand img.logo2 {
        height: auto!important;
        transition: .5s
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets,
    .journey-slider-wrp .swiper-pagination-custom,
    .journey-slider-wrp .swiper-pagination-fraction {
        bottom: 5px;
        left: 0;
        width: 100%
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
        position: relative;
        width: 9px;
        height: 9px;
        background-color: #333;
        opacity: .4
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        border-width: 1px;
        display: none
    }
    .cittl-wrp .cittl-sldr .cittl-pagination {
        left: 15px
    }
    .cittl-wrp .cittl-sldr .cittl-pagination .swiper-pagination-bullet::before {
        font-size: 20px;
        top: -10px
    }
    .cittl-wrp .cittl-sldr .cittl-pagination .swiper-pagination-bullet {
        margin: 25px 0
    }
    .cittl-wrp,
    .cittl-wrp .cittl-sldr {
        height: 600px
    }
    .cittl-wrp .cittl-sldr h2 {
        font-size: 28px;
        line-height: 32px;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .curve-cont-wrp .curve-red-pk-bx {
        padding: 20px 30px;
        height: auto;
        margin-bottom: 20px
    }
    .mob-yes-h {
        height: 20px!important
    }
    .pp-bx-vc {
        margin-bottom: 30px
    }
    .cittl-wrp .cittl-sldr .cittl-pic {
        padding-top: 80px
    }
    .curve-cont-wrp .curve-dsc-bx p {
        font-size: 23px;
        line-height: 28px
    }
    #home-treading .treading-left .treading-quality-box h6 {
        padding-left: 35px;
        font-size: 11px
    }
    .sec-ttle {
        font-size: 22px
    }
    .bod-desig {
        font-size: 14px;
        line-height: 1.3
    }
    .pop-pipes .modal-body {
        border: 2px solid #000;
        border-radius: 0;
        padding: 15px
    }
    .pop-pipes .close {
        position: absolute;
        z-index: 10;
        right: 15px
    }
    .pop-ttle {
        font-size: 20px;
        line-height: 1.3
    }
    .dd-desc-bx {
        padding-bottom: 20px
    }
    .pos-green img,
    .pos-red img {
        float: none;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .dd-bx-main {
        padding: 20px 0 0;
        border-top: 1px solid #e4e4e4
    }
    .dd-sqr {
        min-height: auto;
        position: relative;
        padding-top: 0;
        padding-bottom: 0
    }
    .pos-green {
        padding-right: 0
    }
    .under-logo-desc {
        width: 300px
    }
    .swiper-tool-resources {
        margin-top: 30px!important
    }
    .tvc-ttle {
        margin-top: 20px
    }
    .sus-griha-bx {
        background-position: top 20px center
    }
    .sus-griha-bx a.cvr-cta {
        padding: 100px 0 0;
        display: block;
        margin-top: 0
    }
    #home-treading #temp-card {
        width: 100%;
        height: auto;
        background-image: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    #myTab .nav-item,
    #myTab li {
        margin-bottom: 3px!important
    }
    #banner .swiper-slide,
    #news-update {
        background-color: #f1f1f1
    }
    #footer .col,
    .pipes-fittings-right-box img {
        max-width: 100%
    }
    .home-bnr-4,
    .map-pic,
    .mis-vis-rhs,
    .slide-arrw {
        background-repeat: no-repeat
    }
    .slide-arrw,
    .strategic-btn {
        text-decoration: none;
        text-transform: uppercase
    }
    .bnr-caption-bx h2,
    .footer-open a,
    .slide-arrw,
    .strategic-btn {
        text-transform: uppercase
    }
    #home-product-range2 .pr-bx-n::after,
    .home-bnr-4,
    .slide-arrw {
        background-size: cover
    }
    #myTab,
    .back-link,
    .no-desk {
        display: block!important
    }
    #myTab .nav-item {
        width: 100%!important
    }
    .pipes-safefit-range .swiper-custom-next,
    .pipes-safefit-range .swiper-custom-prev {
        top: 39%!important
    }
    .row {
        margin: 0!important
    }
    .comman-container,
    .common-container,
    .home-caption,
    .inn-sqr-wrp,
    .inner-sx-sqr {
        width: 100%
    }
    #innovanation .innovanation-box1 {
        padding: 40px 20px;
        height: auto;
        width: 100%
    }
    .biger-font {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0
    }
    #innovanation .inn-cvr {
        width: 100%;
        float: none
    }
    #innovanation .innovanation-box2 {
        width: 100%;
        height: 320px
    }
    #innovanation .numb-innov-bx {
        width: 100%;
        height: 280px
    }
    #banner .ak-pic,
    #banner .banner-left .banner-box:before,
    #banner .swiper-button-next,
    #banner .swiper-button-prev,
    #header .covid-text,
    #header .top-header .top-social,
    #home-product-range .product-box:before,
    #home-treading .V-title,
    #innovanation .V-title2,
    #news-update .common-container .V-title3,
    #news-update .common-container:after,
    #news-update .common-container:before,
    #show-more-cta,
    .bg-new-bnr,
    .dd-sqr::before,
    .flw-bx,
    .inner-fixed-wrp,
    .loc-city-cvr,
    .loc-mark,
    .logo-rght-bord::before,
    .main-marker,
    .map-pic img,
    .overlay-radial-bg,
    .sus-lft:after,
    .sus-rgt:after {
        display: none
    }
    #banner .swiper-slide {
        padding: 16px
    }
    #banner .banner-left .floating-logo {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 0;
        display: block;
        margin-bottom: 15px
    }
    #banner .swiper-pagination-banner,
    #home-treading #temp-card img,
    #inner-banner.innovation-bnr .banner-caption-wrp,
    #tool-resources .swiper-tool-pagination,
    .quality-pagi {
        display: block
    }
    .book-bt,
    .cittl-wrp .cittl-sldr h2 span,
    .mobile-link,
    .slide-arrw,
    .strategic-btn {
        display: inline-block
    }
    #banner .banner-left .floating-logo img {
        width: 105px
    }
    #banner .banner-left .banner-box,
    .mis-vis-rhs h1.ttle {
        text-align: left
    }
    #footer,
    #footer .copyright,
    #footer .follow-link,
    .bnr-caption-bx,
    .book-bt,
    .dd-sqr,
    .feat-bx,
    .footer-open,
    .innov-desc-lhs,
    .mobile-link,
    .pipes-fittings-right-box h4,
    .poli-pagi,
    .pp-bx-vc,
    .slide-arrw,
    .sus-griha-bx a.cvr-cta,
    .sus-lft span,
    .sus-rgt span,
    .tl-grid-wrp .col-md-3 {
        text-align: center
    }
    #home-treading,
    #prince-pipes-fittings {
        padding-top: 20px;
        padding-bottom: 20px
    }
    #home-treading .treading-left-box,
    .header-nav,
    .pos-red,
    .treading-left-box .col-md-6 {
        padding-left: 0
    }
    #home-treading .treading-left {
        padding: 20px 0;
        margin-top: 20px
    }
    #home-treading .treading-left h1 {
        font-size: 30px;
        margin-top: 10px
    }
    #home-product-range .swiper-filter {
        padding: 1.3em 1.5em;
        font-size: 13px
    }
    #home-product-range .product-box:hover a,
    #home-product-range .product-box:hover h2,
    #home-product-range .product-box:hover h6,
    #home-product-range .product-box:hover p {
        color: #000
    }
    #innovanation,
    #innovation2 .innov2-lhs,
    #innovation2 .innov2-lhs .lhs-r1,
    .contact-map-main,
    .curve-cont-wrp .h-190,
    .curve-main-wrp .curve-inner-bx,
    .map-cover,
    .press-bx {
        height: auto
    }
    #innovanation .innovanation-box3.red-pat {
        height: 250px
    }
    #innovanation .innovanation-box3.red-pat h3 {
        padding: 15px;
        font-size: 26px;
        line-height: 34px
    }
    #innovanation .innovanation-box3.black-pat {
        padding: 15px
    }
    #innovanation .innovanation-box3.black-pat h4 {
        padding-top: 10px
    }
    #tool-resources {
        padding-bottom: 20px;
        padding-top: 30px
    }
    #tool-resources .tool-resources-box,
    .curve-main-wrp .curve-inner-bx .in-bx-grid,
    .ir-invest-rhs,
    .kfh-rhs,
    .pipes-fittings-right-box,
    .policies-main-wrp,
    .sus-grid-bx,
    .treading-right {
        margin-top: 30px
    }
    #tool-resources .tool-resources-box h4 {
        padding-left: 50px
    }
    #tool-resources .swiper-slide {
        padding-bottom: 0;
        min-height: 100px
    }
    #prince-pipes-fittings .pipes-fittings-left-box {
        padding-left: 10px;
        padding-top: 10px
    }
    #prince-pipes-fittings .pipes-fittings-left-box h2 {
        font-size: 30px;
        letter-spacing: 0
    }
    #news-update .new-left .annual-report-bt a {
        font-size: 25px;
        background-size: 33px;
        padding-left: 43px
    }
    #news-update .new-box {
        padding-left: 20px;
        margin-top: 0
    }
    #news-update .podcast .podcast-box h3,
    .resource-desc-wrp h2.ttle {
        font-size: 16px
    }
    .stock-market .new-box {
        margin-top: 15px!important
    }
    .curve-cont-wrp .spacer-curve,
    .h-40 {
        height: 0
    }
    #footer {
        padding-bottom: 30px;
        margin-top: 0;
        padding-top: 20px
    }
    #footer .col {
        -ms-flex-preferred-size: 0;
        flex-basis: auto;
        -ms-flex-positive: 1;
        flex-grow: 2
    }
    #footer .footer-links,
    #news-update .news-mid .biger-font,
    .curve-dsc-bx,
    .pic-curve-bx {
        margin-bottom: 20px
    }
    #home-product-range {
        overflow: hidden
    }
    #about-prince {
        padding-top: 30px;
        padding-bottom: 30px
    }
    #about-prince p,
    .latest-update-wrp,
    .p-policy,
    .sus-inner-bxs,
    .unpaid-wrp {
        padding-left: 15px;
        padding-right: 15px
    }
    .navbar {
        background-color: transparent!important
    }
    .navbar-brand {
        font-size: 1.85rem;
        margin-right: 0
    }
    .navbar-dark .navbar-toggler {
        margin-right: 15px;
        background-color: transparent
    }
    a.navbar-brand img {
        width: 95px;
        margin-left: 10px
    }
    .navbar-nav {
        margin-left: 0!important;
        background-color: #000;
        padding-top: 20px
    }
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-weight: 400;
        padding: 1rem 1.1rem!important;
        font-size: 16px;
        border-bottom: 1px solid #2b2b2b
    }
    .dropdown-toggle::after {
        right: 20px;
        top: 21px;
        position: absolute
    }
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff
    }
    .dropdown-menu a.nav-link {
        padding: .5rem .3rem!important
    }
    .corporate-overview-drop {
        height: 580px;
        overflow: scroll
    }
    #header .collapse.show {
        height: 100vh;
        background-color: #000
    }
    #business-model .row.listing-style [class*=col-],
    #our-brand-inner [class*=col-],
    #our-presence [class*=col-],
    .inner-glance [class*=col],
    .navbar .dropdown-menu div[class*=col],
    .operational-container [class*=col-],
    .stakeholder-container [class*=col-] {
        margin-bottom: 1rem;
        flex: none;
        max-width: 100%
    }
    .dropdown-menu.show {
        padding: 10px 15px!important;
        height: auto
    }
    .mobile-link {
        padding: 20px 0;
        width: 25%;
        transform: translate(0, 0)
    }
    .book-bt {
        padding: 4px 10px;
        margin-bottom: 6px;
        width: 50%;
        margin-top: 21px
    }
    #overlay #progstat {
        font-size: 126px;
        line-height: 126px;
        top: 50%
    }
    #home-product-range .swiper-button-next,
    #home-product-range .swiper-button-prev {
        top: 16%
    }
    #home-product-range .swiper-button-prev {
        left: 20px
    }
    #home-product-range .swiper-button-next {
        right: 11px
    }
    #header .top-header .lang {
        font-weight: 700;
        font-size: 12px
    }
    #banner .banner-left .banner-box h6,
    #header .top-header .top-link,
    #header .top-header .top-social,
    #prince-pipes-fittings .pipes-fittings-left-box .fitting-info p {
        font-size: 12px
    }
    .navbar {
        padding: 0!important
    }
    #header.top-head-hide {
        height: 55px
    }
    #home-treading .treading-right {
        background-repeat: no-repeat;
        background-position: center top 20px;
        height: auto;
        margin-bottom: 0;
        padding: 50% 20px 20px
    }
    .aquafit-bnr {
        background-position: right bottom
    }
    .banner-caption-wrp {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        padding: 0 20px
    }
    #banner .bnr-caption-bx,
    .loc-addrs,
    .plhs-bx {
        transform: translate(0, 0)
    }
    .banner-caption-wrp h2,
    .banner-caption-wrp h1 {
        font-size: 24px;
        line-height: 30px;
        text-align: left;
    }
    .aquafit-bnr .common-container::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3)
    }
    .common-pd-bottom,
    .corporate-gover-wrp {
        padding-bottom: 30px
    }
    .common-pd-top {
        padding-top: 30px
    }
    #header .top-header,
    .abt-info-bx p,
    .cg-bx-1 ul,
    .innov2-lhs .col-md-6,
    .intro-lhs,
    .intro-lhs-abt,
    .ir-key-bx h6 span,
    .kfh-grid-wrp,
    .sustain-lhs {
        padding: 0
    }
    .section.portfolio .filters ul li {
        padding: 10px 5px;
        font-size: 11px
    }
    .section.portfolio .filters-content .item {
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        text-align: left;
        border: 1px solid #c3c3c3;
        padding: 0 20px 20px;
        min-height: auto
    }
    .feat-bx {
        width: 100%;
        margin: 20px 0
    }
    .kfh-main-wrp,
    .logo-rght-bord,
    .qr-bx {
        margin-bottom: 30px
    }
    .swiper-custom-next,
    .swiper-custom-prev {
        top: 0!important
    }
    .rp-bx {
        height: auto;
        margin-top: 30px
    }
    .timeline ul li h3 {
        font-size: 18px;
        margin-top: 20px
    }
    #banner .banner-left h2.banner-title {
        font-size: 34px
    }
    #banner .banner-left h2.banner-title img {
        width: 20px
    }
    #banner {
        margin-top: 53px;
        height: calc(46vh - 93px);
    }
    .home-bnr-4 {
        background-image: url(../images/hme-bnr-mobile.jpg)!important;
        background-position: left bottom
    }
    #banner .banner-left p {
        padding-right: 0;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 22px
    }
    #banner .banner-left,
    #news-update .common-container {
        padding-top: 0
    }
    #banner .swiper-slide {
        height: 435px
    }
    .bnr-caption-bx {
        width: 100%;
        float: none;
        margin-top: 0
    }
    .bnr-caption-bx h2 {
        color: #fff;
        font-size: 24px;
        line-height: 26px;
        font-weight: 900;
        margin-top: 5px
    }
    #banner .bnr-caption-bx {
        transition: .5s .9s;
        opacity: 0
    }
    .home-caption h2 {
        font-size: 29px;
        line-height: 1.3
    }
    #banner .home-bnr-2 {
        background-image: url(../images/aquafit-bnr.jpg)!important
    }
    #banner .home-bnr-3 {
        background-image: url(../images/home-bnr-3.jpg)!important
    }
    .logo-rght-bord {
        margin-top: 30px
    }
    #home-product-range2 .swiper-button-next2 {
        right: 0
    }
    #home-product-range2 .swiper-button-prev2,
    ul.navbar-nav li.dropdown .opner {
        left: 0!important
    }
    .abt-innov-rhs h2,
    .abt-quality-wrp h2.center-ttle,
    .common-ttle,
    .continiuos-innov-wrp .center-ttle,
    .info-desc-wrp h2,
    .intro-lhs-abt h2,
    .patent-products-wrp .center-ttle,
    .start-lhs-wrp h2 {
        font-size: 24px;
        line-height: 28px
    }
    .plhs-bx {
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }
    .kfh-grid-wrp .kfh-lhs .kfh-info-bx {
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        border-right: none;
        text-align: center
    }
    .kfh-grid-wrp .kfh-lhs {
        border: 1px solid #ccc;
        padding: 0;
        margin-top: 0
    }
    .kfh-grid-wrp .kfh-rhs .sp-bx .numb-stck {
        font-size: 30px
    }
    #home-product-range2 .swiper-filter2,
    #news-update .new-box h3,
    #tool-resources a .tool-resources-box h4,
    .kfh-grid-wrp .kfh-rhs .sp-bx .numb-stck-txt {
        font-size: 15px
    }
    .kfh-grid-wrp .kfh-rhs .sp-bx .stck-desc {
        font-size: 9px
    }
    .quarterly-report-wrp {
        padding-bottom: 30px;
        padding-top: 30px
    }
    .cg-grid-wrp,
    .mob-no-marg .col-md-6,
    .pop-pipes .col-md-4,
    .pop-pipes .col-md-8,
    .qr-lhs .col-md-4,
    .quarterly-report-wrp .qr-main-wrp,
    .start-btn-wrp .col-md-6,
    .sustain-grid-main .com-md-6 {
        padding-left: 0;
        padding-right: 0
    }
    .recent-sldr {
        height: 230px
    }
    .bod-name,
    .dd-bx-main .ttle,
    .ppv-wrp .main-ttle,
    .recent-news-main .recent-bx .recent-overlay h2,
    .under-logo-desc h2 {
        font-size: 20px
    }
    .cg-lhs {
        padding: 10px 0
    }
    .quick-lnks-wrp {
        margin: 30px 0
    }
    .policies-lhs {
        height: auto;
        background-image: none;
        background-color: #ee3137;
        padding: 10px
    }
    .plhs-bx p.sub-desc {
        font-size: 18px
    }
    .policies-sldr {
        height: 160px
    }
    .poli-pagi {
        top: initial;
        right: inherit;
        width: 100%;
        left: 0
    }
    #invester-relation-inner .annual-box .dowmload-bt,
    #invester-relation-inner .card-content1 .dowmload-bt,
    .loc-addrs,
    .sus-lft span,
    .sus-rgt span {
        top: 0;
        position: relative
    }
    .about-bnr {
        background-image: url(../images/about-mobile-bnr.jpg)
    }
    .about-top-desc-wrp .col-md-6,
    .ir-invest-sqr {
        padding-right: 0;
        padding-left: 0
    }
    .info-desc-wrp {
        padding: 0 20px
    }
    .abt-vid-container,
    .abt-vid-container iframe {
        height: 300px
    }
    .abt-info-bx .no {
        font-size: 40px;
        line-height: 40px
    }
    .mis-vis-lhs {
        width: 100%;
        padding-left: 0;
        background-image: none;
        background-position: left top
    }
    .vis-bx {
        width: 100%;
        background-color: #de5146;
        height: auto;
        padding: 15px
    }
    .cvr-arww-sus,
    .grid-arrow-bx h2,
    .slide-arrw {
        background-color: #f5f5f5
    }
    .contact-frm-wrp h1.ttle,
    .corpo-cvr .ttle,
    .fr-bx a .fr-rhs h2,
    .gm-bx h2,
    .vis-bx p {
        font-size: 24px
    }
    .mis-vis-rhs {
        padding: 170px 15px 0;
        height: 100%;
        background-image: url(../images/mission-icn_12.jpg);
        background-position: center top;
        border-right: none
    }
    .best-lhs {
        width: 100%;
        float: none;
        padding: 20px 15px 0
    }
    .journey-slider-wrp .swiper-container {
        height: 455px
    }
    .slide-arrw {
        width: 31.33%;
        height: auto;
        background-image: none;
        background-position: 0 0;
        line-height: 56px;
        font-weight: 700;
        transition: .5s;
        color: #333;
        font-size: 10px;
        padding: 0
    }
    .slide-arrw.activ {
        background-image: none;
        background-color: #8b2722
    }
    .map-pic {
        width: 100%;
        margin: 0 auto;
        height: 315px;
        background-image: url(../images/mobile-marked-map.jpg);
        background-position: top center;
        background-size: contain
    }
    .strategic-btn {
        color: #646464;
        font-family: Muli, sans-serif;
        font-weight: 600;
        font-size: 12px;
        width: 100%;
        height: 54px;
        padding: 12px 0 17px 60px;
        margin: 20px 0
    }
    .tl-grid-wrp .col-md-3 {
        padding-top: 20px;
        border-bottom: none!important
    }
    .tl-grid-wrp p {
        padding: 0 30px;
        font-size: 18px
    }
    .abt-innov-rhs,
    .ir-ar-rhs {
        padding: 20px 0 0
    }
    .quality-grid-main .swiper-wrapper {
        display: flex
    }
    .quality-grid-main {
        height: 400px
    }
    .quality-bx {
        width: 100%!important;
        margin: 0 20px!important
    }
    #invester-relation-inner .annual-box {
        padding: 0;
        border: 1px solid #e4e4e4
    }
    .annual-desc {
        padding-top: 12px
    }
    #inner-banner,
    body.no-bnr-page #breadcrumb {
        margin-top: 65px
    }
    .grid-arrow-bx h2 {
        color: #333;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        height: auto;
        padding: 0 35px 20px
    }
    #news-update .news-mid,
    .sus-lft span,
    .sus-rgt span {
        padding-top: 20px
    }
    .sus-lft span {
        font-weight: 400;
        color: #000;
        font-size: 40px;
        left: 0;
        z-index: 10;
        display: block
    }
    .sus-rgt span {
        width: 50px;
        right: 0;
        display: block;
        z-index: 10;
        margin: 0 auto 20px
    }
    .loc-addrs {
        width: 100%;
        height: auto;
        left: 0;
        z-index: 4;
        transition: .5s;
        opacity: 1;
        padding: 20px
    }
    .capital-next,
    .capital-prev {
        background-position: center;
        opacity: 1!important;
        background-repeat: no-repeat
    }
    .contact-frm-wrp,
    .footer-open a {
        padding: 15px 0
    }
    .contact-grid-cvr {
        height: auto;
        border-radius: 0;
        box-shadow: none
    }
    .corpo-info-form {
        border-radius: 0;
        position: relative;
        padding: 15px
    }
    .corpo-info-form::before {
        border-radius: 0
    }
    .home-bnr-new {
        background-image: url(../images/prince-new-mobile-bnr.jpg)!important
    }
    .cittl-wrp .cittl-bg-bx,
    .gm-bx,
    .ir-bse-wrp,
    ul.nav li.nav-item a {
        background-image: none
    }
    .re-sqr {
        border: 1px solid #e4e4e4;
        width: 200px;
        margin: 0 auto 30px
    }
    .resource-desc-wrp .dowmload-bt {
        position: relative;
        left: 0;
        bottom: 0
    }
    .press-bx .press-date {
        position: relative;
        bottom: 0;
        left: 0
    }
    .press-bx h2.ttle {
        font-size: 18px;
        line-height: 22px
    }
    .ppv-wrp {
        width: 100%;
        padding: 20px 15px 0
    }
    video.video-js {
        margin-right: calc((100vw - (100vh * 1.7))/ 2);
        width: calc(100vw);
        height: calc(36vh - 54px);
        object-fit: cover
    }
    .test-sldr .quote-testi-bx p.ttle {
        line-height: 18px;
        padding: 0 20px;
        font-size: 13px
    }
    .innov-time-line-cvr {
        width: 90%
    }
    .innov-sldr-bx .innpv-desc-bx {
        width: 100%;
        margin: 30px auto 0;
        padding: 0 20px;
        text-align: center!important
    }
    .curve-main-wrp .curve-inner-bx .innov-grid-5-wrp {
        width: 100%;
        position: relative;
        top: 0;
        transform: translate(0, 0)
    }
    .curve-main-wrp .curve-inner-bx .curve-center-bx .innov-ttle-pack {
        width: 100%;
        padding: 30px 20px 20px
    }
    .curve-main-wrp .curve-inner-bx .curve-center-bx {
        margin-bottom: 0
    }
    .innov-grid-5-wrp .col {
        flex-basis: inherit
    }
    .annual-pic {
        padding-top: 15px
    }
    .annual-desc {
        padding-bottom: 15px
    }
    .side-line-title {
        font-size: 18px;
        padding-top: 0
    }
    .general-meetings-wrp .card-content1 {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    .footer-open {
        display: block;
        padding: 0
    }
    .footer-open a {
        color: #222;
        display: block;
        position: relative
    }
    .footer-open a::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px;
        border-color: transparent transparent #f1f1f1;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -15px
    }
    ul.navbar-nav li.dropdown .corporate-overview-drop {
        transition: .5s;
        left: -100%;
        display: block!important
    }
    ul.nav li.nav-item a.back-link {
        background-image: url(../images/cg-left-arrw-red.png);
        background-repeat: no-repeat;
        background-position: right 55px center;
        text-align: right
    }
    .navbar .dropdown-menu {
        height: 90vh;
        overflow-y: scroll;
        overflow-x: hidden
    }
    .no-banner {
        margin-top: 54px;
        margin-bottom: 5px
    }
    .no-mob {
        display: none!important
    }
    .ir-common-ttle {
        font-size: 32px
    }
    .ir-key-grid-cvr {
        border-top: none;
        margin-top: 30px
    }
    #news-update .new-left .stock-market,
    #tool-resources a .tool-resources-box,
    .capitals-wrp .capital-temp-bx,
    .ir-key-bx {
        margin-top: 0
    }
    .ir-key-bx {
        padding-top: 10px;
        border-top: 1px solid #7d7d7d
    }
    .bse-desc-wrp {
        padding: 15px 0;
        margin: 15px 0;
        border-left: none;
        border-right: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .ir-bse-wrp {
        height: auto;
        background-color: #f1f1f1;
        padding: 25px 0
    }
    .fr-bx a .fr-lhs {
        padding: 10px 20px
    }
    .fr-bx a .fr-rhs {
        padding: 20px 20px 50px;
        border-left: 1px solid #b7b7b7;
        min-height: auto
    }
    .fr-bx a .fr-rhs span {
        bottom: 15px;
        left: 20px
    }
    .ir-pr-highlight-bx {
        width: 100%;
        height: 100%;
        display: none
    }
    .ir-pr-sldr {
        padding-left: 0!important;
        overflow: hidden!important
    }
    .ir-pr-prev {
        left: 39%
    }
    .ir-pr-next {
        right: 39%
    }
    .ir-pr-wrp {
        width: 100%;
        height: auto;
        position: relative;
        overflow-x: hidden;
        padding: 30px 15px 20px
    }
    .gm-sldr-sqr {
        margin-top: 20px;
        padding: 0 15px
    }
    .cittl-wrp .cittl-sldr .cille-sqr,
    .gm-bx {
        padding: 20px
    }
    .gm-bx {
        width: 100%;
        height: 300px;
        border: 2px solid #fff
    }
    .gm-bx .dowmload-bt {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
    .gm-pagi {
        bottom: -10px
    }
    .ir-invest-lhs .tab_content {
        padding: 0 0 30px
    }
    .capital-next,
    .capital-prev {
        display: block!important;
        width: 28px!important;
        height: 28px!important;
        background-size: 10px;
        background-color: #fff;
        outline: 0;
        border: none;
        top: 60px
    }
    .capital-next::after,
    .capital-prev::after {
        font-size: 0px;
        display: none!important
    }
    .capital-next {
        background-image: url(../images/kpi-next.png)
    }
    .capital-prev {
        background-image: url(../images/kpi-prev.png);
        left: initial;
        right: 40px
    }
    .capitals-wrp {
        padding: 20px 0;
        height: 530px
    }
    .standard-tbl {
        width: 100%;
        overflow-x: auto
    }
    .section.portfolio .filters-content .item img {
        width: 70%;
        margin: 0 auto;
        display: block
    }
    #inner-banner.innovation-bnr {
        background-image: url(../images/innov-mobile.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover
    }
    #home-treading .trend-pic-bx img {
        position: relative
    }
    #home-treading .treading-right.pipe2 {
        background-size: 120px
    }
    .navbar-brand img.logo2 {
        height: auto!important;
        transition: .5s
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets,
    .journey-slider-wrp .swiper-pagination-custom,
    .journey-slider-wrp .swiper-pagination-fraction {
        bottom: 5px;
        left: 0;
        width: 100%
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
        position: relative;
        width: 9px;
        height: 9px;
        background-color: #333;
        opacity: .4
    }
    .journey-slider-wrp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        border-width: 1px;
        display: none
    }
    .cittl-wrp .cittl-sldr .cittl-pagination {
        left: 15px
    }
    .cittl-wrp .cittl-sldr .cittl-pagination .swiper-pagination-bullet::before {
        font-size: 20px;
        top: -10px
    }
    .cittl-wrp .cittl-sldr .cittl-pagination .swiper-pagination-bullet {
        margin: 25px 0
    }
    .cittl-wrp,
    .cittl-wrp .cittl-sldr {
        height: 600px
    }
    .cittl-wrp .cittl-sldr h2 {
        font-size: 28px;
        line-height: 32px;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .curve-cont-wrp .curve-red-pk-bx {
        padding: 20px 30px;
        height: auto;
        margin-bottom: 20px
    }
    .mob-yes-h {
        height: 20px!important
    }
    .pp-bx-vc {
        margin-bottom: 30px
    }
    .cittl-wrp .cittl-sldr .cittl-pic {
        padding-top: 80px
    }
    .curve-cont-wrp .curve-dsc-bx p {
        font-size: 23px;
        line-height: 28px
    }
    #home-treading .treading-left .treading-quality-box h6 {
        padding-left: 35px;
        font-size: 11px
    }
    .sec-ttle {
        font-size: 22px
    }
    .bod-desig {
        font-size: 14px;
        line-height: 1.3
    }
    .pop-pipes .modal-body {
        border: 2px solid #000;
        border-radius: 0;
        padding: 15px
    }
    .pop-pipes .close {
        position: absolute;
        z-index: 10;
        right: 15px
    }
    .pop-ttle {
        font-size: 20px;
        line-height: 1.3
    }
    .dd-desc-bx {
        padding-bottom: 20px
    }
    .pos-green img,
    .pos-red img {
        float: none;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .dd-bx-main {
        padding: 20px 0 0;
        border-top: 1px solid #e4e4e4
    }
    .dd-sqr {
        min-height: auto;
        position: relative;
        padding-top: 0;
        padding-bottom: 0
    }
    .pos-green {
        padding-right: 0
    }
    .under-logo-desc {
        width: 300px
    }
    .swiper-tool-resources {
        margin-top: 30px!important
    }
    #news-update .new-left {
        padding: 20px 0
    }
    .tvc-ttle {
        margin-top: 20px
    }
    .sus-griha-bx {
        background-position: top 20px center
    }
    .sus-griha-bx a.cvr-cta {
        padding: 100px 0 0;
        display: block;
        margin-top: 0
    }
    #home-treading #temp-card {
        width: 100%;
        height: auto;
        background-image: none
    }
    .logo4 img {
        height: 25px!important;
        margin-right: 40px
    }
    .logo3 img {
        display: none
    }
}