﻿@media only screen and (min-width:1921px) {
    .factroybanner img{width: 100%;}
    .factroybanner{width: 100%;}
    .stichstickymcn, .svgsitkcyrow{top: 18vh;}
 }
@media only screen and (min-width:1681px) {
    .container { max-width: 1536px; }
    
}

@media only screen and (max-width:1768px) {
    .t238{font-size: 200px;}
    .t300{font-size: 300px;}
    h1, .th1, h2{font-size: 90px;}
    h3, .th3{font-size: 30px;}
    .t50{font-size: 45px;}
    .t70{font-size: 60px;}
    .t150{font-size: 120px;}
    .mainheader{padding: 0px 50px;}
    .textwave{padding: 90px 0px;}
    .lagacyitem{margin-top: -50px;}
    .lagacyitemlist .lagacyitem:nth-child(odd){margin-bottom: -60px;}
    .mb-250{margin-bottom: 200px;}
    .pb-250{padding-bottom: 200px;}
    .pt-250{padding-top: 200px;}
    .stickylagacy{padding: 180px 0px;}
    .quilityrow{padding-top: 150px;}
    .productstick .proditems{padding: 70px 30px;top: 110px;}
    .productstick .proditems:nth-child(3n + 2){margin-top: 732px;}
    .productstick .proditems:nth-child(3n + 3){margin-top: 1464px;}
    .productstick .proditems.lastprod{min-height: 732px;}
    .clinetindustries{padding: 100px 50px 200px;}
    .hero-home-banner{padding: 150px 50px 50px;}
    .hero-home-banner .mb-100{margin-bottom: 50px;}
    .mainfooter {padding: 100px 0px 50px;}
    .pagelogo img, .footerlogo img{width: 700px;}
    .mainfooter .mb-150{margin-bottom: 100px;}
    .text-wrapper.mb-50{margin-bottom: 30px;}
    .factroybanner{width: 100%;}
    .quilityrow{padding:250px calc(((100% - 1300px)) / 2) 0px ;}
    .left-padding{padding-left:calc(((100% - 1300px)) / 2);}
    .productstick .proditems{width: 33.37%;}
    .stichstickymcn{top: 80px;}
    .svgsitkcyrow{top: 17vh;}
    .text-wrapper{max-height: 190px;}
}
@media only screen and (max-width:1680px) {
    .stickylagacy {padding: 150px 0px;}
    .stichstickymcn {top: 15vh;}
    .t300 {font-size: 250px;}
}
@media only screen and (max-width:1599px) {
    .t238 { font-size: 195px;}
    h1, .th1, h2{font-size: 70px;}
    .stichstickymcn{top: 70px;}
    .productstick .proditems{top: 64px;}
    .productstick .proditems img{max-height: 400px;}
    .productstick .proditems.lastprod{min-height: 626px;}
    .stickylagacy{padding: 150px 0px;}
    .t300 { font-size: 250px;}
    .lagacyitemlist .lagacyitem:nth-child(odd) {margin-bottom: -40px;}
    .lagacyitem{margin-left: 400px;max-width: 400px;}
    .svgsitkcyrow{top: 12vh;}
    .mainfooter .mb-150 {margin-bottom: 70px;}
    .thankyoupage{padding: 200px 0px 150px;}
}
@media only screen and (max-width:1440px) {
    body{font-size: 20px;}
    h1, .th1, h2{font-size: 70px;}
    h3, .th3 {font-size: 24px;}
    h5, .th5{font-size: 18px;}
    .t50 {font-size: 36px;}
    .t70{font-size: 50px;}
    .t150 { font-size: 100px;}
    .t300 {font-size: 200px;}
    .mb-250{margin-bottom: 150px;}
    .pb-250{padding-bottom: 150px;}
    .pt-250{padding-top: 150px;}
    .mb-100{margin-bottom: 50px;}
    .t238 {font-size: 160px;}
    .t36{font-size: 30px;}
    .mainheader .logo img{width: 300px;}
    .mainheader .btn-theme {margin-left: 30px;}
    .headerborder{padding: 30px 0px;}
    .hero-home-banner{padding: 120px 50px 0px;}
    .productstick .proditems{padding: 50px 20px;top: 90px;}
    .productstick .proditems img{max-height: 330px;margin-bottom: 30px;}
    .productstick .proditems.lastprod { min-height: 488px;}
    .factroybanner{width: 100%;}
    .quilityrow{padding: 100px calc(((100% - 1120px)) / 2) 0px;}
    .quilityrow .titleanim{margin-bottom: 50px;}
    .counteritems .numbercol{min-width: 200px;}
    .stickylagacy { padding: 100px 0px;}
    .left-padding{padding-left: calc(((100% - 1140px)) / 2);}
    .right-padding{padding-right: calc(((100% - 1140px)) / 2);}
    .lagacyitemlist{padding-left: 110px;}
    .lagacyitem{margin-top: 0px;}
    .lagacyitemlist .lagacyitem:nth-child(odd) {margin-bottom: -40px;}
    .imgcaption{padding: 20px;}
    .lagacyitem {margin-left: 350px;max-width: 350px;}
    .clinetindustries {padding: 50px 50px 150px;}
    .btn-theme{padding: 12px 15px;font-size: 16px;}
    .mainfooter {padding: 100px 0px 30px;}
    .footerlink ul li{margin-bottom: 5px;}
    .footerlink ul li a{font-size: 16px;}
    .mainfooter .mb-150{margin-bottom: 50px;}
    .mainfooter h5{margin-bottom: 15px;}
    .footerlogo{margin-bottom: 30px;}
    .clientitems{padding: 50px 30px;}
    .indcaption{padding: 30px;}
    .linebtn{font-size: 18px;padding-bottom: 5px;}
    .btnind{padding-top: 10px;}
    .textmarqee{padding: 30px 70px;}
    .productstick .proditems{width: 33.38%;}
    .productstick .proditems h3{letter-spacing: -0.3px;}
    .proditems span{top: 20px;right: 20px;}
    .btnarrowsq{padding: 15px 20px;}
    .pagenotfound img{width: 300px;}
    .pagenotfound .mb-50{margin-bottom: 30px;}
    .pagetopoffset {padding-top: 200px;}
    .stichstickymcn{top: 80px;}
    .text-wrapper{max-height: 150px;}
    .text-wrapper.mb-50{margin-bottom: 25px;}

    .pagelogo img, .footerlogo img{width: 500px;}
}
@media only screen and (max-width:1366px) { }
@media only screen and (max-width:1280px) {
    .logoimg {margin-bottom: 243px;}
    h3, .th3 { font-size: 20px;}
 }
