@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1680px) {
    .container { max-width: 1536px; }
}
@media only screen and (min-width:1200px) {

    /*HEADER-MENU-RAMESH*/
    .navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
    .navmenu > ul > li  ul { position: absolute; top: 100%; min-width: 300px; background-color: #fff; margin-left: 0px; display: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); padding: 5px 0px; }
    .navmenu > ul > li > ul  li { position: relative; line-height: 1.1; padding: 0px 15px; }
    .navmenu > ul > li > ul  li a { position: relative; line-height: 1.1; padding: 10px 0px; display: block; border-bottom: 1px solid #838383; color: #555; }
    .navmenu > ul > li ul li ul { top: 0px; left: 100%; z-index: 1; }
    .navmenu > ul > li > ul  li  a:hover, .navmenu > ul > li  ul  li.current-menu-item > a { color: #323B6F; }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 10px; height: 10px; position: absolute; top: calc(50% + 2px); right: 0px; transform: translateY(-50%); }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 18px; }
    .navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu>ul>li:hover>a:before, .navmenu > ul > li.current-menu-ancestor > a::before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
    .navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }
    .navmenu > ul > li ul { border-radius: 5px; }
    .navmenu>ul>li>a::after { opacity: 0; transition: all 0.3s ease; height: 1px; width: 0%; background-color: #323B6F; position: absolute; bottom: 10px; left: 0px; content: ''; }
    .navmenu>ul>li>a:hover::after, .navmenu>ul li.current-menu-item>a::after { opacity: 1; width: 100%; }

    /*OTHER DESKTOP CODE*/
    .mainheader .container { opacity: 0; transform: translateY(40px); transition: all 0.5s ease-out; }
    .mainheader.active .container { opacity: 1; transform: translateY(0px); }
    .hero-image { clip-path: polygon(0% 80%, 100% 80%, 100% 100%, 0% 100%); transition: clip-path 0.8s ease-out, transform 0.8s ease-out; }
    .active .hero-section .hero-image { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .home .hero-section-top { opacity: 0; transform: translateY(30px); transition: all 0.5s ease-out; }
    .home .hero-section-top.active { opacity: 1; transform: translateY(0px); }
    .industry-item:hover .blog-date { color: #fff }
    .industry-item a:hover h4, .industry-item a:hover { color: #FFFFFF; }
    .industry-item a:hover { background-color: #323B6F; transition: all 0.3s ease-in-out; }
    .industry-item a:hover .hm-blog-left { transform: translateX(40px); }
    .industry-item a:hover .hm-blog-right { transform: translateX(-40px); }
    .industry-item a:hover  .hm-blog-arrow { transform: translateX(-40px); }
    .industry-item a:hover svg path { fill: #fff; }
    .industry-item a:hover { border-color: #323B6F; }
    .technical_track:hover { animation-play-state: paused; }

    /* hover / focus */
    .line-btn-theme:hover::after, .line-btn-theme:focus::after { opacity: 1; transform: translateY(-50%) translateX(0); /* slide into place */ }

/*HEADER-MENU-END-RAMESH*/ }
@media only screen and (max-width:1680px) {
    .futuresection-content-inner h2 { font-size: 140px; }
    .mt-200 { margin-top: 150px; }
    .t120 { font-size: 80px; letter-spacing: -1.4px; }
    .hero-section-top { padding-left: 30px; }
    .hero-image { height: 110vh; }
    .hero-section-top { margin-top: 130px; }
    .hero-section-bottom { margin-bottom: 100px; }
    .mt-150 { margin-top: 100px; }
    .mb-100 { margin-bottom: 80px; }
    h4, .th4, .line-btn-theme { font-size: 30px; }
    .line-btn-theme { padding-bottom: 20px; }
    .mb-150 { margin-bottom: 100px; }
    h1, .th1, h2, .th2 { font-size: 50px; letter-spacing: -1px; line-height: 1.12; }
    .th2.ln08 { line-height: 0.6; }
    h3, .th3 { font-size: 40px; }
    .mb-250 { margin-bottom: 180px; }
    .t24 { font-size: 20px; }
    .performance-box .mb-30 { margin-bottom: 20px; }
    .performance-box { padding: 30px 12px; }
    .delivering-section .pb-100 { padding-bottom: 50px; }
    .certifications-box { padding: 50px 20px; }
    .footermain { padding: 100px 0px; }
    .footermain  .footer-vector { max-width: 210px; }
    h5, .th5 { font-size: 26px; }
    section.powders-section.mb-250 { margin-bottom: 100px; }
    .delivering-icon { max-width: 200px; }
    .logo a { max-width: 180px; }
    .ptb-150 { padding: 100px 0px; }
    .tungstencol-content-bottom .mb-70 { margin-bottom: 30px; }
    .copyright { font-size: 18px; }

    /*.future-section-content {

    padding: 200px 0px;
    }*/
   
    .timelines-right { padding-right: 60px; }
    .timelines-section .slick-prev { right: -20px; }
    .timelines-section .slick-next { right: -20px; }
    .padding-left { padding-left: calc(((100% - 1530px) + 24px) / 2); }
}
@media only screen and (max-width:1440px) {
    header.mainheader .container { max-width: 100%; padding: 0px  50px; }
    .timeline-years { left: 20px; }
    .timeline-line::before { left: -15px; }
    .futuresection-content-inner h2 { font-size: 120px; letter-spacing: -6px; }
    .padding-left { padding-left: calc(((100% - 1320px) + 24px) / 2); }
    section.timelines-section .timelines-box-inner:after { left: calc(50% - 60px); }
    .timelines-box-inner { padding: 100px 0px; }
}
@media only screen and (max-width:1366px) {
    .navmenu>ul>li { margin: 0px 8px; }
    .padding-left { padding-left: calc(((100% - 1140px) + 24px) / 2); }
    h4, .th4, .line-btn-theme { font-size: 28px; }
    h5, .th5 { font-size: 24px; }
    .footerbottom .row { justify-content: space-between; }
    .timeline-container { padding: 90px 0px 90px 0px; }
    .futuresection-content-inner h2 { font-size: 100px; }
    .timelines-right { padding-right: 0px; }
    .timelines-section .slick-prev { left: auto; right: -70px; }
    .timelines-section  .slick-next { right: -70px; }
}
@media only screen and (max-width:1280px) { }
@media only screen and (min-width:1200px) { }
@media only screen and (max-width:1199px) {

    /* HEADER-MENU START RAMESH */
    .navarrow { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .navarrow::before { content: ''; width: 12px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-normal.svg) no-repeat; background-position: left center; left: 0px; background-size: 12px; }
    .navarup::before { transform: rotate(180deg); }
    .navbartoggle, .closebtn { display: inline-flex; line-height: 1; }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 50%; background: #fff; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; -webkit-box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
    .navmenu.slide { right: 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .icnline { background-color: #323B6F; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #323B6F; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu > ul { padding: 50px 15px 0px 30px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 20px; padding: 0px; }
    .navmenu>ul>li a { font-size: 24px; color: #555; padding: 0px; }
    .navmenu > ul  li  ul { position: relative; margin-left: 0px; background-color: transparent; padding: 15px 0px 0px 30px; box-shadow: none; }
    .navmenu > ul > li  ul  li  a { font-size: 18px; color: #555; }
    .navmenu > ul li ul li ul { padding: 20px 0px 20px 20px }
    .navmenu > ul li ul li ul li { position: relative; }
    .navmenu > ul li ul li { position: relative; margin: 8px 0px; }
    .navmenu>ul>li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0px; }
    .navmenu > ul li ul li:first-child { margin-top: 0px; }
    header .logo { max-width: 150px; }
    .headerwrap.plr100 { padding: 20px 50px; }
    .navmenu > ul > li:last-child >  a { padding: 0px 0px; }

    /*HEADER-MENU END RAMESH*/
    .mb-250 { margin-bottom: 100px; }
    .mt-250 { margin-top: 100px; }
    .mb-150 { margin-bottom: 80px; }
    .mb-100 { margin-bottom: 80px; }
    .mt-150 { margin-top: 100px; }
    .contentrow { flex-direction: column-reverse; }
    .banner-big-text { top: 150px; left: 100px; }
    .banner-small-text { left: 100px; bottom: 80px; }
    .mainheader { padding: 20px 0px; }
    .transparent-btn, .theme-btn { gap: 5px; padding: 10px 15px; border-radius: 5px; }
    .mt-150 { margin-top: 80px; }
    .hero-image { height: 65vh; }
    .hero-image { margin: 0px 0px; }
    .hero-section-top, .hero-section-bottom { margin: 0px; }
    .hero-section-top { padding-left: 12px; }
    .hero-content { padding: 60px 0px; }
    .hero-content-btn a.theme-btn.mt-15 { margin-top: 0px; }
    .hero-section-top .t120.pb-50 { padding-bottom: 20px; }
    .t120 { font-size: 50px; letter-spacing: -1px; }
    .rightbtn { margin: 0px; }
    .rightbtn a.transparent-btn { margin-right: 10px; }
    body { font-size: 20px; font-weight: 300; }
    .hero-section-bottom { display: flex; justify-content: flex-end; }
    .mb-100 { margin-bottom: 50px; }
    h4, .th4, .line-btn-theme { font-size: 24px; }
    .line-btn-theme { padding-bottom: 10px; }
    .innovation-top { padding-bottom: 20px; margin-bottom: 50px; }
    .stats-grid { gap: 30px 24px; grid-template-columns: 1fr 1fr 1fr 1fr; }
    .countertext .th2 { margin-bottom: 0px; }
    .mb-250 { margin-bottom: 80px; }
    .powders-section-top { padding-bottom: 30px; margin-bottom: 30px; }
    section.powders-section .powders-section-middle { flex-direction: column-reverse; }
    h5, .th5 { font-size: 22px; }
    .mb-50 { margin-bottom: 30px; }
    section.powders-section.mb-250 { margin-bottom: 50px; }
    h1, .th1, h2, .th2 { font-size: 38px; letter-spacing: -0.5px; }
    h3, .th3 { font-size: 30px; }
    .ptb-150 { padding: 80px 0px; }
    .innovation-section { padding: 80px 0px; }
    .tungstencol::before { left: calc(50% + 45px); }
    .logo-box .hover-content { position: static; opacity: 1; visibility: visible; background: transparent; height: auto; padding: 15px 0px 0px 0px; border: none; }
    .logo-box { padding: 30px 12px; }
    .technical-slider-img.mb-30 { margin-bottom: 20px; }
    .precisely-banner { background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: scroll; height: auto; min-height: 400px; }
    .padding-left { padding-left: calc(((100% - 940px) + 24px) / 2); }
    .precisely-section-left { margin-bottom: 20px; }
    .delivering-icon { max-width: 110px; }
    .delivering-section .pb-100 { padding-bottom: 30px; }
    header.mainheader .container { padding: 0px  30px; }
    a.line-btn-theme { font-size: 20px; padding-right: 30px; color: #323B6F; border-color: #323B6F; }
    .line-btn-theme::after { height: 16px; width: 16px; opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0px); top: 12px; }
    .stats-grid { margin-top: 20px; gap: 30px 24px; grid-template-columns: 2fr 2fr; }
    .line-btn-theme:hover, .line-btn-theme:focus { padding-right: 30px; }
    .hm-blog-arrow svg { width: 20px; }
    .tungstencol::before { display: none; }
    .delivering-slider .slick-list.draggable { padding-bottom: 20px; }
    .delivering-slider .slick-dots { bottom: 0px; }
    .innovation-section { background-attachment: scroll; }
    .industry-item a { padding: 30px 0px; }
    .timeline-section { height: initial; }
    .lg-block { display: block; }
    .lg-none { display: none; }
    .timeline-container { padding: 80px 0px 50px 0px; }
    .year-content { display: block; }
    .timeline-container { position: static; }
    .timeline-left { display: flex; flex-wrap: wrap; height: initial; }
    .year-content { margin-bottom: 30px; }
    .timeline-left-title { margin-bottom: 20px; }
    .hometimeline-img { margin-bottom: 20px; }
    .timeline-content { display: flex; flex-wrap: wrap; justify-content: center; margin: 0px -12px; }
    .year-content { width: 50%; padding: 0px 12px; }
    .btn-theme-submit input[type="submit"] { padding: 10px 32px 10px 15px; border-radius: 5px; }
    .form-control { padding: 10px 20px; border-radius: 5px; }

    /*.future-section-img , .future-section-img img { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .future-section-content {
    padding: 80px 0px;
    }*/
    .pb-50 { padding-bottom: 30px; }

    /*.future-section-content-left.mb-150 {
    margin-bottom: 50px;
    }*/
    .mt-200 { margin-top: 100px; }
    .futuresection-content-inner h2 { font-size: 50px; letter-spacing: -2px; }
    .reveal-wrap { height: 60vh; }
    .futuresection-content-inner h2 br { display: none; }
    .timelines-section .slick-dots { bottom: -40px; }

    .timelines-box-inner { padding: 80px 0px; }
    section.timelines-section .timelines-box-inner:after {display: none; }
}
@media only screen and (max-width:992px) {

    /* header-menu */
    .navmenu { width: 60%; }
    .hero-image { height: 45vh; }
    .material-right:after { left: -7.5%; width: 1px; }
    .tungstencol-image { margin-bottom: 30px; }
    .delivering-icon { display: none; }
    .powdertype a::after { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1); }
    .footer-btn { margin-bottom: 40px; }
    .footermain  .footer-vector { max-width: 150px; }
    .footer-logo { margin-bottom: 20px; }
    .reveal-wrap { height: 500px; }
    .futuresection-content-right-wrap.mt-200 { margin-top: 20px; }
}
@media only screen and (max-width:768px) {

    /* header-menu */
    .navmenu { width: 100%; }
}
@media only screen and (max-width:580px) {

    /* Home-page Responsive Start */
    .container { padding: 0px 20px; }
    header.mainheader .container { padding: 0px  20px; }
    .t120 { font-size: 36px; letter-spacing: -0.5px; }
    .material-left.mb-150 { margin-bottom: 0px; }
    .material-center.mb-150 { margin-bottom: 25px; text-align: left; }
    .material-right .mb-100 { margin-bottom: 30px; }
    .material-left { position: static; }
    .mb-150 { margin-bottom: 60px; }
    .btnrow .tnrow-wrap:last-child { margin-top: 20px; }
    .btnrow .btnrow-wrap + .btnrow-wrap { margin-top: 15px; }
    a.line-btn-theme { font-size: 18px; }
    .line-btn-theme::after { height: 14px; width: 14px; top: 10px; }
    .tungstencol-content-top h2 { margin-bottom: 20px; }
    .ptb-150 { padding: 60px 0px; }
    .powderbox.mb-50 { margin-bottom: 0px; }
    .powdertype [class*="col-"] + [class*="col-"] { margin-top: 50px; }
    .powderbox.pb-30 { padding-bottom: 20px; margin-bottom: 0px; }
    .powderbox .imgzoom.mb-30 { margin-bottom: 20px; }
    h1, .th1, h2, .th2 { font-size: 28px; letter-spacing: -0.5px; }
    h4, .th4, .line-btn-theme { font-size: 20px; }
    h3, .th3 { font-size: 24px; }
    .mb-100 { margin-bottom: 30px; }
    .innovation-section { padding: 50px 0px; }
    .precisely-banner { min-height: 200px; }
    .materialscol.mb-100 { margin-bottom: 20px; }
    .material-center-img { margin-bottom: 30px; }
    .innovation-top { margin-bottom: 20px; }
    .innovation-section { padding: 60px 0px; }
    .powders-section-top { padding-bottom: 20px; margin-bottom: 20px; }
    .mb-50 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 20px; }
    .mb-250 { margin-bottom: 60px; }
    .delivering-slider .slick-list.draggable { padding-bottom: 30px; }
    section.delivering-section { text-align: center; }
    .certificationsrow.row { flex-direction: column-reverse; text-align: center; }
    .certifications-title { padding: 60px 0px 30px; }
    .performance-slider .slick-track { margin: 0px 0px; }
    .delivering-box { padding-top: 30px; }
    .hm-blog-arrow { display: none; }
    .blog-title { margin-bottom: 20px; }
    .footermain { padding: 60px 0px; }
    .footerlink { margin-bottom: 30px; }
    .footer-logo { max-width: 200px; }
    .socialicon ul li a { width: 40px; height: 40px; }
    .socialicon ul li a svg { transform: scale(0.9); }
    .future-title.pb-50 { padding-bottom: 0px; }
    .future-title.pb-50 { padding-bottom: 0px; margin-bottom: 25px; }
    .performance-slider.borderTop.borderBottom { border: navajowhite; }
    .performance-section  .borderTop::before { display: none; }
    .performance-section .borderBottom::after { display: none; }
    .performance-box { border: 1px solid #838383; }
    .performance-items { margin: 0px 20px; }
    .future-title.pb-50 { margin-bottom: 30px; }
    .delivering-slider .slick-list.draggable, .certificationsrow .slick-list.draggable { border-top: 1px solid #838383; }
    .future-title h2 { margin-bottom: 0px; padding-bottom: 20px; }
    section.certifications-section .container { padding: 0px; width: 100%; }
    .text20 { font-size: 18px; }
    .innovation-top { margin-bottom: 30px; padding-bottom: 30px; }
    .powdertype a::after { width: 30px; height: 30px; background-size: 15px; }
    section.certifications-section { overflow: hidden; }
    .precisely-banner-wrap { padding: 0px 20px; }
    .blog-date { padding-bottom: 5px; }
    .hero-image { height: 65vh; }
    .timeline-container { padding: 60px 0px 60px 0px; }
    .year-content { width: 100%; padding: 0px 0px; }
    .timeline-content { margin: 0px 0px; }
    .timeline-left-title { margin-bottom: 10px; }
    .year-content + .year-content { margin-top: 30px; }
    .year-content { margin-bottom: 0px; }
    .modal-body { padding: 50px 20px; }
    .material-center { position: static; }
    .precisely-vector { max-width: 130px; }

    /*.future-section-content-left.mb-150{margin-bottom: 30px;}
    .future-section-content {
    padding: 50px 0px;
    }*/
    .material-center { order: -1; }
    .futuresection-content-inner h2 { font-size: 36px; letter-spacing: -1px; }
    .timelines-content { margin-bottom: 20px; }
    .timelines-box-inner {
    padding: 50px 0px;
}
}
@media only screen and (max-width:375px) {
    .logo a { max-width: 120px; }
}

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