/*RESPONSIVE*/

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
/*.navbar .nav-item {
    padding: 0rem 0.5rem;
    margin: 0;
}
#gallery .swiper-button-next {
    right: 21.9%;
}*/
  
}



@media  screen and (max-width: 1366px) {
/*.navbar .nav-item {
    padding: 0rem 0.3rem;
    margin: 0;
}
.navbar-nav {
    margin-left: 24px;
}*/


}


@media only screen and (min-width: 1501px) and (max-width: 1600px) {
 
    .banner-caption-wrp h2{ font-size: 42px; line-height: 40px;}
    .intro-lhs h2{ font-size: 32px; line-height: 34px;}
    .pipes-bx p{ font-size: 24px;}
    .rp-lhs h2{ font-size: 24px;}

    /* home page */
    #banner .banner-left h2.banner-title{ font-size: 42px;}
    #banner .banner-left{ padding-top: 80px;margin-left: 120px;}
    #home-treading .treading-left h1{ font-size: 32px;}
    .biger-font{ font-size: 42px; line-height: 46px;}
    #innovanation .innovanation-box3.red-pat h3{ font-size: 32px; line-height: 36px;}
    /* #innovanation .V-title2 {
        font-size: 90px;
        font-weight: 700;
        position: absolute;
        transform: rotate(-90deg);
        color: #ee3137;
        left: -161px;
        top: 0px;
        bottom: 185px;
        line-height: 150px;
        letter-spacing: -4px;
        width: 610px;
    } */
    #prince-pipes-fittings .pipes-fittings-left-box h2{ font-size: 32px;}
    /* #banner .swiper-slide{ height: 530px;} */
    #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 {left: 0px;}
    #home-product-range .swiper-button-next {right: 0px;}
    #home-product-range2 .swiper-button-next2 {right: 0px;}
    #home-product-range2 .swiper-button-prev2 {left: 0px;}

    .best-lhs {
        width: 100%;
        float: right;
        padding: 100px 100px 0px 30px;
    }

    #innovanation .innovanation-box2{  background-size: 150px !important;}

    /* home page */
      
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

     
    .banner-caption-wrp h2{ font-size: 42px; line-height: 40px;}
    .intro-lhs h2{ font-size: 32px; line-height: 34px;}
    .pipes-bx p{ font-size: 24px;}
    .rp-lhs h2{ font-size: 24px;}

    /* home page */
    #banner .banner-left h2.banner-title{ font-size: 42px;}
    #banner .banner-left{ padding-top: 80px;margin-left: 120px;}
    #home-treading .treading-left h1{ font-size: 32px;}
    .biger-font{ font-size: 42px; 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 h3{ font-size: 24px;}

    #innovanation .innovanation-box2 ul li {
        color: #666666;
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
        position: relative;
        padding: 0px 75px 9px 20px;
    }

    #innovanation .numb-innov-bx{height: 181px;}
    #innovanation .hmw-info-numb{ font-size: 36px;}

    #prince-pipes-fittings .pipes-fittings-left-box h2{ font-size: 32px;}
    #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 {left: 0px;}
    #home-product-range .swiper-button-next {right: 0px;}
    #home-product-range2 .swiper-button-next2 {right: 0px;}
    #home-product-range2 .swiper-button-prev2 {left: 0px;}

    #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 .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;}
    #innovation2 .inn-lsr-bx h2{ font-size: 26px; line-height: 32px;}
    #home-product-range2 .swiper-button-next2 {right: 0px;}
    #home-product-range2 .swiper-button-prev2 {left: 0px;}

    .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: 0px 100px 0px 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: 40vw;}


    #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) {
    .row { margin:0px !important; }
    .common-container,.comman-container { 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 { padding-top:20px; }
    #experience .v-title {transform: rotate(0deg) translate(0px,0px);font-size: 50px; text-align:center; position:relative;line-height:80px;margin-bottom: 20px;}
    .experience-img {margin-left: 0; margin-top: 0px;width: 100%;height: auto;}
    .experience-img .experience-img-holder { width:100%; height:auto; transform: translate(0px,0px); }
    .experiance-rhs {width: 100%;padding-top: 20px;margin-left: 0;}
    
    #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;}
    .resort-view { display:none; }
    .front-img {
        position: relative;
        left: 0px;
        top: 0;
    }
    .bak-img { display:none; }
    .tab-img-title {font-size: 31px;}
    .front-img img { width:100%; }
    #restaurant {margin-top:30px;padding-bottom: 40px;}
    
    .experience-img-holder {
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .experience-img-holder img { width:100% }
    .mobile-none { display:none; }
    #restaurant .mt-40 {
        margin-top: 20px;
    }
    #restaurant p br { display:none; }
    #restaurant .home-subdesc { padding:0px 10px; margin-bottom:20px; }
    #home-discover { height:auto; padding-top: 30px; }  
    .discover-box a:before { display:none; }
    .discover-img,.discover-img .discover-img-holder { width:100%; height:auto; overflow:visible;}
    .discover-title {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .m1-100 {
        margin-left:0px;
    }
    
    .discover-box {margin-bottom: 40px;}
    .discover-img img { width:100%; }
    .discover-title h2 {margin-top: 11px;font-size: 32px;}
    .discover-box a p, .discover-box a .book-now {transform: translateY(0px);opacity: 1;}
    .mt-100 {
        margin-top: 0px;
    }
    
    #home-offer {
        padding-top:30px;
        padding-bottom:30px;
    }
    #home-offer .comman-container { width:100%; }
    
    #dellaexperience { height:auto; padding-bottom: 30px;}
    .insta-pic img { width:100%; }
    
    #tripadvisior {padding-top:30px;padding-bottom: 30px;}
    
    .trip-testimonial {
        padding-left: 0;
        padding-top: 20px;
    }
    #tripadvisior .mt-60 {
        margin-top: 0;
    }
    
    .br-b {
        border-right:none; border-bottom: solid 1px #cccccc;
    }
    .trip-ad { padding-bottom:20px; }
    
    #footer {padding-top: 0px; padding-bottom: 20px;text-align: center;}
    .newsletter-box {width: 100%;}
    .social-media {
        margin-top: 30px; margin-bottom:30px;
    }
    .copyright {
        margin-top: 0;
    }
    .navigation-container { display:none; }
    .logo {width: 67px;margin-left: 0;left: 10px;}
    .hamburger-menu {right: 10px;top: 38px; left:inherit;} 
    #header:before, #header:after { display:none; }
    .tab-img-title { display:none; }


    }
    
    
    @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .row { margin:0px; }
    .common-container { width:100%; }
    }
    
    
    @media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :landscape) {
    }
    
    @media (max-width: 320px) {
    }
    
    /* (1920x1080) Full HD Display */
    @media screen and (min-width: 1900px){
    
    }