@media only screen and (max-width:1200px) {
    h1, h2, .t238, .t300{word-spacing: 0px;}
    .maincontent{margin-bottom: 0px;}
    .pageoverlayeffects{display: none;}
    .h-spacer{display: none;}
    h1, .th1, h2{font-size: 50px;letter-spacing: -1px;}
    h3{letter-spacing: 0px;}
    .t238{font-size: 120px;line-height: 1;}
     .t300{font-size: 90px;line-height: 1;}
    .t50{font-size: 30px;}
    .t150{font-size: 80px;}
    .t70{font-size: 45px;}
    .t36 {font-size: 24px;letter-spacing: 0px;}
    .mb-250{margin-bottom: 100px;}
    .pb-250{padding-bottom: 100px;}
    .pt-250 {padding-top: 100px;}
    .hero-home-banner .t238{letter-spacing: 0px;}
    .toptitle{transform: none;opacity: 1;margin-top: 70px;margin-bottom: 0px;}
    .hero-home-banner{padding: 100px 30px 0px;}
    .lagacyitemlist{position: relative;padding: 0px;flex-wrap: wrap;margin: 0px -12px;justify-content: center;}
    .lagacyitem{transform: translateX(0px);margin: 0px 0px 30px !important;max-width: 100%;width: 33.33%;padding: 0px 12px;}
    .imgcaption{position: relative;opacity: 1;}
    .lagcontent{min-height: 100%;background-color: #C3002F;text-align: center;}
    .imgcaption h3{margin-bottom: 10px;}
    .stickylagacy{width: 100%;overflow: hidden;padding-bottom: 70px;position: relative;}
    .clinetindustries{padding: 0px 50px 100px;}
    .wavinglagacyrow{padding: 0px 50px;}
    .textwave{padding: 0px 0px 30px;text-align: center;}
    .clientitems { padding: 30px 20px;}
    .productstick{align-items: stretch;}
    .productstick .proditems{top: 0px;position: relative;width: 33.4%;}
    .productstick .proditems.lastprod{min-height: inherit;}
    .productstick .proditems img{max-height: 250px;}
    .productstick .proditems:nth-child(3n + 2), .productstick .proditems:nth-child(3n + 3){margin-top: -1px;}
    .qulityContent, .counteritems{transform: none;opacity: 1;}
    .indcaption {padding: 20px;}
    .quilityrow .titleanim { margin-bottom: 30px;}
    .counteritems{padding-bottom: 30px;margin-bottom: 30px;}
    .counteritems .numbercol {min-width: 160px;}
    .quilityrow{padding: 100px 0px 0px;}
    .mainfooter{padding: 70px 0px;position: relative;}
    .mainfooter .mb-150{margin-bottom: 70px;}
    .productstick .proditems img{margin-bottom: 20px;}
    .pagetopoffset {padding-top: 180px;}
    .bottomtitle span{display: block;}
    .benefit-text{position: relative;opacity: 1;margin-bottom: 10px;}
    .text-wrapper{min-height: initial;}
    .textmarqee {padding: 30px 50px;}
    .clientitems{width: 25%;}
    .text-wrapper{max-height: initial;mask-image: none;}
  
    /* .aniborderh, .rightsvgborder, .aniborderv, .boxborderh , .boxborderv   {clip-path: inherit;} */
}
@media only screen and (max-width:992px) {
    .t238, .t300{font-size: 72px;}
    h1, .th1, h2{letter-spacing: 0px;font-size: 40px;}
    .t70{font-size: 36px;}
    .t50 {font-size: 24px;}
    .t150 {font-size: 72px;line-height: 1;}
    .mb-100{margin-bottom: 30px;}
    .mb-50{margin-bottom: 30px;}
    .productstick .proditems img {max-height: 200px;}
    .lagacyitem{width: 50%;}
    .clientitems{width: 25%;}
    .indcaption{position: relative;width: 100%;}
    .mainfooter .mb-150{margin-bottom: 50px;}
    .mainheader .logo img, .mainheader.sticky .logo img{width: 150px;}
    .productstick .proditems h3{font-size: 22px;}
}
@media only screen and (max-width:767px) {
    .container{padding: 0px 20px;}
    .navmenu{width: 100%;}
    h1, .th1, h2, .t70{font-size: 30px;margin-bottom: 20px; }
    .mb-250{margin-bottom: 60px;}
    .pb-250{padding-bottom: 60px;}
    .pt-250 {padding-top: 60px;}
    .t238, .t300 {font-size: 40px;}
    .t50 {font-size: 24px;line-height: 1.3;}
    .t36{font-size: 20px;line-height: 1.3;}
    .headerborder {padding: 15px 0px;}
    .mainheader{padding: 0px 20px;}
    .hero-home-banner{height: initial;padding-left: 20px;padding-right: 20px;}
    .toptitle{margin-top:0px;}
    .hero-home-banner .mb-100{margin-bottom: 100px;}
    .heroproduct .row [class*="col-"]:first-child{margin-bottom: 30px;}
   .productstick .proditems{width: 100%;}
   .productstick{padding: 0px 20px;align-items: flex-start;margin: 0px;}
   .productstick .proditems{margin-bottom: 30px;}
   .productstick .proditems.lastprod{margin-bottom: 0px;}
   .industmachine{margin-bottom: 60px;}
   .wavinglagacyrow{padding: 0px 20px;}
   .stickylagacy{padding: 60px 0px 30px;}
   .quilityrow{padding-top: 60px;}
   .quilityrow .titleanim{margin-bottom: 20px;}
   .textmarqee{font-size: 24px;padding:20px 30px;}
   .lagacyitem{width: 100%;}
   .lagacyitem img{width: 100%;}
   .clientitems{width: 50%;padding: 20px;}
   .clinetindustries{padding: 0px 20px 60px;}
   .customisedrow .row [class*="col-"]:nth-child(2){margin-bottom: 30px;}
   .counteritems{flex-wrap: wrap;padding-bottom: 20px;margin-bottom: 20px;}
   .counteritems .numbercol{min-width: 100%;width: 100%;margin-bottom: 10px;}
   .industyprerow .t70{margin-bottom: 20px;}
   .industyprerow .row [class*="col-"]:first-child .inditems{margin-bottom: 30px;}
   .mainfooter .mb-30{margin-bottom: 20px;}
   .mainfooter .mb-150{margin-bottom: 30px;}
   .mainfooter  h5{margin-bottom: 10px;}
   .footerlogo{margin-bottom: 15px;}
   .mainheader .btn-theme{display: none;}
   .pagenotfound img{width: 200px;}
   .pagenotfound p br{display: none;}
   .pagetopoffset {padding-top: 110px;}
   .pagenotfound .mb-50{margin-bottom: 20px;}
   .svgsitkcyrow{position: relative;top: 0px;}
   .svganimcol{margin-bottom: 20px;}
   .benefit-text.is-active .solutiontext, .solutiontext{animation: none;}
   .navmenu{padding: 70px 20px;}

}
@media only screen and (max-width:580px) { }
@media only screen and (max-width:375px) { 
    .t238, .t300{font-size: 34px;}
}

/* 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 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; }

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeIn { animation-name: fadeIn; }