@media only screen and (min-width:1921px) {
    .leftslidercol img { width: 100%; }
    .imgsmthumb { width: 290px; }
    .vidpopoimg { width: 100%; }
    .slider-wrapper { height: 750px; }
    .imgcarprd { height: 650px; }
}
@media only screen and (min-width:1199px) {

    /**/
    :root { --muted: rgba(255, 253, 226, 0.28); --card-gap: 3.2rem; }
    .fa-team-section { position: relative; }
    .fa-team-cards { position: absolute; left: 50%; top: 45.5%; transform: translate(-50%, -50%); z-index: 5; height: 488px; width: 488px; }
    .fa-team-pin { position: sticky; top: 0; width: 100%; height: 100vh; overflow: hidden; }
    .fa-team-pin { padding-left: calc(((100% - 1536px) - 0px) / 2); padding-right: calc(((100% - 1536px) - 0px) / 2) }
    .fa-team-counter { position: absolute; left: 0px; bottom: 0px; z-index: 15; user-select: none; pointer-events: none; }
    .fa-team-copy { position: absolute; right: 0px; top: 15%; width: 20%; z-index: 12; }
    .fa-team-paragraph { position: absolute; inset: 0; margin: 0; opacity: 0; transform: translateY(-24px); filter: blur(12px); transition: opacity 1.6s cubic-bezier(.22, 1, .36, 1), transform 1.6s cubic-bezier(.22, 1, .36, 1), filter 1.6s cubic-bezier(.22, 1, .36, 1); pointer-events: none; will-change: transform, opacity, filter; }
    .fa-team-paragraph.is-active { opacity: 1; transform: translateY(0); filter: blur(0); pointer-events: auto; }
    .fa-team-stage { position: relative; width: 100%; height: 100%; --card-v: 0px; }
    .fa-team-card { opacity: 0 !important; --rel-pos: 0; --offset-step: calc(100% + var(--card-gap)); position: absolute; inset: 0; transform: translate(calc(var(--rel-pos) * var(--offset-step)), calc(var(--rel-pos) * var(--offset-step))); transition: opacity 0.45s ease, filter 0.45s ease; opacity: 0.3; filter: grayscale(100%); overflow: hidden; backface-visibility: hidden; }
    .fa-team-card.is-active { opacity: 1 !important; filter: grayscale(0%); }
    .fa-team-card img { width: 100%; height: 100%; object-fit: cover; transform: translate(var(--card-v), var(--card-v)) scale(1.06); will-change: transform; user-select: none; -webkit-user-drag: none; pointer-events: none; }
    .fa-team-section-mobile-slide { display: none; }
    .fa-team-copy h4 { margin-bottom: 50px; }
    .tss-guides-item:hover { color: #fff; }
    .tss-guides-item:hover::after { transform: scale(35); opacity: 1; }
    .tss-guides-item:hover .tss-guides-number { opacity: 0; transform: translateY(-10px); transition-delay: 0.24s; }
    .tss-guides-item:hover .tss-guides-title { transform: translateY(-115px); transition-delay: 0.24s; }
    .tss-guides-item:hover .tss-guides-content p { opacity: 1; transform: translateY(0); transition-delay: 0.32s; }
    .tss-guides-item:hover .tss-guides-icon { opacity: 1; transform: scale(1); transition-delay: 0.40s; }
    .tss-guides-number { position: absolute; top: 40px; left: 40px; z-index: 2; opacity: 1; transform: translateY(0); transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
    .tss-guides-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
    .tss-guides-title { position: absolute; left: 40px; bottom: 40px; z-index: 2; margin: 0; color: inherit; opacity: 1; transform: translateY(0); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
    .tss-guides-content p { position: absolute; left: 40px; right: 120px; bottom: 40px; z-index: 2; margin: 0; opacity: 0; transform: translateY(15px); transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
    .tss-guides-icon { position: absolute; right: 40px; bottom: 40px; width: 100px; height: 100px; z-index: 3; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.85); transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
    .tss-guides-icon img { display: block; max-width: 100%; height: auto; }
    .pd-acoustic-content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #fff; padding: 30px; opacity: 0; visibility: hidden; z-index: 5; transform: translateY(20px); transition: opacity 0.4s ease 0.4s, transform 0.5s ease 0.4s, visibility 0s linear 0.8s; }
    .pd-ci-item-in::after { width: 50px; height: 50px; position: absolute; border-radius: 100%; z-index: 1; background-color: #231069; content: ""; left: 0; bottom: 0; opacity: 0; transition: width 0.45s ease, height 0.45s ease, transform 0.45s ease, opacity 0.45s ease; }
    .pd-ci-item-in:hover::after { width: 100%; height: 100%; transform: scale(5); opacity: 1; }
    .pd-ci-item-in:hover .pd-acoustic-content { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 0.4s ease 0.4s, transform 0.5s ease 0.4s, visibility 0s linear 0.4s; }

    /* Hover out - text goes first */
    .pd-ci-item-in:not(:hover) .pd-acoustic-content { opacity: 0; visibility: hidden; transform: translateY(15px); transition: opacity 0.25s ease, transform 0.3s ease, visibility 0s linear 0.25s; }

    /* BG goes after text */
    .pd-ci-item-in:not(:hover)::after { transition: width 0.45s ease 0.25s, height 0.45s ease 0.25s, transform 0.45s ease 0.25s, opacity 0.45s ease 0.25s; }
}
@media only screen and (min-width:1681px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1770px) {
    .tss-systems-img { margin-left: -150px; }
}
@media only screen and (max-width:1680px) {
    .tss-systems-img { margin-left: -220px; }
    .tooltipcustom{font-size:20px;}
}
@media only screen and (max-width:1599px) {
    body { font-size: 20px; line-height: 28px; }
    .mb-250, .mb-230 { margin-bottom: 150px; }
    .mb-180 { margin-bottom: 100px; }
    .pb-250 { padding-bottom: 150px; }
    .pt-250 { padding-top: 150px; }
    .mb-150 { margin-bottom: 100px; }
    .t150 { font-size: 100px; }
    h1, .th1, h2, .th2, .counteritems span { font-size: 70px; }
    h3, .th3 { font-size: 60px; }
    h4, .th4, .t50 { font-size: 40px; }
    h5 { font-size: 30px; }
    .t36 { font-size: 30px; }
    .pr-100 { padding-right: 50px; }
    .pl-100 { padding-left: 50px; }
    .navheader { padding: 30px 50px; }
    .productlist { padding: 0px 50px; }
    .productlist .row { margin: 0px -50px; }
    .productlist .row [class*="col-"] { padding: 0px 50px; }
    .prtitle { padding: 30px; width: 100%; }
    .productitem .btn-circle { left: 30px; bottom: 30px; }
    .productlist .row [class*="col-"] { margin-bottom: 70px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 1), .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 5), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 2), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 4) { margin-top: 100px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 3) { margin-top: 150px; }
    .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 1) { margin-top: -70px; }
    .slider-wrapper { padding: 0px 50px; }
    .prjcarditem { width: 55%; }
    .imgcarprd { height: 500px; }
    .slider-wrapper { height: 580px; }
    .rightcolslide { padding-left: 70px; padding-top: 100px; padding-bottom: 100px; }
    .mainfooter { padding-top: 100px; font-size: 18px; }
    .playiconbtn { width: 200px; }
    .clintlogo { min-height: 220px; padding: 30px; }
    .has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html { max-width: 990px; max-height: 560px; }
    .imgcarprd { margin-bottom: 20px; }
    .imgcapcard { padding: 0px  30px 30px; }
    .navmenu>ul>li>a { font-size: 40px; }
    .menulogocol h2 { font-size: 60px; }
    .pagetopoffset { padding-top: 180px; }
    .blogitemrow > [class*="col-"]:nth-child(4n + 3) .blogimglist a { height: 425px; }
    .blogitemrow > [class*="col-"]:nth-child(4n + 3) { margin-top: 60px; }
    .blogdetailrow .datecol { font-size: 24px; }
    .blogdetailcontent h2 { font-size: 50px; }
    .blogdetailcontent h3 { font-size: 36px; }
    .blogdetailcontent h4, .blogdetailcontent h5 { font-size: 24px; letter-spacing: -1px; }
    .left-padding { padding-left: calc(((100% - 1296px) - 30px) / 2); }
    .marqeetopabs { top: 100px; }
    .tss-systems-img { margin-left: -150px; }
    .tooltipcustom, .tooltip-text, .pp-certifications-content{font-size:18px;}
    .pp-certifications-content{font-size:17px;letter-spacing:-1px;}

/*rk*/ }
@media only screen and (max-width:1440px) {
    .mb-100 { margin-bottom: 60px; }
    h1, .th1, h2, .th2, .counteritems span { font-size: 60px; }
    h3, .th3 { font-size: 50px; }
    h4, .th4, .t50 { font-size: 36px; }
    .split-word .char-mask { padding-bottom: 5px; }
    .slider-wrapper { height: 530px; }
    .imgcarprd { height: 450px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 3) { margin-top: 100px; }
    .rightcolslide { padding-left: 50px; padding-top: 70px; padding-bottom: 70px; }
    .textslide  img { max-height: 220px; }
    .textslide { padding: 30px; }
    .has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html { max-width: 850px; max-height: 480px; }
    .quoteicn { left: 30px; }
    .mainfooter { font-size: 16px; }
    .imgsmthumb { width: 200px; }
    .icnline { width: 20px; }
    .counteritems { margin-bottom: 30px; padding-bottom: 30px; }
    .expertise-item { margin-bottom: 30px; padding-bottom: 10px; }
    .blogdetailcontent { padding-right: 110px; }
    .careersfrm { padding: 50px; }
    .caredetailcol { padding: 50px; }
    .careersidebar  .mb-50 { margin-bottom: 30px; }
    .careersidebar  .closeBtn { right: 30px; top: 30px; }
    .careersidebar h3 { font-size: 36px; letter-spacing: -1px; }

    /*rk*/
    .pd-otherproduct .slick-slider, .pd-options .slick-slider, .pd-pattern  .slick-slider, .sliderarrow.slick-slider, .pp-banner-slider.slick-slider, .pp-acoustics-slider.slick-slider, .pp-certifications-slider, .pd-download-catalogues-slider, .pd-acoustic-slider { margin-left: 30px; margin-right: 30px; }
    .pp-banner-content h4 { margin-left: 30px; }
    .btn-outline { padding: 20px 0px; }
    .marqueetrackstop a { margin-right: 12px; min-width: 280px; }
    .v-mission-content-left h2 span { padding-right: 10px; padding-top: 10px; }
    .t250 { font-size: 150px; letter-spacing: 0px; }
    .fa-team-pin { padding-left: calc(((100% - 1320px) - 0px) / 2); padding-right: calc(((100% - 1320px) - 0px) / 2); }
    .fa-team-copy h4 { margin-bottom: 20px; }
    .pd-component-right-img { margin-top: 50px; }
    .tss-systems-img { margin-left: -70px; }
    .pp-banner-item-icon { margin-top: 30px; }
    .safetycol { padding: 25px; }
    .pp-standards-item { padding: 30px 0px; }
    .tooltipcustom { margin: 5px 15px; }
    .product-details-vector img { max-width: 288px; }
    .product-details-vector { bottom: -90px; }
    .pd-tab-item-title { padding: 12px; color: #444444; }
    .pd-acoustic-content { font-size: 18px; padding: 15px; }
    .pd-tabrow li.nav-item + li { margin-left: 40px; }
   

}
@media only screen and (max-width:1366px) {
    .left-padding { padding-left: calc(((100% - 1110px) - 30px) / 2); }
    .fa-team-pin { padding-left: calc(((100% - 1110px) - 0px) / 2); padding-right: calc(((100% - 1110px) - 0px) / 2); }
    .pd-otherproduct .slick-slider, .pd-options .slick-slider, .pd-pattern  .slick-slider, .sliderarrow.slick-slider, .pp-banner-slider.slick-slider, .pp-acoustics-slider.slick-slider, .pp-certifications-slider, .pd-download-catalogues-slider, .pd-acoustic-slider { margin-left: 0px; margin-right: 0px; }
    .tss-systems-img { margin-left: -120px; }

/*rk*/ }
@media only screen and (max-width:1280px) {
    .pd-otherproduct .slick-slider, .pd-options .slick-slider, .pd-pattern  .slick-slider, .sliderarrow.slick-slider, .pp-banner-slider.slick-slider, .pp-acoustics-slider.slick-slider, .pp-certifications-slider, .pd-download-catalogues-slider, .pd-acoustic-slider { margin-left: 20px; margin-right: 20px; }

/*rk*/ }
@media only screen and (max-width:1200px) {
    .left-padding { padding-left: calc(((100% - 960px) - 30px) / 2); }
    .fa-team-pin { padding-left: calc(((100% - 960px) - 0px) / 2); padding-right: calc(((100% - 960px) - 0px) / 2); }
    .t150 .split-word .char-mask { padding-right: 3px; }
    .mb-150 { margin-bottom: 70px; }
    .t150 { font-size: 80px; letter-spacing: -5px; }
    h1, .th1, h2, .th2 { margin-bottom: 20px; }
    h1, .th1, h2, .th2, .counteritems span { font-size: 50px; letter-spacing: -3px; }
    h3, .th3 { font-size: 36px; letter-spacing: -2px; }
    h4, .th4, .t50 { font-size: 30px; }
    h5 { font-size: 24px; }
    .t36 { font-size: 24px; }
    .mb-250, .mb-230 { margin-bottom: 100px; }
    .mb-180 { margin-bottom: 50px; }
    .pt-250 { padding-top: 100px; }
    .pb-250 { padding-bottom: 100px; }
    .pb-150 { padding-bottom: 75px; }
    .mb-100 { margin-bottom: 50px; }
    .btn-theme { padding: 10px 20px; font-size: 16px; }
    .navbtn { width: 40px; height: 40px; margin-left: 20px; }
    .textelementcounter  .mb-50 { margin-bottom: 30px; }
    .colParallax { transform: translateY(50px); }
    .productlist .row [class*="col-"] { padding: 0px 20px; margin-bottom: 50px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 1), .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 5), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 2), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 4) { margin-top: 50px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 3) { margin-top: 100px; }
    .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 1) { margin-top: -50px; }
    .productlist .row { margin: 0px -20px; }
    .wepromodernstyle { padding: 100px 0px 0px; height: inherit; }
    .solutionrow { padding-bottom: 0px; }
    .rightcolslide { padding: 30px 12px 30px 30px; }
    .clintlogo { min-height: inherit; }
    .clintlogo img { height: 50px; }
    .prjcarditem { width: 54%; }
    .stickygraybg { background-color: #F5F5F5; }
    .calltocation .btn-circle { opacity: 1; position: relative; top: 0px; left: 0px; transform: none; width: 50px; height: 50px; background-size: 14px; }
    .capablitysrow { position: relative; top: 0%; transform: none; display: inline-block; vertical-align: top; width: 100%; clip-path: none }
    .solutionrow .h-spacer { display: none; }
    .capcontent { display: inline-block; }
    .capabliticol::before { background-color: rgba(0, 0, 0, 0.4); }
    .imgcarprd { height: 350px; }
    .slider-wrapper { height: 410px; }
    .mainfooter h4 { margin-bottom: 20px; }
    .mainfooter { padding-top: 60px; }
    .calltocation h2 { margin-bottom: 20px; }
    .imgsmthumb { right: 30px; bottom: 30px; }
    .menulogocol { padding: 50px 30px 30px; }
    .menulogocol h2 { font-size: 50px; }
    .navmenu>ul>li { margin-bottom: 25px; }
    .navmenu>ul>li>a { font-size: 40px; }
    .navmenu { padding: 50px 30px 30px; }
    .closeBtn { right: 30px; top: 30px; }
    .menubottom a { font-size: 20px; }
    .menubottom { padding: 0px 30px; }
    .menuoffcanvas { Background-color: #fff; }
    .slide-arrow { width: 40px; height: 40px; }
    .controls { display: none; }
    .video-stage { display: none; }
    .hmheroelement { height: initial; margin-bottom: 70px; }
    .heromobilesection { display: inline-block; }
    .hmheroelement  .heromobilesection { display: block; padding-top: 70px }
    .homeheader { top: 0px; }
    .textelementcounter  .t150 { font-size: 60px; }
    .pagetopoffset { padding-top: 150px; }
    .productcanvasrow { height: initial; }
    .blogitemrow > [class*="col-"]:nth-child(4n + 3) .blogimglist a { height: 340px; }
    .bloglistcontent .t30 { font-size: 24px; }
    .category-list ul li a, .category-list ul li:before { font-size: 24px; }
    .blogdetailcontent { padding-right: 50px; }
    .marqeetopabs { top: 50px; }
    .team-card img { max-width: 410px; max-height: 500px; }
    .imgleftcontentrow { padding: 0px 50px; }
    .textcolumnrow .mb-200 { margin-bottom: 80px; }
    .textcolumnrow .row [class*="col-"] { display: flex; flex-direction: column; justify-content: space-between; }
    .numbercol { width: 10%; }
    .expcol { width: 40%; }
    .postvacancy { width: 50%; }

    /*rk*/
    .pd-pattern .slick-dotted.slick-slider { margin-bottom: 50px; }
    .pd-perform-title { position: static; }
    .pd-perform-item { padding-bottom: 20px; padding-top: 20px; }
    .pd-designedmore-img { margin-bottom: 50px; }
    .pd-designedmore-item { padding: 20px; }
    .table-note { flex-wrap: wrap; }
    .table-note p:first-child { margin-bottom: 5px; }
    .pd-component-right-img { text-align: center; }
    .mb-50.titleanim { margin-bottom: 20px; }
    .pd-options-note { margin-top: 50px; }
    .pd-otherproduct .slick-slider, .pd-options .slick-slider, .pd-pattern  .slick-slider, .sliderarrow.slick-slider, .pp-banner-slider.slick-slider, .pp-acoustics-slider.slick-slider, .pp-certifications-slider, .pd-download-catalogues-slider, .pd-acoustic-slider { margin-left: 0px; margin-right: 0px; }
    .navheader { padding: 30px 35px; }
    .pp-banner-content h4 { margin-left: 0px; }
    .pl-100 { padding-left: 36px; }
    .pr-100 { padding-right: 36px; }
    .marqueetrackstop a { margin-right: 15px; min-width: 220px; }
    .btn-outline { padding: 15px 0px; }
    .pd-perform-title h4 span { display: inline-flex !important; }
    .tv-people .mb-100 { margin-bottom: 50px; }
    .tv-people-content { padding-bottom: 0px; }
    .tv-people .mb0 { margin-bottom: 10px; }
    .tv-people-top.mb-50 { margin-bottom: 30px; }
    .tv-people .slick-dots { bottom: -40px; }
    .v-mission-content-left h2 span { font-size: 20px; }
    section.tv-creating .row { display: flex; gap: 15px; }
    .pc-banner-canvas { margin-top: 0px; opacity: 1; }
    .pc-banner-top { position: static; margin-bottom: 50px; }
    .pcbannermobilesection { display: block; }
    .pc-banner-canvas { height: auto; }
    .fa-team-title { position: static; padding-bottom: 20px; }
    .fa-team-copy { display: none; }
    article.fa-team-card { display: none; }
    .fa-team-counter { display: none; }
    .fa-team-section { min-height: auto; }
    .fa-team-section-mobile-slide-wrap { padding: 0px 12px; }
    .fa-team-section .fa-team-cards { margin: 0px -12px 50px; }
    .fa-team-section-mobile-slide img { margin-bottom: 20px; }
    .fa-team-section .slick-dots { bottom: -40px; }
    .pd-component-left { position: static; }
    .tss-develop-content { padding: 30px; }
    .tss-systems-img { margin-left: -50px; }
    .tss-guides-icon svg path { stroke: #231069; }
    .tss-guides-item { display: flex; flex-direction: column; }
    .tss-guides-content { order: 1; }
    .tss-guides-number { order: 0; }
    .tss-guides-content p { margin-bottom: 0px; }
    .tss-guides-item { min-height: 100%; padding: 30px; }
    .tss-guides-icon { padding: 20px 0px; }
    .pp-banner-content { margin-bottom: 50px; }
    .pp-banner .slick-dots li.slick-active button:before, .pp-banner .slick-dots li button:hover:before { opacity: 1; background-color: #fff; }
    .pp-banner .slick-dots li button:before { opacity: 0.7; background-color: #fff; }
    .pp-certifications-slider.mb-150 { margin-bottom: 100px; }
    .projectlist-item-content h5.t30 { font-size: 24px; }
    .projectlisting-row .gallery.mb-70 { margin-bottom: 30px; }
    .projectlist-item-img { margin-bottom: 20px; }
    .projectlist-item-content h5 { margin-bottom: 10px; }
    .projectlsitinghero-title .mb-100 { margin-bottom: 30px; }
    .pd-tabrow li.nav-item + li { margin-left: 20px; }
    .pd-download-catalogues .slick-dots { bottom: -40px; }
    .pd-tab-item { width: calc(33.33% - 24px); }
    .pd-acoustic-title h5.t30 { font-size: 24px; }
    .pd-acoustic-content { background: #231069; }
    .pd-acoustic-content { color: #fff; }
    .pd-range-wrap { padding: 50px 0px; }
    .pd-tabrow-right ul { top: 80px; }
    .ppstandardsitem-content{display: flex; flex-wrap: wrap;}
    .tooltipcustom{width: 33.33%;margin:0px;padding:0px 12px 20px;}
    .stdtip{display: block;}
    .tooltip-text{opacity: 1;position: relative;display: block;top: 0px;left: 0px;width: 100%;transform:none;text-align:left;min-width: inherit;}
    
   
}
@media only screen and (max-width:992px) {
    .t150 { font-size: 70px; }
    h1, .th1, h2, .th2, .counteritems span, .blogdetailcontent h2 { font-size: 40px; letter-spacing: -2px; }
    h3, .th3 { font-size: 36px; }
    .t30 { font-size: 24px; }
    .mb-50 { margin-bottom: 30px; }
    .productlist { padding: 0px 30px; }
    .productlist .row { margin: 0px -12px; }
    .productlist .row [class*="col-"] { padding: 0px 12px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 1), .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 5), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 2), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 4) { margin-top: 50px; }
    .rightcolslide { padding: 0px 12px; }
    .imgcapcard { position: relative; color: #444; padding: 15px 0px 0px; }
    .imgcapcard h3 { color: #231069; }
    .capabliticol::before { display: none; }
    .imgcarprd { height: 250px; }
    .slider-wrapper { height: 330px; }
    .footermenucol { grid-template-columns: 1fr }
    .imgsmthumb { width: 150px; right: 20px; bottom: 20px; }
    .menubottom { flex-direction: column; align-items: flex-start; gap: 15px }
    .blogitemrow > [class*="col-"]:nth-child(4n + 3) { margin-top: 0px; }
    .blogitemrow > [class*="col-"]:nth-child(4n + 3) .blogimglist a { height: inherit; }
    .category-list ul li a, .category-list ul li:before { font-size: 20px; }
    .left-padding { padding-left: calc(((100% - 700px) - 30px) / 2); }
    .blogdetailcontent h3 { font-size: 30px; letter-spacing: -1px; }
    .blogdetailcontent { padding-right: 30px; }
    .marqeetopabs { top: 30px; }
    .contactinfotop .mb-40 { margin-bottom: 20px; }
    .imgleftcontentrow { padding: 0px 38px; }
    .careersfrm { width: 50%; }
    .caredetailcol { width: 50%; }
    .fa-team-pin { padding-left: 40px; padding-right: 40px; }
    .tss-systems-img { margin-left: 0px; }
    .tss-whatmeets .row [class*="col-"] + [class*="col-"] { margin-top: 50px; }
    .tss-systems-img { margin-bottom: 30px; }
    .tss-project-img { margin-bottom: 30px; }
    .pp-banner-height, .pp-banner-img, .pp-banner-wrap, .pp-banner-img-wrap { height: 550px; }
    .pp-banner-title { padding-top: 50px; }
    .ppstandardsitem-title { margin-bottom: 15px; }
    .pp-standards-title h2 { margin-bottom: 0px; }
    .ppstandardsitem-content { display: flex; flex-wrap: wrap; margin: 0px -10px; }
    .product-details-vector img { max-width: 170px; }
    .product-details-vector { bottom: -60px; }
    .pd-tabrow-left { position: static; margin-bottom: 0px; }
    .pd-banner-content.mb-100 { margin-bottom: 30px; }
    .pd-tabrow-right ul { top: 80px; }
    .tooltipcustom{width:50%;}

/*rk*/ }
@media only screen and (max-width:767px) {
    .navheader, .mainheader.sticky .navheader { padding: 15px 20px; }
    .btn-theme { padding: 12px 15px; font-size: 14px; }
    .navbtn { margin-left: 10px; }
    .mainheader .logo img { max-width: 100px; }
    body { font-size: 18px; line-height: 26px; }
    h1, .th1, h2, .th2, .counteritems span, .blogdetailcontent h2 { font-size: 30px; letter-spacing: -1px; }
    h3, .th3 { font-size: 30px; }
    h4, .th4, .t50, .blogdetailcontent h3 { font-size: 24px; }
    .pl-100 { padding-left: 20px; }
    .pr-100 { padding-right: 20px; }
    .mb-250, .mb-230 { margin-bottom: 70px; }
    .pb-250 { padding-bottom: 70px; }
    .pt-250 { padding-top: 70px; }
    .mb-100 { margin-bottom: 30px; }
    .t150 { font-size: 36px; letter-spacing: 0px; padding-right: 0px }
    .t36 { font-size: 20px; }
    .container { padding: 0px 20px; }
    .expertise-item { margin-bottom: 20px; padding-bottom: 0px; }
    .expertise-item .content { padding-left: 0px; margin-bottom: 20px; padding-bottom: 0px; }
    .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 3), .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 1), .productlist .row:nth-child(odd) [class*="col-"]:nth-of-type(5n + 5), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 2), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 1), .productlist .row:nth-child(even) [class*="col-"]:nth-of-type(5n + 4) { margin-top: 0px; }
    .productlist .row [class*="col-"] { margin-bottom: 30px; }
    .slider-wrapper { padding: 0px 20px; }
    .imgcarprd { height: 180px; }
    .prdexprow .row { flex-direction: column-reverse; }
    .navslidercol { padding-bottom: 20px; }
    .titletipexp { margin: 0px 0px 30px; }
    .titletipexp h2 { margin-bottom: 0px; }
    .navslidercol .slick-slide { padding: 0px 5px; }
    .navslidercol .slider-nav { margin: 0px -5px; }
    .playiconbtn { width: 150px; }
    .playicn { width: 70px; height: 70px; background-size: 70px; }
    .clintlogo { max-width: 150px; min-height: inherit; padding: 15px; }
    .clintlogo img { height: initial; }
    .mainfooter  .mb-150 { margin-bottom: 30px; }
    .slider-wrapper { height: 220px; }
    .testislider { margin: 0px -5px; }
    .split-word .char-mask { padding-bottom: 3px; padding-right: 0px; }
    .testislider .slick-slide { padding: 0px 5px; }
    .productlist { padding: 0px 20px; }
    .prtitle .t36 { font-size: 24px; }
    .productitem .btn-circle { left: 30px; bottom: 30px; opacity: 1; transform: none; }
    .productserow.mb-150 { margin-bottom: 30px; }
    h2 br { display: none; }
    .slider-caption h4 { font-size: 20px; }
    .controls { display: none; }
    .t150 .split-word .char-mask { padding-right: 0px; }
    .catsliderpro { margin: 0px -12px; }
    .colParallax { transform: translateY(50px); }
    .menugridrow { flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
    .navmenu, .menulogocol { width: 100%; flex: 1; display: flex; align-items: flex-start; transition: all 0.3s ease; }
    .navmenu { flex: 7; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
    .menulogocol { padding-top: 70px }
    .menubottom { position: relative; width: 100%; bottom: 0px; padding: 0px; margin-top: 30px; }
    .menulogocol h2 { font-size: 30px; margin-bottom: 0px; }
    .closeBtn::before, .closeBtn::after { background-color: #231069; }
    .navmenu>ul>li>a { font-size: 30px; }
    .submenu-toggle { margin-top: 0px; }
    .submenu-arrow-icon { width: 24px; height: 20px; background-size: 24px; }
    .closeBtn { right: 20px; top: 20px; }
    .textelementcounter  .t150 { font-size: 36px; margin-bottom: 0px; }
    .mainheader  .btn-theme { display: none; }
    .navmenu>ul>li:last-child { display: block; }
    .wepromodernstyle { padding: 70px 0px 0px; }
    .quoteicn { margin-bottom: 30px; }
    .mainfooter { font-size: 18px; }
    .footmenulink ul li { margin-bottom: 10px; }
    .pagetopoffset { padding-top: 100px; }
    .blogtitlerow .row [class*="col-"]:first-child { margin-bottom: 20px; }
    .categoryrow { flex-direction: column-reverse; }
    .category-list { width: 100%; }
    .categorybtn { width: 100%; text-align: left; }
    .category-list ul { padding-top: 20px; }
    .category-list ul li { padding: 5px 0px; margin-right: 10px; }
    .category-list ul li:before { margin-right: 10px; }
    .blogdetailrow { padding-right: 20px; padding-left: 20px; }
    .blogdatsticky { position: static; top: 0px; }
    .blogdetailcontent h4, .blogdetailcontent h5 { font-size: 20px; }
    .blogdetailcontent { padding-right: 0px; }
    .blogdetailcontent img { margin: 0px; }
    .blogdetailnav { margin-top: 10px; }
    .otherblogrow .row [class*="col-"]:first-child, .contactinfotop .row [class*="col-"]:first-child { margin-bottom: 30px; }
    .contactinfotop .row .mb-50 { margin-bottom: 0px; }
    .bullet-list ul li:before { top: 6px; }
    .marqueetrack { gap: 20px; }
    .marqeetopabs { position: relative; top: 0px; margin-bottom: 25px; }
    .newsitemsrow > [class*="col-"]:nth-child(4n + 4), .newsitemsrow > [class*="col-"]:nth-child(4n + 1) { margin-top: 0px; }
    .newslistinrow .paginav { justify-content: flex-start; }
    .careersidebar { flex-wrap: wrap; overflow: auto; }
    .caredetailcol, .careersfrm { width: 100%; height: initial; }
    .caredetailcol { padding: 50px 20px 30px; }
    .careersfrm { padding: 30px 20px 50px; }
    .careersidebar  .closeBtn { right: 20px; top: 20px; }
    .careervacancy { flex-wrap: wrap; padding: 20px 0px; }
    .postvacancy { width: 100%; margin-bottom: 10px; }
    .numbercol { margin-bottom: 10px; }
    .expcol { width: 100%; }
    .careervacancy .btn-arrow { position: absolute; right: 0px; top: 50%; margin-top: -10px; }
    .imgleftcontentrow { padding: 0px 20px; }
    .imgleftcontentrow .row [class*="col-"]:first-child, .careerstoprow .row [class*="col-"]:first-child { margin-bottom: 20px; }
    .textcolumnrow .mb-200 { margin-bottom: 20px; }
    .textcolumnrow .row [class*="col-"] { margin-bottom: 30px; }
    .textcolumnrow .row [class*="col-"]:last-child { margin-bottom: 0px; }
    .team-card img { max-width: 250px; max-height: 400px; }
    .careersidebar h3 { font-size: 30px; }

    /*rk*/
    .table > tbody > tr > td { border-bottom: 0px; font-size: 16px; }
    .table tr th, .table tr td { padding: 3px 5px; }
    .table-note { margin-top: 20px; }
    .pd-perform-item-title { text-align: center; }
    .pd-designedmore-img { margin-bottom: 10px; text-align: center; }
    .titleanim { letter-spacing: 0px; }
    .table tr th { padding-top: 10px; padding-bottom: 10px; }
    .pd-iconcontent-item { padding: 20px 0px 20px; }
    .pd-iconcontent-img { padding-right: 20px; }
    .tv-people .mb-100 { margin-bottom: 20px; }
    .tv-mission-wrap { height: auto; position: static; }
    .extra-space { height: auto; }
    .tv-mission-img { clip-path: unset; }
    .tv-mission-content-repeater { position: static; opacity: 1; transform: unset; }
    .tvmissionrow-pro { display: none; }
    .tv-mission-content-repeater + .tv-mission-content-repeater { margin-top: 30px; }
    .tv-mission-content { position: static; width: 100%; transform: unset; opacity: 1; padding: 50px 0px; }
    .tv-mission-content-repeater h2, .v-mission-content-left h2 span { color: #231069 !important; }
    .tv-mission-content-repeater p { color: #444444; }
    .v-mission-content-left h2 span { font-size: 30px; padding-top: 0px; padding-right: 5px; }
    .fa-team-pin { padding-left: 20px; padding-right: 20px; }
    .fa-team-section .slick-dots { bottom: -30px; }
    .fa-team-section .fa-team-cards { margin: 0px -12px 30px; }
    .pc-banner-bottom.mt-100 { margin-top: 70px; }
    .pd-component .pd-component-installation-sliderwrap + .pd-component-installation-sliderwrap { margin-top: 70px; }
    .pd-component-installation-title h5 { text-align: center; }
    .pc-banner-top { margin-bottom: 20px; }
    .tss-performs-img { margin-bottom: 20px; }
    .tss-whatmeets img.mb-30 { margin-bottom: 20px; }
    .tss-develop-content-wrap { position: static; }
    .tss-different-left { margin-bottom: 30px; }
    .tss-different-title h2 { letter-spacing: -2px; }
    .pp-certifications .slick-slide { margin: 0 0px; }
    .pp-certifications .slick-slide, .pp-certifications .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(1); transform-origin: top center; transition: all 0.8s ease; }
    .pp-certifications .slick-slide .pp-certifications-content, .pp-certifications .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pp-certifications-content { opacity: 1; transition: all 0.8s ease; transform: translateY(0px); }
    .document-popup  .closeBtn::before, .document-popup .closeBtn::after { background-color: #fff; }
    .tss-different-left { display: flex; gap: 20px; }
    .tss-design-left { margin-bottom: 20px; }
    .product-details-vector { bottom: -50px; }
    .product-details-vector img { max-width: 110px; }
    .pd-range-wrap { padding: 50px 30px; }
    .pd-tab-item { width: calc(50% - 24px); }
    .pd-tabrow .nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    .pd-tabrow .nav-tabs .nav-item { flex: 0 0 auto; }
    .pd-tabrow .nav-tabs .nav-link { white-space: nowrap; }
    .pd-tabrow-right ul { top: 70px; }
    .pd-tabrow-right ul { position: static; }
    .pd-download-catalogues .slick-dots { bottom: -25px; }
    .tooltipcustom{Width: 100%;}
    .tooltipcustom:last-child{padding-bottom: 0px;}
    .prdimage img{width: 100%}
}
@media only screen and (max-width:580px) {
    .resourcesfixmenu { display: none; }
}
@media only screen and (max-width:375px) { }

/* animation keyframe css */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-100px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(100px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
.textLoad{opacity: 0;}