@media only screen 
and (min-device-width: 481px) 
and (max-device-width: 767px) {
	
	#myTab{display :block !important;}
	#myTab li{margin-bottom: 3px !important;}
	#myTab .nav-item { width: 100% !important; margin-bottom: 3px !important; }

    .pipes-safefit-range .swiper-custom-prev,  .pipes-safefit-range .swiper-custom-next{top:39% !important;}

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

        .treading-left-box .col-md-6{ padding-left: 0px;}
        #home-treading .treading-left .treading-quality-box h6{padding-left: 35px;font-size: 11px;}

        .sec-ttle{ font-size: 22px;}
        .bod-name{ font-size: 20px;}
        .bod-desig{ font-size: 14px; line-height: 1.3;}

        .pop-pipes .modal-body {
            border: 2px solid #000;
            border-radius: 0px;
            padding: 15px;
        }

        .pop-pipes .close{    position: absolute;
            z-index: 10;
            right: 15px;}

            .pop-pipes .col-md-4{ padding-left: 0px; padding-right: 0px;}
            .pop-pipes .col-md-8{ padding-left: 0px; padding-right: 0px;}
            .pop-ttle{ font-size: 20px; line-height: 1.3;}

            .dd-sqr{ text-align: center;}
            .dd-desc-bx{ padding-bottom: 20px;}
            .dd-bx-main {
                padding: 0px 0px;
            }
            .pos-green img {
                float: none;
                margin-bottom: 20px;
                margin-top: 20px;
            }
            .pos-red img {
                float: none;
                margin-bottom: 20px;
                margin-top: 20px;
            }

            .pos-red {
                padding-left: 0px;
            }
            .dd-bx-main {
                padding: 20px 0px 0px;
                border-top: 1px solid #e4e4e4;
            }

            .dd-sqr {
                min-height: auto;
                position: relative;
                padding-top: 0px;
                padding-bottom: 0px;
                text-align: center;
            }

            .pos-green {
                padding-right: 0px;
            }

            .dd-bx-main .ttle{ font-size: 20px;}

            .under-logo-desc h2{ font-size: 20px;}
            .under-logo-desc{ width: 300px;}

            #tool-resources a .tool-resources-box{ margin-top: 0px;}
            .swiper-tool-resources{ margin-top: 30px !important;}

            #news-update .common-container{ padding-top: 0px;}

            #news-update .news-mid {
                padding-top: 20px;
            }

            #news-update .news-mid .biger-font{ margin-bottom: 20px;}

            #news-update .new-left {
                padding: 20px 0px;
            }

            #news-update .new-left .stock-market {
                margin-top: 0px;
            }

            .tvc-ttle{ margin-top: 20px;}
			.mis-vis-rhs h1.ttle{text-align:left;}

            .sus-griha-bx{background-position: top 20px center;}
            .sus-griha-bx a.cvr-cta{padding: 100px 0px 0px 0px;
                display: block;
                margin-top: 0px;
                text-align: center;}

                #home-treading #temp-card {width: 100%;height: auto; background-image: none;}
                #home-treading #temp-card img{ display: block;}


}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 

