@media screen and (min-width: 1601px) {
  .slider{height: 700px;}
}
@media screen and (min-width: 1800px) {
  .slider{height: 850px;}
}
@media screen and (max-width: 1400px) {
  .header .logo img{max-width: 200px;}
  .header.sticky .logo img {max-width: 170px;}  
.career-div,.slider-text,.slider-image,.slider,.thank-div{margin-top: 197px;}
  .header .menu ul li a {font-size: 20px;}
  .testi-section h2 {font-size: 43px;line-height: 52px;}
  .about-outer .about-1{padding-top: 27px;}
  .about-outer .about-2 p.head{margin-bottom: 0;}
  .about-outer .about-2 h2 { font-size: 17px;line-height: 28px; margin-bottom: 15px;}
  .about-outer .about p{font-size: 15px; line-height: 23px;}
  .about-outer .about-1 p {margin-bottom: 170px;}
  .whyus-section{padding-top: 24px; padding-bottom: 55px;}
  .why-rgt p {font-size: 18px;line-height: 25px;}
  .about-us-div .corporeation .border{width: 300px;}
  .h-product-section p.head{margin-bottom: 10px;}
  .h-product-section .content h2 {font-size: 22px;line-height: 31px; margin-top: 6px;}
  .h-product-section .content ul{margin-top: 35px;}
  .h-lubrication-div {padding: 30px 0 40px 0;}
  .h-lubrication-div .resp-tabs-list .resp-tab-item{margin-right: 80px;}
  .h-lubrication-div .resp-tab-content{min-height: 170px;}
  .h-contact-div { padding: 30px 0 54px 0;}
  .contact-box h2{margin-bottom: 20px;}
  .h-contact-div p.head{margin-bottom: 15px;}
  .testimonial-div {padding: 22px 0 60px 0;}
  .testi-box ul li {font-size: 18px;line-height: 28px;}
  .testimonial-div .testcase-div{padding-top: 20px;}
  .testimonial-div .testcase-div ul li a{font-size: 18px;}


  .slider-text h1 {font-size: 34px;line-height: 44px;}
  .slider-text {padding: 115px 20px 125px 20px;}
  .protection-div h2{font-size: 23px;}
  .protection-tabing .resp-tabs-list{margin-top: 25px;}
  .protection-tabing .resp-tabs-list .resp-tab-item{margin-right: 80px;}
  .protection-tabing .resp-tab-content{min-height: 170px;}
}
@media screen and (max-width: 1350px) {
  .slider{height: 400px;}
  @media (min-aspect-ratio:16/9) {       
    .home-video-banner iframe {height: 300%;top: -100%;width: 100%;left: 0;}    
  }

}
@media screen and (max-width: 1200px) {
  @media (min-aspect-ratio:16/9) {       
    .home-video-banner iframe {height: 300%;top: -100%;width: 110%;left: -10%;}
  }
}
@media screen and (max-width: 1100px) {
.container{width:100%; padding: 0 15px;}
.header.sticky .menu ul li,.header .menu ul li{width: 160px;}
.contact-box .cnt-right .cnt-details .cntlft svg {padding-bottom: 70px;}
.contact-box .cnt-right .cnt-details .cntlft p,.contact-box .cnt-right .cnt-details .cntrgt p{font-size: 13px;}

.footer {padding-top: 30px;padding-bottom: 20px;}
.footer h2 {font-size: 21px;margin-bottom: 20px;}
.footer .copyright h2 {font-size: 21px;margin-bottom: 25px;}
.footer .copyright{width: 35%;}
.footer .offer-sec {width: 25%;  padding-right: 0;}
.footer .offer-sec ul li {margin-bottom: 15px; width: 100%;}
.footer .touch-div{width: 40%;}
.footer .touch-div p {font-size: 16px;line-height: 33px;}
.footer .offer-sec ul li a {font-size: 18px;line-height: 18px;}
#return-to-top span {height: 40px;width: 40px;}
#return-to-top span svg{height: 17px !important;width: 20px !important;}


.slider-text h1 {font-size: 30px;line-height: 40px;}
.slider-text {padding: 85px 20px;}

.down-arrow.luc {padding: 10px 0 40px 0;}
.down-arrow svg{height: 30px !important}
.protection-div h2 {font-size: 21px;}
.protection-div{padding: 30px 0;}

.metshiel-text-bg .metshield-text h2 {font-size: 173px;line-height: 200px;}
.metshiel-text-bg .text-on p{padding: 35px 0;}

.best-mate-div {padding: 50px 0;}
.open-position-div {padding: 39px 0 50px 0;}
.open-position-div .down-arrow {padding: 15px 0 35px 0;}
.open-position-div ul li .box h2{margin-bottom: 10px;}
.open-position-div ul li .box{min-height: 160px;}

.slider {height: 370px;}

.friction-div p {font-size: 18px;line-height: 27px;}
.friction-div {padding: 30px 15px 70px 15px;}
.friction-div h1 {font-size: 20px;padding-top: 10px;padding-bottom: 15px;}
.speciality-div h3 {font-size: 23px;line-height: 28px;margin-bottom: 20px;}
.how-div h3{font-size: 23px;line-height: 28px; margin-bottom: 13px;}
.benefits-div h3 {font-size: 23px;margin-bottom: 20px;}
.benefits-div .text-content {margin-top: 25px;}
.speciality-div .secret-div{margin-top: 30px;}
.how-div,.benefits-div{padding: 30px 0;}
}

