/* reset css */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}article,aside,figure,footer,header,nav,section{display:block}a,a:visited{text-decoration:none}a:active,a:hover{color:#1ea5b4;text-decoration:none}a,a:active,a:focus,a:hover{outline:0}img{border:0}.fl{float:left}.fr{float:right}.textr{text-align:right;font-weight: 600;font-size: 14px;}.textl{text-align:left}.textc{text-align:center!important}.alignc{text-align:center!important;vertical-align:middle!important}.clear{clear:both}.dib{display:inline-block}a[href^=tel]{color:inherit;text-decoration:none}li{list-style:none}*,*::before,*::after{box-sizing:border-box}.resp-img{max-width:100%}p{font-size:16px;line-height:1.6;}
/* normal-css */

@font-face {
    font-family: 'Tahoma';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Tahoma.ttf)
}

@font-face {
    font-family: 'Tahoma';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Tahoma.ttf)
}
*{
    box-sizing: border-box;
}
p{margin-bottom:15px;}
p{font-size: 17px;}
.wrapper{
    width:100%;   
    overflow: hidden;
}
sup{
    vertical-align: super;
    font-size: 8px;
}
.tr{text-align:right;}
.container{
    width: 100%;
    max-width:1600px;
    margin: 0 auto;   
    padding:0px 88px;
}
body{ font-family: 'Tahoma';} 