#myTab{display :block !important;}
#myTab li{margin-bottom: 3px !important;}
#myTab .nav-item { width: 100% !important; margin-bottom: 3px !important; }
.pipes-safefit-range .swiper-custom-prev,  .pipes-safefit-range .swiper-custom-next{top:39% !important;}

.row { margin:0px !important; }
.common-container,.comman-container { width:100%; }

#innovanation .innovanation-box1 {padding: 40px 20px;padding-right: 20px;height: auto; width: 100%;}
.biger-font {font-size: 28px;line-height: 35px;letter-spacing:0px;}
#home-treading .treading-left-box {
    padding-left: 0px;
}

#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 { display: none; }

#banner .banner-left {padding-top: 20px;}
#banner .banner-left h2.banner-title {font-size: 44px;}
#banner .swiper-slide {background-color: #f1f1f1;padding: 16px;}
#banner .banner-left p {padding-right: 0px;}
#banner .banner-left .floating-logo {
    position: relative;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    display: block; margin-bottom: 15px;
}

#banner .swiper-pagination-banner {
    display: block;
}

#banner .swiper-slide {height: 730px;}

#banner .banner-left .floating-logo img {width: 105px;}
#banner .banner-left .banner-box {text-align: left; }

#home-treading {padding-top: 20px;padding-bottom: 20px;}
#home-treading .treading-left-box {padding-left: 0px;}
#home-treading .treading-left {padding-right: 0px;padding: 20px 0px; margin-top: 20px;}
#home-treading .treading-left h1 {font-size: 30px;margin-top: 10px;}

#home-product-range .swiper-filter{padding: 1.3em 1.5em;}
#home-product-range .product-box:before,#home-treading .V-title,#innovanation .V-title2,#news-update .common-container .V-title3,#news-update .common-container:before,#news-update .common-container:after { display: none; }
#home-product-range .product-box:hover h6, #home-product-range .product-box:hover h2, #home-product-range .product-box:hover p, #home-product-range .product-box:hover a {
    color: #000;
}

#innovanation { 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 {margin-top: 30px;}
#tool-resources .tool-resources-box h4 {padding-left: 50px;}
#tool-resources .swiper-slide {padding-bottom: 0px; min-height: 100px;}
#tool-resources .swiper-tool-pagination { display: block; }

#prince-pipes-fittings {padding-top: 20px; padding-bottom: 20px;}
#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: 0px;}
.pipes-fittings-right-box img { max-width: 100%; }

#news-update { background-color: #f1f1f1; }
#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: 0px;}
#news-update .podcast .podcast-box h3 {font-size: 16px;}

.stock-market .new-box{ margin-top: 15px !important;}

.h-40 {
    height: 0px;
}
/*FOOTER*/
#footer { text-align:center; padding-top: 0px;padding-bottom: 30px;margin-top: 0px;     padding-top: 20px;}
#footer .col {
    -ms-flex-preferred-size: 0;
    flex-basis: auto;
    -ms-flex-positive: 1;
    flex-grow: 2;
    max-width: 100%;
}

#footer .footer-links { margin-bottom: 20px; }
#footer .copyright,#footer .follow-link {
    text-align: center;
}


#home-product-range {
    overflow: hidden;
}

#about-prince {
    padding-top: 30px;
    padding-bottom: 30px;
}
#about-prince p { padding-left: 15px; padding-right: 15px; }