@media screen and (max-width: 1023px) {
  .mob-menu, .mob-icon{display: inline-block;}  
  .header .logo img {max-width: 170px;}
  .header.sticky .logo img {max-width: 120px;}
  .career-div,.slider-text,.slider-image,.slider,.thank-div {margin-top: 142px;}  
  .menu{display: none;}
  .mob-icon{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
  .header .logo,.header.sticky .logo{margin: 0;}
  .header .logo .mob-icon img{max-width: inherit;}
  .header{padding: 15px 0 0 0;}
  .about-outer .about-1 { padding-top: 45px;}
  .about-us-div .corporeation .border {width: 240px; padding: 12px 0;}
  .testi-section{max-width: 480px;}
  .testi-section h2 {font-size: 34px;line-height: 42px;}
  .about-us-div .corporeation::before,.about-us-div .corporeation::after {height: 45px;}
  .about-us-div .corporeation .border{margin-top: 45px;}
  .about-us-div {padding: 23px 0 0 0;}
  .whyus-section {padding-top: 0;  padding-bottom: 35px;}
  .why-lft ul li{width: 50%;}
  .h-lubrication-div .resp-tabs-list .resp-tab-item{font-size: 17px;}
  .h-lubrication-div .resp-tabs-list .resp-tab-item {margin-right: 40px;}
  p.head{line-height: 40px !important;}
  .h-lubrication-div .resp-tab-content, .h-lubrication-div .resp-tab-content p{font-size: 15px;}
  .know-more-section p {font-size: 17px;line-height: 24px;padding-right: 30px;}
  .know-more-section{padding:14px 19px;}
  .h-product-section .content h2 {font-size: 20px;  line-height: 29px;  margin-top: 6px;}
  .contact-box .cnt-left .fields .field{width: 100%;}
  .contact-box .cnt-right .cnt-details .cntlft{width: 100%;}
  .contact-box .cnt-right .cnt-details .cntrgt{width: 100%; padding-left: 0;}
  .contact-box .cnt-right .cnt-details .cntlft svg {padding-bottom: 30px;}
  .contact-box .cnt-left .fields .field{margin-bottom: 11px;}
  .testi-box ul li {font-size: 16px;line-height: 25px;}
  .testi-box .owl-carousel .owl-dots {margin-top: 16px;}
  .testi-box ul li{max-width: 590px;}  
  .testimonial-div .testcase-div ul li{padding: 0 8px;}
  .testimonial-div .testcase-div ul li a {font-size: 16px;line-height: 46px;}
.testimonial-div {padding: 22px 0 40px 0;}

.slider-text h1 {font-size: 26px;line-height: 37px;}
.protection-div ul li {font-size: 15px;line-height: 32px;}
.protection-div h2 {font-size: 20px;}
.protection-div h2 span{display: block; font-size: 18px;}

.protection-tabing .resp-tabs-list{margin-bottom: 20px;}
.protection-tabing .resp-tabs-list .resp-tab-item{font-size: 17px;}
.protection-tabing .resp-tabs-list .resp-tab-item {margin-right: 40px;}
.protection-tabing .resp-tab-content, .protection-tabing .resp-tab-content p{font-size: 15px;}
.protection-tabing{padding: 30px 0 20px 0;}
.protection-tabing #horizontalTab{margin-top: 20px !important;}

.metshiel-text-bg .metshield-text h2 {font-size: 143px;line-height: 170px;}

body.career .header{border-bottom: 0px solid #f5f5f5;}
.open-position-div h1{font-size: 25px;}
.open-position-div p{font-size: 15px;}
.open-position-div ul li .box h2{font-size: 17px;}
.open-position-div ul li .box{padding: 15px 20px;}
.open-position-div {padding: 29px 0 40px 0;}
.open-position-div ul li{padding: 5px;}
.open-position-div ul{margin: -5px;}

@media (max-aspect-ratio:16/9) {
 .home-video-banner iframe { height:300%; top:-100% }
}
.slider {height: 300px;}


.friction-div p {font-size: 16px;line-height: 24px;}
.friction-div h1 {font-size: 17px;padding-top: 7px;padding-bottom: 12px; line-height: 24px;}
.friction-div {padding: 30px 15px 40px 15px;}
body.product .benefits-div h2, body.product .speciality-div h2, body.product .how-div h2 {font-size: 157px;line-height: 190px;}
.benefits-div ul li{padding: 5px;}
.benefits-div ul{margin: -5px;}

.header .logo .phone-email{float: left; width: 100%;background-color: #f5f5f5; margin-top: 15px; text-align: center; padding: 5px 0; }
.header .logo{padding: 0;}
.header .logo .phone-email div {position: relative;top: auto;transform: none; display: inline-block; vertical-align: middle;}
.header .logo .phone-email div.phone{margin-right: 40px;}

.header .logo .phone-email:before{content: ""; background: red; width: 100%; height: 100%; left: -100%;}

#whyus{position: relative; top: -120px; float: left;width: 100%;}
#h-contact-div{position: relative; top: -120px;float: left;width: 100%;}
#protection-div{position: relative; top: -120px; float: left;width: 100%;}
}

@media screen and (max-width: 910px) {
.about-outer .about-2 .abt-rgt .break, .about-outer .about-2 .abt-lft .break {
  display: inline;
}
.about-outer .about p {
  font-size: 14px;
  line-height: 23px;
}
}
@media screen and (max-width: 822px) {
.about-outer .about-2 .abt-rgt .break{
  display: inline-block;
}
}
@media screen and (max-width: 768px) {
  .h-lubrication-div .resp-tab-content {min-height: inherit;padding: 10px 0 20px 0;}
  .h-lubrication-div h2.resp-tab-active {border-bottom: 1px solid #c1c1c1 !important; margin-bottom: 5px !important; padding: 10px 15px !important; background-color: #E74236 !important; color: #fff;}
  .know-more-section {margin-top: 35px;}
  .h-lubrication-div h2.resp-accordion {font-size: 15px;border: 1px solid #c1c1c1 !important;font-weight: 500;font-family: 'Poppins', sans-serif; margin-bottom: 5px !important;}
  .h-lubrication-div h2.resp-tab-active span.resp-arrow{border-bottom-color: #fff;}

  .protection-tabing .resp-tab-content {min-height: inherit;padding: 10px 0 20px 0;}
  .protection-tabing h2.resp-tab-active {border-bottom: 1px solid #c1c1c1 !important; margin-bottom: 5px !important; padding: 10px 15px !important; background-color: #E74236 !important; color: #fff;}
  .protection-tabing h2.resp-accordion {font-size: 15px;border: 1px solid #c1c1c1 !important;font-weight: 500;font-family: 'Poppins', sans-serif; margin-bottom: 5px !important;}
  .protection-tabing h2.resp-tab-active span.resp-arrow{border-bottom-color: #fff;}
}
@media screen and (max-width: 767px) {
  .testi-section {max-width: 360px;}
  .testi-section h2 {font-size: 29px;line-height: 35px;}
  .about-outer .about-1 { width: 100%; padding-top: 20px;}
  .about-outer .about-1 p {margin-bottom: 20px;}
  .about-outer .about-1 .call-btn{width: 50%;}
  .about-outer .about-2 {padding-left: 0;margin-top: 20px; width: 100%;}
  .about-outer .about-2 p.head {margin-bottom: 5px;}
  .why-lft {margin-top: 12px; width: 100%;}  
  .why-lft ul li {width: 33.33%;}
  .why-rgt {float: right;width: 100%;padding-left: 0;margin-top: 40px;}
  .why-rgt p::after {bottom: -45px;}
  .why-rgt::after {bottom: -60px;}
  .whyus-section {padding-bottom: 85px;}
  .h-product-section .content ul li{padding: 0;}
  .h-product-section {padding: 21px 0 30px 0;}
  .testi-box ul li::before,.testi-box ul li::after {width: 20px;height: 17px;background-size: 20px 17px;}
  .testi-box ul li {padding: 0 25px;}
  .testi-box ul li {max-width: 500px;}
  .testimonial-div .testcase-div ul li a {font-size: 13px;line-height: 40px;}

  .footer .copyright {width: 100%;text-align: center; margin-bottom: 30px;}
  #return-to-top {margin-top: 20px;}
  .footer .copyright p.copy{margin-bottom: 20px;}
  .footer .offer-sec {width: 50%;padding-right: 40px;}
  .footer .offer-sec ul li {margin-bottom: 15px;width: 50%;}
  .footer .touch-div {width: 50%;}


  .slider-text h1 {font-size: 22px;line-height: 34px;}
  .slider-text {padding: 65px 20px;}
  .protection-tabing p {font-size: 15px;line-height: 21px;}
  .metshiel-text-bg .metshield-text h2 {font-size: 113px;line-height: 145px;}

  .best-mate-div {padding: 30px 0 50px 0;}

  .open-position-div ul li{width: 50%;}

  @media (max-aspect-ratio:16/9) {
   .home-video-banner iframe { height: 300%;top: -100%;width: 120%;left: -20%; }
  }

  .speciality-div h3,.how-div h3,.benefits-div h3 {font-size: 20px;margin-bottom: 10px;}
  .speciality-div h4 {font-size: 16px;line-height: 27px;}
  .speciality-div p,.how-div p,.benefits-div .text-content p {font-size: 15px;line-height: 25px;margin-bottom: 16px;}
  .speciality-div ul li,.benefits-div .text-content ul li {font-size: 15px;line-height: 22px;margin-bottom: 10px;}
  .speciality-div .secret-div{padding: 20px; margin-top: 20px;}
  .benefits-div ul li{width: 33.33%;}

  .g-recaptcha{transform: scale(0.8) translateX(-30px);}
}

@media screen and (max-width: 639px) {

  .about-us-div .corporeation {position: relative;top: auto;right: auto; margin-bottom: 20px;}
  .about-us-div .corporeation .border {width: 100%;padding: 12px;}
  .about-us-div .corporeation::before,.about-us-div .corporeation::after {top: -45px;}
  .testi-section {max-width: 100%;}
  .testi-section h2 {font-size: 25px;line-height: 28px;margin-bottom: 10px;}
  .about-outer .about-1 {padding-top: 20px;}
  .h-product-section .content h2 {font-size: 18px;line-height: 26px;margin-top: 6px;}
  .know-more-section p {font-size: 16px;line-height: 22px;padding-right: 20px;}
  .about-us-div {padding: 0;}
  .contact-box{padding: 20px;}
  .contact-box .cnt-left {float: left;width: 100%;border-right: 0px solid #cccccc;padding-right: 0;box-sizing: border-box;border-bottom: 1px solid #cccccc; padding-bottom: 30px; margin-bottom: 30px;}
  .contact-box .cnt-left .fields .field {width: 50%;}
  .contact-box .cnt-right img {margin-top: 0;}
  .contact-box .cnt-right {float: left;width: 100%;padding-left: 0;box-sizing: border-box;text-align: center;}
  .contact-box .cnt-right .cnt-details .cntlft{margin-bottom: 10px;}
  .testi-box ul li {max-width: 440px;}
  .testi-box h2 {font-size: 16px;line-height: 20px;}
  .contact-box .cnt-right .cnt-details .cntlft svg {padding-bottom: 0;vertical-align: middle;float: none;display: inline-block;}

  .footer .touch-div p {font-size: 14px;line-height: 33px;}
  .footer .offer-sec ul li {margin-bottom: 10px;width: 50%;}
  .footer .offer-sec ul li a {font-size: 15px;line-height: 20px;}

  .slider-text h1 {font-size: 19px;line-height: 29px;}
  .metshiel-text-bg .metshield-text h2 {font-size: 100px;line-height: 145px;}
  .metshiel-text-bg .text-on p {padding: 25px 0; font-size: 15px;}
  .best-mate-div .mate-box p span {display: inline;}

  .open-position-div h1 {font-size: 22px; margin-bottom: 15px;}
  .open-position-div p {font-size: 14px;}
  .open-position-div p span{display: inline;}

  .slider {height: 230px;}
  
  body.product .benefits-div h2, body.product .speciality-div h2, body.product .how-div h2 {font-size: 137px;line-height: 170px;}

  .g-recaptcha{transform: none;}
} 

@media screen and (max-width: 567px) {
  .header .logo img {max-width: 140px;}
  .career-div,.slider-text,.slider-image,.slider,.thank-div {margin-top: 129px;}
  .header .logo .phone-email div{font-size: 13px;}
  .header.sticky .logo img {max-width: 90px;}
  .about-us-div .corporeation .border {line-height: 17px;font-size: 12px;}
  .testi-section h2 {font-size: 22px;line-height: 25px;}
  .about-outer .about p {font-size: 14px;line-height: 22px;}
  .about-outer .about-1 .call-btn {width: 70%;}
  .about-outer .about-2 h2 {font-size: 16px;line-height: 21px;margin-bottom: 15px;}
  .about-outer .about-2 .abt-rgt,.about-outer .about-2 .abt-lft{width: 100%;}
  .about-outer .about-2 p {margin-bottom: 10px;}
  .why-lft ul li{padding: 7px; width: 50%;}
  .why-lft ul{margin: -5px;}
  .why-lft ul li p{font-size: 14px;}
  .why-rgt p {font-size: 15px;line-height: 23px;}
  .h-product-section .content p {line-height: 21px;}
  .h-product-section .content h2 {font-size: 16px;line-height: 23px;margin-top: 16px;}
  .h-product-section .content ul li{width: 33.33%;}
  .h-product-section .content ul {margin-top: 25px;}
  .h-product-section .content ul li p {font-size: 13px;line-height: 18px;}
  .h-product-section .btn-row {margin-top: 30px;}
  .h-product-section .btn-row a{width: 100%;}
  .know-more-section p {width: 100%;margin-bottom: 20px;text-align: center;padding-right: 0;}
  .know-more-section{text-align: center;align-items: center;justify-content: center;}

  .know-more-section a{float: none; display: inline-block;}
  .contact-box .cnt-left .fields .field,.contact-box .cnt-left .fields .form-row {padding: 0 5px;}

  .contact-box .cnt-left .fields {margin: 0 -5px;}
  .contact-box h2 {font-size: 18px;line-height: 20px;}
  .testi-box ul{padding: 0 20px; box-sizing: border-box;}
  .testi-box ul li {max-width: 100%;padding: 0 20px;}  
  .testimonial-div .testcase-div ul li {padding: 8px; width: 50%;}
  .testimonial-div .testcase-div ul li:nth-child(2n){padding-right: 0;}
  .testimonial-div .testcase-div ul li:nth-child(2n+1){padding-left: 0;}

  .footer .offer-sec {width: 100%;padding-right: 0;text-align: center; margin-bottom: 30px;}
  .footer .touch-div {width: 100%;text-align: center;}
  .footer .offer-sec ul{padding: 0 20px; box-sizing: border-box;}
  .footer .offer-sec ul li {width: 33.33%;}


  .slider-text {padding: 45px 20px;}
  .protection-div .inner-div{max-width: 100%;}
  .protection-div ul{padding: 0;}
  .protection-div h2 {font-size: 18px; margin-bottom: 10px;}
  .protection-div h2 span {display: block;font-size: 16px;}
  .protection-div ul li svg {margin-right: 3px;height: 10px;}
  .protection-div ul li {font-size: 14px;line-height: 28px;}

  .metshiel-text-bg .metshield-text h2 {font-size: 75px;line-height: 125px;}
  .metshiel-text-bg .text-on p {padding: 16px 0;font-size: 14px;}

  .best-mate-div {padding: 30px 0 35px 0;}
  .best-mate-div .mate-box h2 {font-size: 15px;line-height: 21px;}
  .open-position-div ul li {width: 100%;padding: 5px 0;}
  .open-position-div ul li .box {min-height: inherit;}  

  @media (max-aspect-ratio:16/9) {
   .home-video-banner iframe { height: 300%;top: -100%;width: 170%;left: -35%; }
  }

  .friction-div p {font-size: 15px;line-height: 24px;margin-bottom: 5px;}
  .friction-div h1 {font-size: 16px;padding-top: 7px;padding-bottom: 12px;line-height: 22px;}
  body.product .benefits-div h2, body.product .speciality-div h2, body.product .how-div h2 {font-size: 107px;line-height: 190px;}
  .benefits-div ul li {width: 50%;}
  .friction-div p.small {font-size: 15px;line-height: 21px;padding-top: 5px;padding-bottom: 8px;}

  #whyus{position: relative; top: -140px; float: left;width: 100%;}
#h-contact-div{position: relative; top: -140px;float: left;width: 100%;}
#protection-div{position: relative; top: -140px; float: left;width: 100%;}

.about-outer .about-2 .abt-rgt .break {
  display: inline;
}
}

@media screen and (max-width: 413px) {
  .about-outer .about-1 .call-btn {width: 100%;}
  p.head::before {width: 45px !important;}
  p.head{font-size: 15px !important}
  .career-div,.slider-text,.slider-image,.slider,.thank-div {margin-top: 161px;}
  .header .logo .phone-email div{width: 100%;}
  .header .logo .phone-email div.phone {left: 0;}
  .header .logo .phone-email div.email {right: 0;}
  p.head {line-height: 20px !important;}
  .about-outer .about-2 p.head {margin-bottom: 15px;}
  .contact-box .cnt-left .fields .field {padding: 0;width: 100%;}
  .contact-box .cnt-left .fields {margin: 0;}
  .contact-box .cnt-left .button-row {padding: 0;}
  .contact-box .cnt-left .button-row button{width: 100%;}
  .testi-box ul li {font-size: 14px;line-height: 21px;}
  .testi-box ul li::before {top: 0;}
  .testi-box ul li::after {bottom: 0;}

  .slider-text h1 {font-size: 18px;line-height: 27px;}
  .metshiel-text-bg .text-on {position: relative;top: auto;width: 100%;text-align: center;left: auto;transform: inherit; float: left; margin-top: 20px;}
  .metshiel-text-bg .metshield-text h2 {font-size: 55px;line-height: 65px;}
  .metshiel-text-bg .text-on p span {display: inline;}

  .best-mate-div .mate-box .call-btn a{line-height: 40px;}
  .slider {height: 180px;}
  .footer .offer-sec ul li {width: 50%;}
  body.product .benefits-div h2, body.product .speciality-div h2, body.product .how-div h2 {font-size: 80px;line-height: 170px;right: -12px;}
  .how-div .call-btn a{line-height: 39px; width: 100%;}
  .how-div .call-btn{margin-top: 0;}
  

  .g-recaptcha{transform: scale(0.8) translateX(-35px);}
}