/* header-css-s */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInDown{animation-name:fadeInDown;}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}
.sticky {position: fixed;width: 100%;z-index: 99;top: 0;background: #fff;}
.top-header {
	padding: 4px 0;
    background: #26a59a;
}
.top-header li,.my-nav li{display: inline-block;vertical-align: middle;}
.left-contact-info li,.right-links li{margin:0 4px}
.left-contact-info li a {
	border-radius: 50%;
    color: #fff;
    font-size: 20px;
    position: relative;
    display: block;
    text-align: center;
}
.left-contact-info li a span{
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
}
.phone{
    transform: rotate(90deg);
    font-size: 22px;
    vertical-align: middle;
}
.email{
    font-size: 22px;
    margin-right: 10px;
}
.right-links li a .top-media {
	padding: 6px;
font-size: 28px;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #fff;
}
.banner-content {
    width: 100%;
height: 600px;
display: block !important;
z-index: 10;
}
.banner-text-wrapper {
    display: inline-block !important;
    margin: 200px 0px 0px 0px;
    width: 100%;
    height: 300px;
}
.banner-bold-txt{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    padding: 0px 0px 5px;
    line-height: 1.1;
}
.banner-middle-bold-txt{
    padding: 15px 5px 0px 0px;
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;
}
.banner-text-wrapper p{
    padding: 0px 12px;
}
.read-more a{
    display: inline-block;
    padding: 12px 30px;
    background: #26a59a;
    color: #fff;
    font-size: 18px;
    margin: 18px 0px;
    transition: 0.5s ease-in-out;
    border: 1px dotted #26a59a;
}
.read-more a:hover{
    color:#26a59a;
    background: #fff;
}
.banner-text {
    font-size: 36px;
    color: #072a40;
    font-weight: 500;
    line-height: 1.7;
    display: block !important;
}
.logo-desktop-nav {
    z-index: 1;
    width: 100%;
    box-shadow: 3px 3px 6px #9d9d9d;
}

.logo img{
    width: 100%;
}
.desktop-nav li:not(:last-child) {
	margin-right: 25px;
}
.desktop-nav li a{
        padding: 5px 15px;
        border-radius: 5px;
        color:#39404c
}
.right-icon{
    font-size: 18   px;
    color: #fff;
    margin: 5px 8px;
}
.sitemap-icon-head{
    font-size: 20px;
    color: #fff;
    margin: 5px 8px;
}
.nav-bar {
    position: relative;
    margin: 17px 35px 0px 0px;
}
.nav-bar li {
    display: inline-block;  
}
.nav-bar li a {
    color: #000;
    padding: 14px 14px 35px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    font-size: 16px;
    position: relative;
    transition: .7s all;
    text-transform: uppercase;
    z-index: 7;
}
.nav-bar li a::before{
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 8px solid #26a59a;
    bottom: 0;
    right: 350px;
    transition: .7s all;
}

.sub-menu-desktop li a:hover::before{
    display:none;
}
.nav-bar li a:hover::before{
    right:0px;
}
.nav-bar li a:hover,.footer-links ul li a:hover{
    color:#000;
}
.sub-menu-desktop li {
    display: block;
    border-bottom: 1px dotted #c6f0ed;
}
.sub-menu-desktop li:last-child{
    border-bottom: none;
}
.sub-menu-desktop li a {
    padding: 10px 5px;
    display: block;
    color: #fff;
    font-size: 14px;
}
.sub-menu-desktop {
    visibility: hidden;
    width: 240px;
    background: #ca1026;
    position: absolute;
    top: 90px;
    z-index: 1;
    box-shadow: 0px 6px 10px #1c0808;
    text-align: left;
    padding: 25px;
    opacity: 0;
    transition: all .5s ease 0s;
    z-index: 1;
}
.nav-bar li:hover .sub-menu-desktop {
   visibility: visible;
    top: 68px;
    opacity: .9;
}
.column-menu {
    display: none;
}
.head-top-right {
    width: 160px;
    height:30px;
}

.in-banner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    position: relative;
}
.in-banner::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
}
.banner-box{
    position: relative;
}
.banner-box::before{
    position: absolute;
    content: '';
    height: 360px;
    width: 400px;
    border: 10px solid rgba(255,255,255,0.5);;
    border-right: none;
    left: 50px;
    top: -52px;
    z-index: -1;
}
.in-slider{
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-title{
    max-width: 500px;
    width: 100%;
    position: relative;
    z-index: 0;
    background: rgba(0, 153, 153,0.7);
    padding: 20px;
}
.banner-title::before{
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border-left: 10px solid rgba(210, 8, 33,.8);
    border-bottom: 10px solid rgba(210, 8, 33,.8);
    left: -35px;
    bottom: -30px;
    z-index: 2;
}
.banner-title::after{
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border-right: 10px solid rgba(210, 8, 33,.8);
    border-top: 10px solid rgba(210, 8, 33,.8);
    right: -35px;
    top: -30px;
    z-index: 2;
    opacity: 0.9;
}
.banner-title h2{
    font-size: 34px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.text-wrapper{
    position: relative;
}
.text-wrapper::before{
    position: absolute;
    content: '';
    width: 300px;
    height: 300px;
    border-left: 10px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    opacity: 0.4;
    left: 50px;
    top: -40px;
}
/* banner-end */

/* home-content-start */
.ani-icon{
    animation: ping;
}
.prod-div-parent{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.prod-div-img{
    width: 100%;
    height: 300px;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: .5s ease-in-out;
    z-index: 0;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
}

.prod-div{
    width: 100%;
    max-width: 370px;
    box-shadow: 0 2px 10px #ccc;
    margin: 30px 20px;
}
.pdf-icon{margin-right: 10px;font-size: 26px;
    vertical-align: middle;}
.prod-div  .hover-div{position: absolute;top: 3%;left: 2%;width: 96%;height: 96%;background:transparent;display: flex;justify-content: center;align-items: center;font-size: 26px;color: transparent;transition: all 0.2s;transform: scale(0);}
.prod-div:hover .hover-div{background: rgba(0,0,0,.5);color: #fff;transform: scale(1);}

.prod-details{
    padding: 20px;
}
/*about-content-starts*/
.about-content{
    padding: 100px 0px;
    background: url(../images/about-company.jpg)no-repeat center center/cover;
}
.about-content-left{
    width: 34%;
    padding: 20px;
}
.about-content-right{
    padding: 20px;
    width: calc(100% - 40%);
}
.abt-content-txt h3{
    font-size: 28px;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
}
.abt-content-txt h2{
    font-size: 38px;
    font-weight: 600;
    margin: 10px 0px 40px 0px;
}
.abt-content-txt p{
    font-size: 20px;
    line-height: 34px;
    text-align: justify;
}
.red{
    color: #e02032;
}
.core-values-parent{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/*about-content-ends*/
/*our-products-starts*/
.our-products,.applications,.latest-events{
    padding: 60px 0px;
}
.latest-events{background: #f1f1f1;}
.products-box{
    width: 100%;
    max-width: 380px;
    display: inline-block;
    padding: 20px;
    position: relative;
    z-index: 0;
    border-right: 1px dotted #ccc;
}
.product-description {
    position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 10px;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  z-index: 1;
  }
  .product-img img{
      transition: .5s all ease-in-out;
      width: 100%;
  }
  .products-box:hover .product-description {
    top: 0;
    height: 100%;
    background: rgba(46, 184, 184,0.8);
  }
  .products-box:hover .product-title{
      display: none;
  }
  .products-box:hover .product-img img{
      transform: scale(1.1);
      overflow: hidden;
  }
  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
  }
  .text h3{
      border-bottom: 2px solid;
      font-size: 22px;
      font-weight: 600;
      margin: 0px 0px 30px 0px;
      letter-spacing: 1px;
  }
.product-heading h2{
    font-size: 38px;
    font-weight: 600;
    margin: 0px 0px 40px 0px;
}

.product-title h3{font-size: 22px;font-weight: 600;color: #000;letter-spacing: 2px;}
.enq-btn{
    padding: 50px 0px 36px 0px;
    position: relative;
    z-index: 0;
}
.enq-btn::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0,0.6);z-index: -1;}
.enq-btn a{padding: 15px 40px;color: #fff;background: #1ea5b4;font-size: 18px;transition: 0.5s ease-in-out;border: 1px dotted #1ea5b4;font-weight: 700;letter-spacing: 2px;}
.enq-btn a:hover{
    background: #fff;
    color:#1ea5b4;
}
.product-enq-link{
    margin-bottom: 34px;
}
/*our-products-starts*/
/*application-start*/
.applications{
    background: #f5f5f5;
}
.application-heading h2{
    font-size: 38px;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
}
.application-desc{
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}
.application-desc p{
    text-align: center;
}
.appln-products{
    width: 22%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    text-align: left;
}
.appln-image{width:100%;max-width: 450px;}
.appln-image img{width: 100%;}
.appl-div{
    font-size: 22px;
    font-weight: 600;
}
.appln-content{
    width: calc(100% - 520px);
}
.appln-products img{
    max-width: 100%;
    width: 100%;
}
.aplln{padding: 40px 0;}
.appl-prod-det{
    position: absolute;
    width: 100%;
    height: 195px;
    bottom: 0;
    background: rgba(38,165,153,0.8);
    transition: 0.6s ease;
    transform: translateY(140px);
    padding: 6px 20px;
}
.appln-products:hover .appl-prod-det{
    transform: translateY(0px);
}
.product-link{
    margin: 20px 0px;
}
.product-link a{
    padding: 10px 20px;
    border: 1px dotted  #fff;
    color: #fff;
}
.product-link a:hover{
    background:#26a59a;
    color: #fff;
}
.appln-products:last-child{
    margin-right: 0px;
}
.appln-products h3{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0px;
    color: #fff;
}
.appl-prod-det p{
    color: #fff;
}
.bg-ap-clr{
    background: #f5f5f5;
}
.applications-products{
    margin: 60px 0px;
}
.application-desc p{
    font-size: 18px;
}
.view-all a{
    color: #000;
    font-size: 26px;
    position: relative;
    padding:20px;
}
.view-all a::after{
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    bottom: 0;
    left: 44%;
    background: #1ea5b4;
    transform: translate(-50%,50%);
}
.view-icon{
    margin: 0px 0px 0px 20px;
    font-size: 24px;
    color: #26a59a;
    animation: move-right 1s ease-in-out infinite;
}
@keyframes move-right{
    0%{
        transform: translateX(10px);
    }
    50%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(-10px);
    }
}
/*application-end*/
/*events-start*/
.event-title{
    max-width: 400px;
    width: 100%;
    padding: 0 20px;
}
.event-desc{
    width: calc(100% - 450px);
}
.event-title h3{
    font-size: 26px;
    margin: 10px 0px 20px 0px;
    font-weight: 600;
}
.event-title h2{
    font-size: 42px;
    font-weight: 600;
}
.event-desc p{
    font-size: 20px;
}
.events-section{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    }
.events-sec{
    width: 100%;
    max-width: 270px;
    /* display: inline-block; */
    padding: 20px;
    box-shadow: 0px 0px 10px #aaa;
    margin: 20px 10px;
    background: #fff;
}
.events-sec:last-child{
    margin-right: 0px;
}
.events-section{
    padding: 40px 0px 40px;
}
.events-sec h3{
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.readmore a{
    padding: 10px 30px;
    color: #fff !important;
    background: #26a59a;
}
.readmore a:hover{
    background: #fff;
    color:  #26a59a !important;
}
.catalog-d{
    font-size: 21px;
}
.downloads{
    padding: 0 0 40px;
}
.downloads-link{
    color: #fff;
    background: #1ea5b4;
}
.downloads-link a{color: #fff; font-size: 18px;}
/* .event-sec-img{
    width: calc(100% - 53%);
} */
.event-sec-img img{
    max-width: 100%;
    height: 120px;
    margin-bottom: 20px;
}
.event-sec-content{
    /* width: 53%; */
    padding: 0px 20px;
}
/* .events-sec {position: relative;}
.events-sec .read-more{
    position: absolute;
    bottom: -18px;
    left: 0;
} */
.event-sec-content h3{
    font-size: 22px;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
}
.event-sec-content p:last-child{
    font-weight: 600;
}
.tools-div{
    margin-bottom: 25px;
}
/*evets-end*/
/*tools-start*/
.tools-wrap{
    padding: 40px 0px;
    background: #f5f5f5;
}
.tools-heading h2{
    font-size: 38px;
    padding: 0px 0px 10px 0px;
}
.tools-lines{
    margin: 10px 0px 29px 0px;
}
.tools-box{
    width: 31.50%;
    display: inline-block;
    /* padding:40px 20px; */
    padding:20px;
    margin-right: 10px;
    transition: .5s ease-in-out;
    background: #26a59a;
}
.tools-box:last-child{
    margin-right: unset;
}
.tools-box:hover{
    transform: translateY(-10px);
    box-shadow: 0px 0px 5px #ccc;
}
.tool-icon{
    font-size: 38px;
    color: #fff;
}
.tool-desc h3{
    font-size: 28px;
    color: #fff;
    margin: 10px 0px 0px;
}
.tool-desc p{
    color: #fff;
    line-height: 26px;
}
.th-par{
    display: flex;
    justify-content: space-around;
}
.ft-size-24 p{
    font-size: 24px;
}
/*tools-end*/
.event-placeholder-component{padding: 20px;box-shadow: 0 0 10px #ccc;margin: 20px 0;}
.common-dept-event-wrapper .event-placeholder-component{box-shadow: 0px 4px 6px 2px #D9D9D9;margin: 0 0 30px;padding: 30px;}
.event-placeholder-component .event-details-common-container{position: relative;z-index: 0;text-align: left;margin-bottom: 10px;}
.event-placeholder-component .event-im{margin: 0 auto 25px;max-width: 340px;width: 100%;height: 260px;background-size: cover;background-position: center center;background-repeat: no-repeat;border-radius: 5px;position: relative;z-index: 0;transition: all 0.4s;box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);border: 4px solid #ccc;}
.event-im .view-image{position: absolute;top: 0;left: 0;bottom:0;right:0;margin: auto;width: 0;height: 0;background-color: transparent;display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: all 0.4s;}
.event-im .view-image h6{color: transparent;font-size: 20px;font-family: gatbold;transition: all 0.4s;transition: all 0.4s;}
.event-im:hover .view-image{top: 1%;left: 1%;width: 96%;height: 92%;background-color: rgba(0, 0, 0,0.6)}
.event-im:hover .view-image h6{color: #0275f3;}
.event-details-common-container h2{font-size: 24px;text-align: center;margin-bottom: 20px;}
/*footer-starts*/
.insta{color:  #000066;}

.footer-top{
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 -4px 10px #eee;
    padding: 40px 0 60px 0;
}
.footer-bottom{
    width: 100%;
    background: #f5f5f5;
    padding: 20px 0;
}
.footer-icons ul li{
    display: inline-block;
    margin: 10px 5px;
    background: #f2f2f2;
    box-shadow: 0 0 10px #ccc;
}
.footer-links ul li{
    display: inline-block;
    margin: 10px 5px;
}
.footer-links ul li a{
    color: #fff;
    padding: 10px 14px;
}
.footer-bottom-divs{
    width: 32%;
    display: inline-block;
    /* background: #1ea5b4; */
    padding: 20px;
    height: 135px;
    margin-right: 10px;
}
.footer-bottom-divs:nth-child(1){
    padding: 44px 20px;
}
.footer-bottom-divs:nth-child(2){
    padding: 44px 20px;
}
.loc-mt{
    margin-top: 27px;
}
.footer-bottom-divs:last-child{
    margin: unset;
}
.f-icon{
    font-size: 20px;
}
.f-icon:hover{
    color: #5b5a5b;
}
.footer-bottom .icon-txt a{
    color: #26a59a !important;
    font-size: 14px;
    padding: 10px 15px;
    display: block;
}
.icon-txt{text-align: center;}
.footer-bottom .icon-txt p a{
    padding: 10px 0px !important;
}
.icon-txt h3{
    font-size: 24px;
    color: #ec1940;
    font-weight: 600;
}
.footer-icons{
    margin-top: 16px;
}
.icon-txt p{
    color: #fff;
    margin-bottom: -10px;
}
.icon-txt:last-child{
    padding: unset;
}
.pad{
    padding: 10px 0px 0px 10px;
}
.copy-rights{
    padding: 14px 0px;
    border-top: 1px solid #5b5a5b;
    /* margin: 30px 0px 0px 0px; */
    background: #313332;
}
.copy-rights p{
    color:#5b5a5b;
    margin-bottom: unset;
    font-size: 14px;
}
.bottom-logo{
    text-align: left;
}
.bottom-logo img{
    margin-bottom: 10px;
}
.bottom-logo{
    max-width: 400px;
    width: 100%;
}
.bootom-right-icons{
    width: calc(100% - 400px);
}
.footer-contact a{
    background: #26a59a;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    font-size: 18px;
    letter-spacing: 2px;
    width: 50px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    right: 95px;
    transition: 0.4s all ease;
}

.footer-contact a:hover{
    height: 58px;
}
.sticky-contact{
    color: #fff;
    font-size: 20px;
}
/* footer-css-E */
/*footer-ends*/
/*go-to-top-start*/
#to-top {
    cursor: pointer;
    position: fixed;
    bottom: 1px;
    right: 36px;
    z-index: 10;
    background: #fff;
    width: 50px;
    height: 54px;
    border-radius: 10px 10px 0px 0px;
    padding: 23px;
    transition: 0.6s all ease;
    border: 1px solid #26a59a;
    transform: translateY(20px);
}
#to-top:hover{
    background: #26a59a;
    transform: translateY(5px);
}
#to-top:hover .top{
    color: #fff;
}
#to-top .top {
    position: absolute;
    top: 9px;
    left: 14px;
    color: #26a59a;
    right: 0;
    font-size: 20px;
    animation: shake 2s infinite;}
    @keyframes shake{0% {top: 10px;}25% { top: 5px;}50% {top: 10px;}75% { top: 5px;}100% {top: 10px;}}

/*go-to-top-end*/
/*breadcrumbs-start*/
.breadcrumbs {
    font-size: 12px;
    padding: 12px 10px;
    margin: 0px 0px 20px 0px;
}

.inner-content {
    position: relative;
}

.breadcrumbs .link {
    color: #000000;
}
.red {
    color: #e02032;
}

.currentpage {
    color: #000;
}

.arrow {
    font-size: 18px;
}

/*breadcrumbs-start*/
/* home-content-end */
/*inner-page-css-start*/
.inner-page-content{
    padding: 20px 0px 0px;
}
.inner-page-heading h2{
    font-size: 36px;
    text-transform: uppercase;
    color: #1ea5b4;
    text-align: center;
    margin: 0px 0px 30px 0px;
    text-transform: uppercase;
    position: relative;
}
.inner-page-heading h2::after{
    position: absolute;
    content: '';
    width: 100px;
    height: 4px;
    background: #eb122d;
    left: 50%;
    bottom: -17px;
    transform: translate(-50%,-50%);
    border-radius: 10px 0px;
}
/*location-page-start*/
.locations{
    padding: 40px 0px;
    background: url(../images/contact-us-map.jpg)no-repeat center center/cover;
}
.multiple-locations{
    width: 49%;
    display: inline-block;
    margin: 20px auto;
}
.locations-info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-loc{
    width: 60%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
    padding: 20px;
    background: #1ea5b4;
    border-left: 4px solid #e02032;
    margin-right: -24px;
    z-index: 1;
}
.right-loc{
    width: calc(100% - 50%);
}

.map img{
    width: 90%;
    border-radius: 15px;
}
.loc-details h3{
    font-size: 28px;
    color: #fff;
    margin: 0px 0px 20px 0px;
    position: relative;
    padding: 10px;
}
.loc-details p a{
    color: #fff;
}
.loc-details p span{
    margin-right: 10px;
}
.loc-details h3::after{
    position: absolute;
    content: '';
    width: 100px;
    height: 4px;
    background: #e02032;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: 0px;
    border-radius: 10px 0px;
}
.loc-details p{
    color: #fff;
}
.he-p{
    display: flex;
}
.head-office-address{
    padding: 40px 0px;
}
.head-office h2{
    font-size: 28px;
    margin-bottom: 10px;
}
.head-office-address .phone,.head-office-address .email{
    color: #1ea5b4;
}
.head-office{
    padding: 20px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
    background: #fff;
}
.head-office-form{
    width: calc(100% - 50%);
    background: #f6f3ee;
    padding: 40px 0;
    margin: 0 auto;
}
.head-office-form h2{
    font-size: 34px;
    margin: 0px 0px 30px 0px;
    color: #eb122d;
}
.head-office-form form{
    width: 70%;
    margin: 0 auto;
}
.head-office-form button{
    padding: 15px 30px;
    color: #fff;
    background: #e02032;
    border: none;
    font-size: 18px;
    border: 1px dotted  #e02032;
}
.head-office-form button:hover{
    color: #1ea5b4;
    background: #f1f1f1;
   
}
.loc-form-group{
    width: 100%;
}
.head-office-sales{
    width:100%;
    display: inline-block;
    margin: 20px 0px;
}
.n-e-w-r{
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
}
.head-office h3,.head-office-sales h3,.n-e-w-r h3{
    font-size: 22px;
    margin: 0px 0px 10px 0px;
    color: #eb122d;
}
.head-office-address p a{
    color: #000;
}
/*location-page-end*/
/*about-us-page-start*/
.in-h3{
    font-size: 22px;
    margin: 35px 0 20px 0;
}
.in-h2{
    font-size: 28px;
    margin: 0 0 20px 0;
    font-weight: 600;
}
.core{
    padding: 0 0 40px;
}
.info-list{
    margin: 10px 0 20px 0;
}
.info-list li{
    margin: 5px 0 15px 0;
    display: flex;
    box-shadow: -2px 4px 19px -15px rgba(0,0,0,.75);
    padding: 15px;
}
.info-list li span{padding: 2px 15px 0 0;}
.vision span,.mission span{
    padding: 0 0 0 10px;
    font-size: 38px;
    vertical-align: middle;
}
.vision h3{
    border-left: 4px solid #26a59a;
}
.mission h3{
    border-left: 4px solid  #eb122d;
}
.mission span{color: #eb122d;}
.vision span{color: #26a59a;}
.about-inner-page-content{
    padding: 40px 0px;
}
.left-content,.right-img{
    width: 50%;
    padding: 20px;
}
.right-img{
    text-align: center;
}
.right-img img{
    width:100%;
    max-width: 500px;
}
.left-content h4{
    font-size: 20px;
    margin: 0px 0px 20px 0px;
    color: #e02032;
    font-weight: 600;
    position: relative;
}
.left-content h4::after{
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    background: #e02032;
    left: 135px;
    top: 50%;
}
.left-content h2{
    font-size: 38px;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}
.left-content p{
    text-align: justify;
}
.v-m{
    padding: 20px 0px;
}
.vision h3,.mission h3{
    font-size: 28px;
    font-weight: 600;
    margin: 0px 0px 15px 0px;
    position: relative;
    padding-left: 20px;
}
.vision,.mission{
    margin-bottom: 40px;
    padding: 40px;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
    width: 49%;
    display: inline-block;
    height: 240px;
    text-align: left;
}
.infra-right{
    margin-right: 15px;
}
.infrastr{padding: 20px 0;display: flex;justify-content: space-between;}
.infr-new-txt img{
    width: 450px;
    height: 250px;
    border-radius: 20px;
}
.infra-img img{
    margin: 0 0 20px 40px;
    border-radius: 20px;
}
.infrastr p{
    border-left: 4px solid #1ea5b4;
    padding-left: 15px;
    margin-bottom: 65px;
    font-size: 20px;
    text-align: justify;
}
.img-div{
    height: 250px;margin: 30px 0;
    transition: .5s ease-in-out;
}
.img-div:hover{
    transform: scale(1.1);
    overflow: hidden;
}

.bg{
    padding: 40px 0;
}
.str-usp-sub{
    width: 100%;
    max-width: 530px;
    margin: 20px 0;
}
.str-usp-sub-1{
    width: 100%;
    max-width: 575px;
    margin: 20px 0;
}
.str-usp-sub:first-child{
    margin-bottom: 30px;
}
.str-usp-parent{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.values{
    max-width: 230px;
    height: 220px;
    background: #26a59a;
    display: flex;
    align-items: center;
    padding: 25px;
    border-radius: 50%;
    margin: 10px;
    color: #fff;
    border-bottom: 4px solid #ec1940;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
}
.values span{
    font-size: 22px;
    line-height: 1.5;
    text-transform: capitalize;
}
.attgpl{
    width: 100%;
    max-width: 760px;
}
/*about-us-page-end*/
/*product-enquiry-start*/
.sm-style{
    font-size: 18px;
    font-weight: 600;
}
.prod-det{
    padding: 40px 0;
}
.prod-det p{
    margin-bottom: 25px;
}
.prod-par{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prod-det-left{
    width: calc(100% - 500px);
    box-shadow: 0 0 10px #ccc;
    padding: 20px;
    height: 250px;
}
.prod-det-right-img{
    height: 250px;
    max-width: 450px;
    position: relative;
    width: 100%;
    border-radius: 20px 0 0 20px;
}
.up-pro{
    margin: 30px 0 30px;
}
.lubrication{
    max-width: 440px;
    width: 100%;
    font-size: 24px;
    padding: 20px;
    border-left: 4px solid #eb122d;
    border-right: 4px solid #eb122d;
    margin: 60px auto 0;
    font-weight: 700;
    background: #1ea5b4;
    border-radius: 5px;
}
.lubrication h3{color: #fff;}
.big-font{font-size: 26px;}
.prod-det-right-img::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: #1ea5b4;
    top: -10px;
    left: -10px;
    z-index: -1;
    border-radius: 20px 0 0 20px;
}
.pd-det-nw{
    background: #1ea5b4;
    color: #fff;
    border-radius: 0 20px 20px 0;
}
.prod-det-right-img h3{
    padding: 15px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 10px 0 0 0;
}
.fea-parent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fea-right{
    width: 500px;
    text-align: center;
}
.fea-right img{
    margin: 40px 0;
    max-width: 100%;
}
.fea-left{
    width: calc(100% - 606px);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
    padding: 0 20px;
}
.fea-left p{
    font-size: 20px;
}
.option{
    padding: 40px 0 0;
}
.fea-right h3{
    margin-top: 15px;
    margin-bottom: 40px;
}
.fea-right h3 span{
    border: 4px solid;
    padding: 20px;
    border-radius: 40px;
    font-size: 28px;
}
.products-info{
    padding: 40px 0 40px;
}
.fea-right h2{
    font-size: 28px;
    margin: 0px 0 10px 0;
}
.torque-table{
    width: 100%;
    max-width: 650px;
    box-shadow: 0 0 10px #ccc;
}
.torque-table th{
    background: #1ea5b4;
    padding: 15px 30px;
    width: 50%;
    color: #fff;
}
.appltn{padding: 40px 0;}
.brl{
    border-left: 4px solid #1ea5b4;
    padding-left: 15px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.up-product{
    margin-bottom: 40px;
    max-width: 48%;
    padding: 20px;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
    height: 150px;
    width: 100%;
}
.torque-table tr td{
    padding: 15px 30px;
}
.torque-table tr:nth-child(odd){
    background: #f1f1f1;
}
.fea-left h2{
    font-size: 28px;
    margin: 20px 0 10px 0;
    font-weight: 700;
}
.img-div{
    height: 250px;
    max-width: 450px;
    margin: 30px auto;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
}
.appl-div{
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
    max-width: 350px;
    display: inline-block;
    padding: 20px;
    margin: 10px;
}
.appl-div h2{
    color: #000;
    font-weight: 100;
}
.appl-h3{
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 15px;
}
.food-agi,.material,.plastic,.special-purpus,.transport{
    padding: 40px 0;
    background: #f1f1f1;
}
.apln-nw{
    background: #f1f1f1;
    padding: 20px;
}
.apln-nw-1{
    padding: 20px;
}
.downloads-pdf{
    padding: 40px 0;
    margin-top: 40px;
}
.pdf-link-parent{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.pdf-link-1-parent{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.downloads-pdf h2{
    margin-bottom: 40px;
}
.cat-downloads{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0 0;
}
.downlds{
    width: 100%;
    max-width: 500px;
}
.pdf-link{box-shadow: 0 0 10px #ccc;padding: 12px 30px;margin:10px;width: 100%;max-width: 289px;}

.service-page{
    padding: 40px 0;
    background: #f1f1f1;
}

.services{display: flex;justify-content: space-around;flex-wrap: wrap;}
.serv-1{
    max-width: 360px;
    padding: 20px;
    background: #1ea5b4;
    color: #fff;
    border-bottom-right-radius: 40px;
    margin-bottom: 20px;
}
.green{
    color: #6ec7b9;
}
.serv-1 h2{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #054046;
    border-bottom: 1px solid #054046;
    padding-bottom: 14px;
}
.appl-h2{
    font-size: 30px;
    font-weight: 600;
    margin: 30px 0 28px 0;
}
.appltn-ind{padding: 40px 0;}
.ch-ph-parent{
    display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ch,.ph{width: 100%;max-width: 540px;background: #1ea5b4;padding:0 40px;padding: 0 40px;

    border-radius: 0 20px 0 0;}
.ch p,.ph p{
    color: #fff;
}
.enq-top{
    padding: 40px 0px 0px;
}
.enq{
    width: 31%;
    display: inline-block;
    padding: 40px;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #e6e6e6;
    border-radius: 10px 0 0;
}
.enq-scal{
    background: #d83030;border-radius: 10px;transform: scale(1.2);
}
.enq h3{
    font-size: 28px;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}
.enq h2{
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}
.eng-form h2{
    font-size: 38px;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
}
.eng-form{
    padding: 40px 20px;
    background: #f6f3ee;
}
.eng-form p{
    font-size: 20px;
    color: #e02032;
    position: relative;
    margin: 0px 0px 40px 0px;
}
.swaragh{
    color:#5b5a5b;
}

.service-page-parent{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 60px 0;
}
.service-in-page-txt{
    width: 100%;
    max-width: 630px;
}
.service-in-page-txt-img{
    width: 100%;
    max-width: 450px;
}
.service-in-page-txt-img img{
    width: 100%;
}
.service-in-page-txt p{
    font-size: 26px;
    line-height: 2;
}
.service-in-page-txt-img img{
    border-radius: 10px;
}
 .phone-c{
    margin-right: 13px;
}
.eng-form form{
    width: 80%;
    margin: 0 auto;
}
.eng-form form button{
    padding: 15px 30px;
    font-size: 18px;
    margin: 20px 0px 10px;
    background: #e02032;
    color: #fff;
    border: none;
}
.form-group{
    max-width: 45%;
    width: 100%;
}
.form-group input:focus{
    color: #000;
}
.form-control{
    /*width: 100%;*/
    padding: 14px 10px;
    margin: 15px 0px 29px 0px;
    box-shadow: 0 0 10px #ccc;
    border: none;
    font-size: 16px;
}
.textar textarea{
    width: 100%;
    padding: 5px;
    height: 100px;
}
.form-group input[type="text"],.textar textarea{
    background: #fff;
    border: none;
    margin: 15px 0px 29px 0px;
}
/*product-enquiry-end*/
.gallery-img{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gal-img{
    height: 250px;
    width: 100%;
    max-width: 380px;
}
/*faqs-start*/
.faqs-content{
    padding: 40px 0px;
}
.right-question{
    width: 40%;
    padding: 20px;
}
.left-accordion{
    width: calc(100% - 40%);
    padding: 20px;
}
.form-fq-control{
    width: 100%;
}
.question-form{
    background: #e02032;
    padding: 20px;
}
.question-form form{
    width: 80%;
    margin: 0 auto;
}
.question-form h3{
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 15px 0px;
}
.question-form  h2{
    font-size: 36px;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
    color: #fff;
}
.form-fq input[type="submit"]{
    padding: 10px 30px;
    background: #26a59a;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: none;
}
.col-3{margin: 40px auto; position: relative;z-index:5;width: 100%;} 
.effect-17{border: 0; padding: 10px 5px; border-bottom: 1px solid #ccc; background-color: transparent;}
.effect-17 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #000; transition: 0.4s;}
.effect-17:focus ~ .focus-border,
.has-content.effect-17 ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.effect-17 ~ label{position: absolute; left: 0; width: 100%; top: -5px; color: #aaa; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;}
.effect-17:focus ~ label, .has-content.effect-17 ~ label{top: -20px; font-size: 16px; color: #ccc; transition: 0.3s;}
/*faqs-end*/
/*career-page-start*/
.career-page-form{
    padding: 40px 0px;
}
.career-inner-page-content{
    background: url(../images/contact-us-map.jpg)no-repeat center center/cover;
}
.career-page-form form{
    width: 80%;
    margin: 0 auto;
    background: #f6f3ee;
    padding: 20px;
    border-radius: 10px;
}
.career-page-form form label{
    color: #000;
}
.career-form-group{
    width: 45%;
}
.product-enq-link a{
    color: #d83030;
    background: #ccc;
    padding: 10px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.career-form-control{
    width: 100%;
}
.career-page-form h2{
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin: 40px 0px 40px 0px;
}
.career-page-form h2 span{
    padding: 10px;
    border-radius: 10px;
}
.gen{padding-top: 7px;}
.radio-btn{
    margin: 25px 0px 40px 0px;
    display: flex;
    align-items: baseline;
}
.submit-btn{
    margin: 50px 0px 0px;
}
.submit-btn input[type="submit"]{
    padding: 15px 50px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: #e02032;
    border: 1px dotted #e02032;
}
.submit-btn input[type="submit"]:hover{
    background: #e6e6e6;
    color: #eb122d;
}
.effect-16{border: 0; padding: 10px 5px; border-bottom: 1px solid #ccc; background-color: transparent;}
.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #ccc; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: 9px; color: #aaa; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;}
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: -25px;left: 5px; font-size: 16px; color:#000; transition: 0.3s;}
/*career-page-end*/
/*sitemap-start*/
.sitemap-sublink1,.sitemap-sublink2,.sitemap-sublink3{
    margin: 10px 0px 10px 40px;
}
.sitemap{
    width: 50%;
    margin: 0 auto;
}
.sitemap ul li{
    line-height: 2;
    color:#26a59a;
}
.main-link{
    position: relative;
}
.main-link::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 662px;
    background:#26a59a;
    left: -3px;
    top: 19px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sitemap-sublink1,.sitemap-sublink2,.sitemap-sublink3{
    position: relative;
}
.sitemap-sublink1::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 136px;
    background: #e02032;
    left: -3px;
    top: 19px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sitemap-sublink2::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 179px;
    background:#e02032;
    left: -3px;
    top: 19px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sitemap-sublink3::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 94px;
    background: #e02032;
    left: -3px;
    top: 19px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sitemap-sublink1 li span,.sitemap-sublink2 li span,.sitemap-sublink3 span{
    color: #e02032;
}
.sitemap ul li span{
    vertical-align: middle;
}
.sitemap ul li a{
    font-size: 22px;
    vertical-align: middle;
}
.sitemap{
    padding: 40px 0px;
}
.sitemap-icon{
    margin-right: 20px;
}
/*sitemap-end*/
/*product-overview-start*/
.product-overview{
    padding: 40px 0;
    background: url(../images/contact-us-map.jpg)no-repeat center center/cover;
}
.prod-details h4{
    font-size: 22px;
    margin: 20px 0 10px 0;
    font-weight: 600;
    color: #1ea5b4;
}
.product-div{
   padding: 40px 0px;
}

.bdl{
    border-left: 4px solid #ca1026;
    border-radius: 10px;
}
.bdr{
    border-right: 4px solid #ca1026;
    border-radius: 10px;
}
.product-overview-img{
    max-width: 620px;
    width: 100%;
}
.product-overview-img img{
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
}
.brr{
    border-right: 4px solid #ca1026;
}
.brl{border-left: 4px solid #ca1026;}
.product-overview-content{
    width: calc(100% - 690px);
    padding: 20px;
}
.product-overview-content h2{
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
    letter-spacing: 2px;
    color: #1a2d47;
}
.product-overview-content p{
    text-align: justify;
    color: #000;
    font-size: 18px;
}
.h2-1{
    font-size: 30px;
    vertical-align: middle;
    color: #1ea5b4;
}
.h2-3{
    vertical-align: middle;
}
.h2-2{color: #ca1026;vertical-align: text-bottom;}
.product-overview-content h3{
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 8px;
}

.product-overview-content .product-link a{
    background: #1ea5b4;
    border: 1px dotted #26a59a;
    color: #fff;
}
.product-overview-content .product-link{
    margin: 35px 0px 20px 0px;
}
.product-overview-content .product-link a:hover{
    color: #000;
    background: #fff;
}
/*product-overview-start*/
/*inner-page css-end*/
.fqs-page-content{
    background: url(../images/contact-us-map.jpg)no-repeat center center/cover;
}
/*active-link*/
/* .act{
    color: #013935 !important;
} */
.dummy-content{
    height: 300px;
    margin-top: 60px;
}
.product-link a:hover{
    background: #fff;
    color: #1ea5b4;
}
/*active-link*/
.tab{display: none;}
.infra-div-parent{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ifra-div{
    width: 100%;
    max-width: 400px;
    padding: 25px;
    box-shadow: -2px 10px 22px -16px rgba(0,0,0,.75);
    margin: 20px;
    background: #1ea5b4;
    border-radius: 40px 0;
}
.overview-parent{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sm-txt{
    font-size: 19px;
    vertical-align: bottom;
}
.appl{width: 100%;max-width: 1450px;margin: 40px auto 0px;background: #fff;color: #fff;display: flex;justify-content: center;flex-wrap: wrap;}
.appl .appl-component{width: 100%;max-width: 350px;padding: 20px;text-align: center;font-size: 24px;font-weight: 600;text-transform: capitalize;display: flex;justify-content: center;align-items: center;color: #000;box-shadow: 0px 0px 10px 0px rgba(224,224,224,0.5);margin: 4px;cursor: pointer;color: #1ea5b4;}
.rm-shadow{
    box-shadow: 0 0 10px #ccc;
}

.info-list-1  li{
    line-height: 2;
    font-size: 20px;
    display: flex;
}
.info-list-1  li span{
    margin-right: 10px;
}
.soc-text{
    padding: 40px 0;
}
.soc-text p{text-align: justify;}

.csr-h3{font-size: 24px;margin: 60px 0 0 0;}

.th-parent-img{
 
    text-align: center;
}
.th-parent-txt p{text-align: justify;}

/* active link */
.home.act-link{color: #26a59a;}
.nav-bar li a.act-link{color: #26a59a;}
.nav-bar li.act-link>a{color: #26a59a !important;}
#respMenu li a.act-link{background: #26a59a;color:#fff;}
.nav-bar li .sub-menu-desktop li.act-link:before{display: none !important;}
.form-control:disabled, .form-control[readonly]{background: #fff !important;}
.g-recaptcha {
    width: 100%;
    margin: 16px auto;
    max-width: 300px;
    display: block;
    vertical-align: middle;
    /* margin-right: 16px; */
}
/* media query */
@media screen and (max-width:1200px){
    .container{
        padding:0px 20px;
    }
    .nav-bar-wrapper{
        display:none;
    }
    .column-menu {
        position: absolute;
        padding: 4px 0px 4px 0px;
        top: 86px;
        right: 2%;
        display: block;
    }
    .banner-text-wrapper {
        margin: 200px 0px 0px 29px;
    }
    .event-sec-img{
        float: none;
        text-align: center;
        width: 100%;
    }
    .event-sec-content{
        float: none;
        width: 100%;
    }
    .footer-bottom-divs{
        width: 45%;
        margin: 10px;
        height: auto;
    }
    .event-sec-img{
        margin-bottom: 20px;
    }
    .text-wrapper::before{
        display: none;
    }
}
@media screen and (max-width:1200px){
    .ch, .ph{
        max-width: 100%
    }
}
@media screen and (max-width:1024px){ 
    .event-title{
        float: none;
        width: 100%;
    }
    .event-desc{
        float: none;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }
    .enq{
        border-style:none;
        padding: 20px;
    }
}
@media screen and (max-width:992px){
    .products-info{padding: 40px 0 0;}
    .disc .left-content h2{font-size: 28px;}
    .th-par{display: flex;flex-direction: column;}
    .footer-right-img {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .infrastr p{margin-bottom: 15px;}
    .th-parent{
        flex-direction: column;
    justify-content: center;
    }
    .th-parent-txt{max-width: 100%;width: 100%;}
    .th-parent-img{margin: 0 auto;}
    .infrastr{
        flex-direction: column;
    text-align: center;
    }
    .appln-image{float: none;margin: 0 auto 20px;}
    .appln-content{float: none;width: 100%;}
    .ban-mob2{background: url(../images/banner/home-banner/r1.jpg) center center/cover !important;}
    .ban-mob3{background: url(../images/banner/home-banner/r2.jpg) center center/cover !important;}
    .ban-mob4{background: url(../images/banner/home-banner/r3.jpg) center center/cover !important;}
    .vision, .mission{
        width: 100%;
        height: auto;
    }
    .fea-left{float: none;width: 100%;padding: 20px 40px;}
    .fea-right{float: none;margin:30px auto 0;}
    .torque-table{margin: 0 auto;}
    .prod-det-left{
        float: none;
        width: 100%;
        height: auto;
    }
    .prod-det-right-img{
        float: none;
        margin: 40px auto 20px;
    }
    .product-overview-img{
        float: none;
        max-width: 450px;
        margin: 0 auto;
    }
    .product-overview-content{
        float: none;
        width: 100%;
    }
    .about-content-left,.about-content-right{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    /* .icon{
        float: none;
        margin: 0 auto;
    } */
    .icon-txt{
        float: none;
        width: 100%;
        text-align: center;
        padding: 8px 0px 0px;
    }
    .icon-txt p{
        text-align: center;
        width: 100%;
    }
    .left-accordion{
        float: none;
        width: 100%;
    }
    .right-question{
        float: none;
        width: 100%;
    }
    .question-form{
        width: 70%;
        margin: 0 auto;
    }
    .tools-box{
        width: 45%;
        margin: 10px;
    }
    .left-content{
        float: none;
        width: 100%;
    }
    .right-img{
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .enq{
        width: 45%;
    }
    .enq-scal{
        transform: scale(1);
    }
    .head-office{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .head-office-form {
        float: none;
        width: 100%;
    }
    .head-office-form h2{
        margin-top: 50px;
    }
}
@media screen and (max-width:768px){ 
    .about-content {
        background: url(../images/r-about-company.jpg) !important;
    }
    .downlds{
        max-width: 100%;
    }
    .overview-parent{flex-direction: column;}
    .he-p{flex-direction: column;}
    .head-office-sales{width: 100%;}
    /* .ban-mob5{background: url(../images/banner/home-banner/m0.jpg) center center/cover !important;} */
    .up-product{float: none;max-width: 100%;height: auto;}
    .sitemap ul li a{
        font-size: 16px;
    }
    .career-page-form h2{
        font-size: 24px;
    }
    .product-overview-content h2{
        font-size: 28px;
    }
    .inner-page-heading h2{
        font-size: 30px;
    }
    .tool-desc h3{
        font-size: 22px;
    }
    .footer-contact a{
        /* padding: 10px 20px 30px; */
        font-size: 15px;
    }
    #to-top{
        width: 45px;
        height: 55px;
    }
   .banner-bold-txt,.banner-middle-bold-txt{
       font-size: 36px;
   }
   /* .products-box{
       width: 46%;
   } */
   .footer-bottom-divs{
       width: 70%;
   }
   .enq {
    width: 60%;
}
.multiple-locations{
    width: 100%;
}
.bottom-logo, .bootom-right-icons{
    max-width: 100%;
    text-align: center;
}
.n-e-w-r{
    width: 100%;
}
.abt-img{
    display: none;
}
.about-content{
    padding: unset;
}
.application-desc{
    max-width: 100%;
}
.career-page-form form,.career-form-group{
    width: 100%;
}
}
@media screen and (max-width:576px){
    .product-description .text{
        width: 100%;
        padding: 10px;
    }
    .product-description .text h3{
        font-size: 18px;
    }
    .fea-left h2{font-size: 24px;}
    .infra-img img{
        width: 100%;
        margin: 10px 0;
    }
    .in-h2{
        font-size: 22px;
    }
    .view-all a{
        font-size: 18px;
    }
   .events-sec{
       width: 100%;
       margin-top: 20px;
       margin-right: unset;
   }
  
   .application-desc{
       width: 100%;
       max-width:100%;
   }
   .application-desc p{
       text-align: justify;
   }
   .question-form {
        width: 100%;
    }
    .banner-title{
        max-width: 360px;
    }
    .banner-title h2{
        font-size: 22px;
    }
    .banner-title::after{
        right: -20px;
        top: -20px;
    }
    .banner-title::before{
        left: -18px;
        bottom: -18px;
    }
    .tools-box{
        width: 96%;
    }
    .eng-form form {
        width: 100%;
    }
    .map img {
        width: 100%;
    }
    .head-office{
        width: 100%;
        display: block;
        text-align: center;
    }
    .n-e-w-r,.head-office-sales{
        width: 100%;
        text-align: center;
    }
   
    .product-img{
        max-width: 280px;
        margin: 0 auto;
        width: 100%;
    }

}
@media(max-width:480px){
    #recap {
        overflow: scroll;
    }
    .pdf-icon{
        font-size: 16px;
    }
    .downloads-link a{
        font-size: 16px;
    }
    .pdf-link-parent{
        text-align: center;
    }
    .pdf-link{
        max-width: 260px;
    }
    .fea-left{
        padding: 20px ;
    }
    .fea-left h2{font-size: 20px;}
    .big-font{font-size: 16px;}
    .fea-right {
        width: initial;
    }
    .info-list-1 li{font-size: 14px;}
    .disc .left-content h2{font-size: 24px;}
    .product-enq-link{
        text-align: center !important;
    }
    .product-enq-link a{
        font-size: 9px;
    }
    .th-parent-img img{width: 100%;}
    .brl{font-size: 18px;}
    .fea-right h2{
        font-size: 24px;
    }
    .in-h2{
        font-size: 24px;
    }
    .fea-right h3 span {
        border: 4px solid;
        padding: 10px;
        border-radius: 40px;
        font-size: 20px;
    }
    .left-content, .right-img{
        padding: unset;
    }
    .right-icon,.phone,.sitemap-icon-head{
        font-size: 18px;
    }
    .sitemap ul li a{
        font-size: 10px;
    }
    .career-page-form h2 {
        font-size: 18px;
    }
    .product-overview-content h2{
        font-size: 22px;
    }
    .breadcrumbs{
        font-size: 10px;
    }
    .inner-page-heading h2{
        font-size: 26px;
    }
    .left-contact-info li a span{
        display: none;
    }
    .left-right-contact-info{
        float: none;
        display: inline-block;
    }
    .right-top-head {
        float: none;
        display: inline-block;
    }
    .top-header{
        text-align: center;
    }
    .logo-desktop-nav{
        padding: 10px 0px 10px 0px;
    }
    .products-box{
        width: 90%;
        margin: 0px 0px 20px 0px;
    }
    .product-heading h2 {
        font-size: 34px;
        margin: 10px 0px 16px 0px;
    }
    .abt-content-txt h2 {
        font-size: 28px;
    margin-bottom: 20px;
    }
    .footer-bottom-divs {
        width: 90%;
    }
    .enq-btn {
        text-align: center;
    }
    .logo{
        margin: 0px 0px 9px 0px;
    }
    .banner-title {
        max-width: 270px;
    }
    .enq {
        width: 100%;
    }
    .form-group{
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .locations-info{
        display: block;
    }
    .left-loc{
        float: none;
    width: 100%;
    }
    .right-loc{
        float: none;
    width: 100%;
    display: block;
    }
    .abt-content-txt h3{
        font-size: 26px;
    }
    .read-more a{
        padding: 10px 20px;
    }
    .our-products, .applications, .latest-events{
        padding: 40px 0px;
    }
    .product-title h3{
        font-size: 18px;
    }
    .application-heading h2{
        font-size: 34px;
    }
    .event-title h3{
        font-size: 24px;
    }
    .event-title h2{
        font-size: 32px;
    }
    .tools-heading h2{font-size: 34px;}
    .tool-desc h3{font-size: 22px;}
    .banner-bold-txt, .banner-middle-bold-txt {font-size: 30px;}
    .banner-bold-txt, .banner-middle-bold-txt {font-size: 30px;}
    /*   */
    .about-content-right{padding: 30px 0px;}
    .logo img {
        width: 188px;
    }
    .sitemap-icon {
        margin-right: 10px;
        font-size: 13px;
    }
}
@media(max-width:380px){
    .disc .left-content h2{font-size: 20px;}
   .about-img{
       padding: 20px;
   }
   .bottom-logo img{
       width: 100%;
   }
   .banner-bold-txt, .banner-middle-bold-txt {font-size: 22px;}
   
}