/*NAV*/
.navbar {
    padding: 0.1rem 0rem;
    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: 110px;
margin-left: 10px;
}
.navbar-nav {
margin-left: 0;
}
.navbar-nav {
margin-left: 0px !important;
background-color: #000; padding-top: 20px;
}
.navbar-dark .navbar-nav .nav-link {
color: #FFF;
}

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
font-weight: 400;
padding: 1rem 1.1rem !important;
font-size: 16px;
border-bottom: solid 1px #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: 0.5rem 0.3rem !important;
}
.corporate-overview-drop {height: 580px;overflow: scroll;}
#header .collapse.show { height:100vh; background-color:#000; }
.navbar .dropdown-menu div[class*="col"],.inner-glance [class*="col"],#our-brand-inner [class*="col-"],#our-presence [class*="col-"],#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"],.operational-container [class*="col-"] {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}

.dropdown-menu.show {
    padding: 10px 15px !important;height: auto;
}

.mobile-link {
    text-align: center;
    padding: 20px 0px;width: 25%;display: inline-block;transform: translate(0px, 0px);
}
.book-bt {text-align: center;
    padding: 4px 10px;
    margin-bottom: 6px;
    width: 50%;
    display: inline-block;margin-top: 21px;}
#overlay #progstat { font-size:126px;line-height:126px; top:50%;}

.navbar-dark .navbar-toggler-icon {}

/*END*/

#home-product-range .swiper-button-prev,#home-product-range .swiper-button-next {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;
}

#header .top-header .top-link, #header .top-header .top-social{ font-size: 12px;}
.navbar{padding: 0rem 0rem !important;}
#header.top-head-hide{ height: 70px;}

#home-treading .treading-right {
    background-repeat: no-repeat;
    background-position: center top 20px;
    /* padding: 20px; */
    height: auto;
    /* padding-left: 20px; */
    margin-bottom: 0px;
    padding: 50% 20px 20px 20px;
}

#home-product-range .swiper-filter{ font-size: 13px;}
.header-nav{ padding-left: 0px;}

/*  */
.aquafit-bnr{ background-position: right bottom;}
.banner-caption-wrp {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    padding: 0px 20px;
}
.banner-caption-wrp h2{ font-size: 24px; line-height: 30px;}
.aquafit-bnr .common-container::before{ content: ''; width: 100%; height: 100%; position: absolute;top:0px; left: 0px; background-color: rgba(0,0,0,0.3);}

.inner-fixed-wrp{ display: none;}
.common-pd-bottom {
    padding-bottom: 30px;
}

.common-pd-top {
    padding-top: 30px;
}

.intro-lhs {
    padding: 0px 0px 0px 0px;
}

.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: 0px 20px 20px;
}

.feat-bx {
    width: 100%;
    text-align: center;
    margin: 20px 0px 20px;
}

#show-more-cta{ display: none;}

.section.portfolio .filters-content .item{ min-height: auto;}
.swiper-custom-prev,.swiper-custom-next{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: 80px;}
.bg-new-bnr{ display: none;}
.home-bnr-4{ background-image: url(../images/hme-bnr-mobile.jpg) !important; background-repeat: no-repeat; background-position: left bottom; background-size: cover;}
#banner .banner-left p{font-size: 14px;line-height: 20px;margin-bottom: 22px;}
#banner .banner-left .banner-box h6{ font-size: 12px;}
#banner .banner-left {padding-top: 0px;}
#banner .swiper-slide {height: 435px;}
.bnr-caption-bx {text-align: center;width: 100%;float: none;margin-top: 0px;}
.bnr-caption-bx h2 { color: #FFFFFF;margin-top: 20px;font-size: 24px;line-height: 26px;font-weight: 900;text-transform: uppercase;margin-top: 5px;}
#banner .bnr-caption-bx{transition: 0.5s; transform: translate(0%, 0%); opacity: 0;     transition-delay: 0.9s;}
.home-caption{ width: 100%;}
.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::before{display:  none;}
.logo-rght-bord{ margin-bottom: 30px; margin-top: 30px;}
#home-product-range2 .swiper-button-next2 {right: 0px;}
#home-product-range2 .swiper-button-prev2 {left: 0px;}
.pipes-fittings-right-box{ margin-top: 30px; }
.pipes-fittings-right-box h4{ text-align: center;}


.common-ttle{ font-size: 24px; line-height: 28px;}
.plhs-bx{ width: 100%;    position: relative;top: 0%;left: 0%;transform: translate(0%, 0%);}
.kfh-grid-wrp{ padding: 0px;}
.kfh-grid-wrp .kfh-lhs .kfh-info-bx {border-bottom: 1px solid #ccc; padding: 20px 0px;border-right: none; text-align: center;}
.kfh-grid-wrp .kfh-lhs {border: 1px solid #cccccc;padding: 0px 0px;margin-top: 0px;}
.kfh-grid-wrp .kfh-rhs .sp-bx .numb-stck{ font-size: 30px;}
.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;}
.kfh-main-wrp { margin-bottom: 30px;}
.kfh-rhs{ margin-top:30px;}
.quarterly-report-wrp {padding-bottom: 30px;padding-top: 30px;}
.quarterly-report-wrp .qr-main-wrp {padding-left: 0px;padding-right: 0px;}
.qr-bx{ margin-bottom: 30px;}
.qr-lhs .col-md-4{ padding-left: 0px; padding-right: 0px;}
.recent-sldr{ height: 230px;}
.recent-news-main .recent-bx .recent-overlay h2{ font-size: 20px;}
.cg-grid-wrp {padding-left: 0px;padding-right: 0px;}
.cg-bx-1 ul{ padding: 0px;}
.cg-lhs{padding: 10px 0px;}
.quick-lnks-wrp{ margin:30px 0px;}
.corporate-gover-wrp{ padding-bottom: 30px;}
.policies-main-wrp{ margin-top:30px;}
.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%;text-align: center;left: 0px;}


.about-bnr{background-image: url(../img/aboutbanner.png);}
.intro-lhs-abt {padding: 0px 0px 0px 0px;}
.about-top-desc-wrp .col-md-6{ padding-right: 0px; padding-left: 0px;}
.intro-lhs-abt h2,.info-desc-wrp h2{ font-size: 24px;line-height: 28px;}
.info-desc-wrp{ padding: 0px 20px;}
.abt-vid-container{ height: 300px;}
.abt-vid-container iframe{ height: 300px;}
.abt-info-bx p{ padding: 0px 0px;}
.abt-info-bx .no{ font-size: 40px; line-height: 40px;}
.mis-vis-lhs {width: 100%;padding-left: 0px;background-image: none;background-position: left top;}
.vis-bx {width: 100%;background-color: #de5146;height: auto;padding: 15px;}
.vis-bx p{ font-size: 24px;}
.mis-vis-rhs { padding: 170px 15px 0px 15px;height: 100%;background-image: url(../img/mission-icn_12.jpg);background-repeat: no-repeat;background-position: center top;border-right: none;}
.best-lhs {width: 100%;float: none;padding: 20px 15px 0px 15px;}
.journey-slider-wrp .swiper-container{ height: 455px;}
.slide-arrw {width: 31.33%;display: inline-block;height: auto;background-image: none; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;line-height: 56px;text-align: center;text-decoration: none;text-transform: uppercase;font-weight: 700;transition: all 0.5s ease;color: #333;font-size: 10px;padding: 0px 0px; background-color: #f5f5f5;}
.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-repeat: no-repeat; background-position: top center; background-size: contain;}
.map-pic img{ display: none;}
.loc-mark{ display: none;}
.start-btn-wrp .col-md-6{ padding-left: 0px; padding-right: 0px;}
.strategic-btn {text-transform: uppercase;color: #646464;text-decoration: none;font-family: "Muli", sans-serif;font-weight: 600;font-size: 12px; width: 100%; height: 54px;display: inline-block;padding: 12px 0px 17px 60px;margin: 20px 0px;}
.start-lhs-wrp h2,.continiuos-innov-wrp .center-ttle,.abt-quality-wrp h2.center-ttle,.abt-innov-rhs h2{ font-size: 24px; line-height: 28px;}
.tl-grid-wrp .col-md-3{ padding-top: 20px;    border-bottom: 1px solid #ccc; text-align: center;}
.tl-grid-wrp p{ padding: 0px 30px; font-size: 18px;}
.abt-innov-rhs {padding: 20px 0px 0px 0px;}
.quality-grid-main .swiper-wrapper{ display: flex;}
.quality-grid-main{ height: 400px;}
.quality-bx{ width: 100% !important; margin:0px 20px!important;}
.quality-pagi{ display: block;}

#invester-relation-inner .card-content1 .dowmload-bt,#invester-relation-inner .annual-box .dowmload-bt {position: relative; top: 0px; }
#invester-relation-inner .annual-box {
    padding: 0px;
    border: solid 1px #e4e4e4;
}
.annual-desc {padding-top: 12px;}

#inner-banner{ margin-top: 65px;}
.tl-grid-wrp .col-md-3{ border-bottom: none !important;}
.innov2-lhs .col-md-6{ padding: 0px 0px;}

#innovation2 .innov2-lhs{ height:auto;}
#innovation2 .innov2-lhs .lhs-r1{ height:auto;}

.sustain-grid-main .com-md-6{ padding-left: 0px; padding-right: 0px;}
.sus-grid-bx{ margin-top: 30px;}
.sus-lft:after,.sus-rgt:after{ display: none;}
.cvr-arww-sus{ background-color: #f5f5f5;}
.grid-arrow-bx h2 {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    height: auto;
    padding: 0px 35px 20px;
    background-color: #f5f5f5;
}

.sus-lft span {
    font-weight: 400;
    color: #000;
    font-size: 40px;
    position: relative;
    top: 0px;
    text-align: center;
    left: 0px;
    z-index: 10;
    display: block;
    padding-top: 20px;
}

.sus-rgt span {
    width: 50px;
    position: relative;
    top: 0px;
    right: 0px;
    display: block;
    z-index: 10;
    text-align: center;
    margin: 0px auto 20px;
    padding-top: 20px;
}


body.no-bnr-page #breadcrumb {
    margin-top: 65px;
}

.overlay-radial-bg{ display: none;}
.main-marker{ display: none;}
.loc-city-cvr{ display: none;}
.contact-map-main,.map-cover{ height:auto;}
.loc-addrs {
    width: 100%;
    height: auto;
    position: relative;
    top: 0px;
    left: 0px;
    transform: translate(0%, 0%);
    z-index: 4;
    transition: all 0.5s ease;
    opacity: 1;
    padding: 20px 20px;
}

.contact-frm-wrp {
    padding: 15px 0px;
}

.contact-grid-cvr{ height: auto; border-radius: 0px; box-shadow: none;}

.corpo-info-form {
    border-radius: 0px;
    position: relative;
    padding: 15px;
}

.corpo-info-form::before{ border-radius: 0px;}

.contact-frm-wrp h1.ttle,.corpo-cvr .ttle{ font-size: 24px;}

.home-bnr-new{    background-image: url(../images/prince-new-mobile-bnr.jpg) !important;}


.re-sqr {
    border: 1px solid #e4e4e4;
    width: 200px;
    margin: 0 auto 30px;
}

.resource-desc-wrp .dowmload-bt {
    position: relative;
    left: 0px;
    bottom: 0px;
}

.resource-desc-wrp h2.ttle{ font-size: 16px;}


#header .top-header{ padding: 0px 0px;}

.sustain-lhs{ padding: 0px 0px 0px 0px;}

.press-bx{  height:auto;}
.press-bx .press-date{position: relative;bottom: 0px;left: 0px;}
.press-bx h2.ttle{ font-size: 18px; line-height: 22px;}
.ppv-wrp {width: 100%;padding: 20px 15px 0px;}
.ppv-wrp .main-ttle{ font-size: 20px;}

video.video-js {
    margin-right: calc((100vw - (100vh * 1.7))/2);
    /* min-height: 100vh; */
    /* min-width: 100vw; */
    width: calc(100vw);
    height: calc(100vh - 54px);
    /* object-fit: fill; */
    object-fit: cover;
}

 


#home-product-range2 .pr-bx-n::after{ background-size: cover;}
.treading-right { margin-top: 30px;}

.inn-sqr-wrp,.inner-sx-sqr{ width: 100%;}

.test-sldr .quote-testi-bx p.ttle{line-height: 18px;padding: 0px 20px; font-size: 13px;}

#news-update .new-box h3 {
    font-size: 15px;
}

#prince-pipes-fittings .pipes-fittings-left-box .fitting-info p{ font-size: 12px;}

.innov-time-line-cvr{ width: 90%;}
.innov-sldr-bx .innpv-desc-bx {
    width: 100%;
    margin: 30px auto 0px;
    padding: 0px 20px;
    text-align: center !important;
}

.innov-desc-lhs {
    text-align: center;
}


.curve-main-wrp .curve-inner-bx{ height: auto;}
.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: 0px;}
.innov-grid-5-wrp .col{flex-basis: inherit;}
.curve-main-wrp .curve-inner-bx .in-bx-grid{ margin-top: 30px;}

.sus-inner-bxs{ padding-left: 15px; padding-right: 15px;}
.annual-pic{padding-top: 15px;}
.annual-desc{ padding-bottom: 15px;}
.latest-update-wrp{padding-left: 15px; padding-right: 15px;}
.unpaid-wrp{padding-left: 15px; padding-right: 15px;}
.side-line-title{ font-size: 18px; padding-top: 0px;}
.general-meetings-wrp .card-content1{padding-left: 15px !important; padding-right: 15px !important;}
.flw-bx{ display: none;}

.footer-open{ display: block; padding: 0px 0px; text-align: center;}
.footer-open a{color: #222;
    text-transform: uppercase;
    padding: 15px 0px 15px;
    display: block; position: relative;}

    .footer-open a::before{    content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 20px;
        border-color: transparent transparent #f1f1f1 transparent;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -15px;}

    .back-link{ display: block !important;}       
    ul.navbar-nav li.dropdown .corporate-overview-drop{ left: -100%;display: block !important;}   
    ul.navbar-nav li.dropdown .opner{ left: 0%;}

    ul.nav li.nav-item a{ background-image: none;}
    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;}
    .no-desk{ display: block !important;}

    .ir-common-ttle {font-size: 32px;  }
    .ir-key-grid-cvr {border-top: none;margin-top: 30px;}
    .ir-key-bx {margin-top: 0px;padding-top: 10px; border-top: 1px solid #7d7d7d;}
    .ir-key-bx h6 span{padding: 0px 0px 0px 0px;}
    .ir-bse-wrp{ background-image: none; height: auto; background-color: #f1f1f1;}
    .bse-desc-wrp {padding: 15px 0px;margin: 15px 0px;border-left: none;border-right: none;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
    .ir-bse-wrp{ padding: 25px 0px;}
    .fr-bx a .fr-lhs{padding: 10px 20px;}
    .fr-bx a .fr-rhs h2{ font-size: 24px;}
    .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-ar-rhs{padding: 20px 0px 0px 0px;}
    .ir-pr-highlight-bx{ width: 100%; height: 100%; display: none;}
    .ir-pr-sldr{ padding-left: 0px !important;}
    .ir-pr-prev{ left: 39%;}
    .ir-pr-next{ right: 39%;}
    .ir-pr-sldr{overflow: hidden !important;}
    .ir-pr-wrp {width: 100%;height: auto;position: relative;padding-top: 30px; overflow-x: hidden; padding-left: 15px;padding-right: 15px; padding-bottom: 20px;}
    
    .gm-sldr-sqr {margin-top: 20px;padding: 0px 15px;}
    .gm-bx {width: 100%;height: 300px;padding: 20px;background-image: none;border: 2px solid #fff;}
    .gm-bx h2{ font-size: 24px;}
    .gm-bx .dowmload-bt {position: absolute;bottom: 20px;left: 20px;}
    .gm-pagi {bottom: -10px;}
    .ir-invest-lhs .tab_content {padding: 0px 0px 30px;}
    .ir-invest-rhs{ margin-top: 30px;}
    .ir-invest-sqr {padding-right: 0px;padding-left: 0px;}

    .capital-next,.capital-prev{ display: block !important; width: 28px !important; height: 28px !important; background-size: 10px; background-color: #fff; outline-style: none; outline:  none; 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); background-repeat: no-repeat; background-position: center; opacity: 1 !important;}
    .capital-prev{ background-image: url(../images/kpi-prev.png); background-repeat: no-repeat; background-position: center;opacity: 1 !important;left: initial;right: 40px;}
    .capitals-wrp{ padding: 20px 0px;    height: 530px;}
    .capitals-wrp .capital-temp-bx{ margin-top: 0px;}

    .standard-tbl{ width: 100%; overflow-x: auto;}
    .section.portfolio .filters-content .item img {width: 70%;margin: 0 auto; display: block;}
    .dd-sqr::before{ display: none;}

    #inner-banner.innovation-bnr{background-image: url(../images/innov-mobile.jpg);
        background-repeat: no-repeat;
        background-position:top center;
        background-size: cover;}

        #inner-banner.innovation-bnr .banner-caption-wrp{ display: block;}

        /* #myCarousel .carousel-control-prev{ display: none;}
        #myCarousel .carousel-control-next{ display: none;} */

        .p-policy{padding-left: 15px; padding-right: 15px;}
      
        #home-treading .trend-pic-bx img {position: relative; }

        #home-treading .treading-right.pipe2 {background-size: 120px;}

        .navbar-brand img.logo2 {
            height: auto !important;
            transition: all 0.5s ease;
        }

        #home-product-range2 .swiper-filter2{ font-size: 15px;}
        #tool-resources a .tool-resources-box h4{ font-size: 15px;}

        .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: 0.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-bg-bx{ background-image: 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 0px;}
        .cittl-wrp{ height: 600px;}
        .cittl-wrp .cittl-sldr{ height: 600px;}
        .cittl-wrp .cittl-sldr .cille-sqr{ padding: 20px;}
        .cittl-wrp .cittl-sldr h2{ font-size: 28px; line-height: 32px; margin-top: 20px; margin-bottom: 20px;}
        .mob-no-marg .col-md-6{ padding-left:0px; padding-right: 0px;}
        .curve-cont-wrp .spacer-curve{ height: 0px;}
        .curve-cont-wrp .curve-red-pk-bx{padding: 20px 30px 20px; height: auto; margin-bottom: 20px;}
        .pic-curve-bx{ margin-bottom: 20px;}
        .curve-dsc-bx{ margin-bottom: 20px;}
        .mob-yes-h{ height: 20px !important;}
        .patent-products-wrp .center-ttle{ font-size: 24px; line-height: 28px;}
        .pp-bx-vc{ text-align: center; 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;}
        .curve-cont-wrp .h-190 {height: auto;}
        .cittl-wrp .cittl-sldr h2 span {display: inline-block;}

        .treading-left-box .col-md-6{ padding-left: 0px;}
        #home-treading .treading-left .treading-quality-box h6{padding-left: 35px;font-size: 11px;}

        .sec-ttle{ font-size: 22px;}
        .bod-name{ font-size: 20px;}
        .bod-desig{ font-size: 14px; line-height: 1.3;}

        .pop-pipes .modal-body {
            border: 2px solid #000;
            border-radius: 0px;
            padding: 15px;
        }

        .pop-pipes .close{    position: absolute;
            z-index: 10;
            right: 15px;}

            .pop-pipes .col-md-4{ padding-left: 0px; padding-right: 0px;}
            .pop-pipes .col-md-8{ padding-left: 0px; padding-right: 0px;}
            .pop-ttle{ font-size: 20px; line-height: 1.3;}


            .dd-sqr{ text-align: center;}
            .dd-desc-bx{ padding-bottom: 20px;}
            .dd-bx-main {
                padding: 0px 0px;
            }
            .pos-green img {
                float: none;
                margin-bottom: 20px;
                margin-top: 20px;
            }
            .pos-red img {
                float: none;
                margin-bottom: 20px;
                margin-top: 20px;
            }

            .pos-red {
                padding-left: 0px;
            }
            .dd-bx-main {
                padding: 20px 0px 0px;
                border-top: 1px solid #e4e4e4;
            }

            .dd-sqr {
                min-height: auto;
                position: relative;
                padding-top: 0px;
                padding-bottom: 0px;
                text-align: center;
            }
            .pos-green {
                padding-right: 0px;
            }
            .dd-bx-main .ttle{ font-size: 20px;}

            .under-logo-desc h2{ font-size: 20px;}
            .under-logo-desc{ width: 300px;}

            #tool-resources a .tool-resources-box{ margin-top: 0px;}
            .swiper-tool-resources{ margin-top: 30px !important;}

            #news-update .common-container{ padding-top: 0px;}
            
            #news-update .news-mid {
                padding-top: 20px;
            }

            #news-update .news-mid .biger-font{ margin-bottom: 20px;}

            #news-update .new-left {
                padding: 20px 0px;
            }

            #news-update .new-left .stock-market {
                margin-top: 0px;
            }

            .tvc-ttle{ margin-top: 20px;}
.mis-vis-rhs h1.ttle{text-align:left;}

.sus-griha-bx{background-position: top 20px center;}
.sus-griha-bx a.cvr-cta{padding: 100px 0px 0px 0px;
    display: block;
    margin-top: 0px;
    text-align: center;}

    #home-treading #temp-card {width: 100%;height: auto; background-image: none;}
    #home-treading #temp-card img{ display: block;}

}