@media only screen and (min-width:2400px) and (max-width: 2560px) { 

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

}
@media only screen and (max-width:1800px) {
  h1, .th1{font-size: 80px;}
  h2, .th2{font-size: 70px;}
  .marqueetrack span{font-size: 70px;}
  .mainheader::before{bottom: -22px;}
  .brand-grid-box .btn-theme{font-size: 24px;}
  .mb-250{margin-bottom: 200px;}
  .thankyoupage{margin-top: 200px;}
  .pagetopoffset {margin-top: 200px;}
  .logoimg {margin-right: 60px;}
  .prodrow .borderboxcol {padding-top: 60px;padding-bottom: 60px;}
    .btn-theme-white{padding: 15px 25px;font-size: 16px;} 
    .mincart{padding: 60px 50px;}
}
@media only screen and (max-width:1680px) {
    .mb-250{margin-bottom: 150px;}
    h2, .th2{font-size: 60px;}
    .t30, h4, .th4{font-size: 26px;}
    .marqueetrack span{font-size: 60px;}
    .brand-grid-box .borderboxcol{padding: 25px 50px;}
    .boximgpetternrow img{width: 450px;}
    .boximgpetternrow .mb-100{margin-bottom: 50px;}
    .btn-theme{font-size: 20px;padding: 23px 40px;}
    .globaltradrow .whitebox{padding-top: 180px;}
    .thankyoupage{margin-top: 180px;}
    .pagetopoffset {margin-top: 180px;}
    .foundationicon img{max-width: 200px;}
    .foundationbox h3{font-size: 46px;}
    .foundationicon{margin: 50px 0px;}
    .advantagetitle h2{font-size: 50px;}
    .advantagepointerlist li p{font-size: 30px;}
    .iconsmrow .iconitem:nth-child(2) {margin-left: 25%;}
    .iconsmrow .iconitem:nth-child(3){margin-left: 20%;}
    .iconsmrow .iconitem:nth-child(5){margin-left: 15%;}
    .iconsmrow .iconitem:nth-child(4){margin-top: 10%;}
}
@media only screen and (max-width:1600px) {
    .left-padding {padding-left: calc(((100% - 1320px) - 24px) / 2);}
}
@media only screen and (max-width:1440px) {
    body{font-size: 20px;line-height: 30px;}
    .mb-250{margin-bottom: 150px;}
    .mb-100 {margin-bottom: 50px;}
    .t50{font-size: 36px;}
    .t30, h4, .th4 {font-size: 24px;}
    .mainheader .logo {padding: 20px 0 10px;}
    .mainheader::before {bottom: -28px;background-size: 100%;}
    .mainheader .logo img {width: 170px;}
    .sticky.mainheader .logo img {width: 140px;}
    .boximgpetternrow {padding: 150px 0px;}
    .iconbx {margin-bottom: 20px;}
    .mainfooter{padding: 150px 0px 80px;}
    .iconbx i{width: 60px;margin-bottom: 15px;}
    .brand-grid-box .borderboxcol {padding: 20px 50px;}
    .footermainrow {margin-bottom: 200px;}
    .mainfooter .bottomvector{bottom: 70px;}
    .brand-grid-box .borderboxcol img{max-height: 60px;}
    .whitebox{padding: 20px;}
    .logoimg img{max-width: 180px;}
    .left-padding{padding-left: calc(((100% - 1320px) - 24px) / 2)}
    .contactrightimg{width: 36%;}
    .detailinfo .addresscol{width: 50%;margin-right: 0px}
    .detailinfo .cotactinfo{width: 50%;}
    .detailinfo span{margin-right: 15px;}
    .detailinfo{margin-top: 170px;}
    .detailinfo a{margin-bottom: 10px}
    .productimgbox{max-height: 200px;min-height: 200px;}
    .productimgbox img{max-height: 200px;}
    .grid-item{margin-bottom: 60px;}
    .productgridrow.mb-150{margin-bottom: 70px;}
    .advantagewrap{gap: 35px;}
    .advantagepointerlist li{padding: 30px;font-size: 24px;}
    .vismisionrow .borderboxbg {min-height: 350px;}
    .iconmovetitle {padding: 220px 0px 220px;}
    .iconsmrow .iconitem:nth-child(1) {margin-left: 8%;}
    .iconsmrow .iconitem:nth-child(2) {margin-left: 22%;}
    .iconsmrow .iconitem:nth-child(3) {margin-left: 24%;}
    .iconsmrow .iconitem:nth-child(4) {margin-left: 20%;}
    .iconsmrow .iconitem:nth-child(5) {margin-left: 25%;} 
    .btnoverlay{padding: 30px;}
    .mincart{top: 53px;}
    .btn-submit input[type="submit"]{padding: 25px 40px;font-size: 20px;min-width: 180px;}
    .prodrow .borderboxcol {padding-top: 45px;padding-bottom: 45px;}
}
@media only screen and (max-width:1366px) {
    .left-padding{padding-left: calc(((100% - 1140px) - 24px) / 2)}
}
@media only screen and (max-width:1200px) { 
   h1, .th1 {font-size: 60px;}
   h2, .th2 {font-size: 50px;letter-spacing: -1px;}
   .t30, h4, .th4 {font-size: 20px;}
   .t50{font-size: 30px;}
   .mb-250 {margin-bottom: 100px;}
   .mb-150{margin-bottom: 75px;}
   .herotitle{padding-bottom: 50px;}
   .mainheader::before{bottom: -33px;}
   .boximgpetternrow img {width: 350px;}
   .boximgpetternrow {padding: 100px 0px;}
   .btn-theme, .btn-submit input[type="submit"]{padding: 20px 30px;min-width: inherit;font-size: 20px;}
   .borderboxcol{padding: 30px;flex-wrap: wrap;justify-content: center;}
   .iconborderow .borderboxcol{justify-content: center;text-align: center;}
   .iconborderow .borderboxcol i{margin: 0px 0px  20px 0px;}
   .marqueetrack span { font-size: 50px;}
   .globaltradrow .whitebox{padding: 100px 20px 20px;}
   .iconbx {margin-bottom: 10px;}
   .iconbx i{margin-bottom: 10px;}
   .mainfooter {padding: 100px 0px 50px;}
   .workpartner{align-items: center;}
   .thankyoupage{margin-top: 150px;}
   .pagenotfound img{max-width: 350px;margin-bottom: 30px;}
   .pagetopoffset {margin-top: 150px;}
   .prodrow .borderboxcol img{max-height: 60px;max-width: 200px;}
    .left-padding{padding-left: calc(((100% - 960px) - 24px) / 2)}
    .contactrightimg {width: 40%;}
    .detailinfo {margin-top: 80px;margin-bottom: 20px;flex-wrap: wrap;}
    .detailinfo .cotactinfo { width: 100%;}
    .detailinfo .addresscol {width: 70%;margin-bottom: 15px}
    .detailinfo a{margin-bottom: 10px;}
    .contactfrmrow .mb-50{margin-bottom: 30px;}
    .producatrow  .borderboxcol {min-height: 180px;min-width: 300px;}
    .foundationbox{padding: 24px 22px;}
    .foundationbox h3{font-size: 40px;}
    .foundationicon img{max-width: 180px;}
    .advantagewrap{gap: 25px;}
    .advantagetitle{max-width: 220px;flex: 0 0 220px;}
    .advantagetitle h2{font-size: 34px;}
    .advantagepointerlist li p{font-size: 20px;}
    .vismisionrow .borderboxbg {min-height: 300px;}
    .iconsmrow .iconitem:nth-child(1) {margin-left: 5%;}
    .iconsmrow .iconitem:nth-child(2) {margin-left: 20%;}
    .iconsmrow .iconitem:nth-child(3) {margin-left: 20%;}
    .iconsmrow .iconitem:nth-child(4) {margin-left: 20%;}
    .iconsmrow .iconitem:nth-child(5) {margin-left: 20%;margin-top: 10%;} 
    .experiencerow{height: 70vh;}
    .parallax-img{width: 100%;height: 100%;transform: scale(1.2);}
    .praimagecontent{padding-bottom: 100px;}
    .foundation3grow .th2{margin-bottom: 30px;}
    .vismisionrow .borderboxbg {color: #000000;}
    .vismisionrow .borderboxbg p{opacity: 1;}
    .foundationgridrow{justify-content: center;}
    .iconmovetitle {padding: 170px 0px 170px;}
    .btnoverlay{opacity: 1;position: relative;top: 0px;padding: 15px 0px 0px;left: 0px;right: 0px;bottom: 0px;background: transparent;}
    .btn-theme-white, .btn-outline{font-size: 16px;padding: 15px 20px;border-radius: 20px 0px 20px 0px;}
    .mincartcontent ul li figure{margin-right: 15px;}
    .prodinquiryrow .mb-50{margin-bottom: 30px;}
    .mincartcontent ul li figure{width: 80px;}
    .mincartcontent ul li figure img{max-height: 80px;}
    .prodrow .borderboxcol {padding-top: 20px;padding-bottom: 20px;}
    .brand-grid-box .btn-theme { font-size: 20px;}

}
@media only screen and (max-width:992px) {
    h5, .th5{font-size: 20px;}
    .swiper{height: 70vh;}
    .boximgpetternrow img{width: 280px;}
    .brand-grid-box .borderboxcol {padding: 20px 30px;}
    .brand-grid-box .borderboxcol img {max-height: 50px;}
    .brand-grid-box .btn-theme {font-size: 18px;}
    .left-padding{padding-left: calc(((100% - 740px) - 24px) / 2)}
    .contactrightimg {width: 48%;}
    .detailinfo{flex-wrap: wrap;margin: 20px 0px;}
    .detailinfo .addresscol{width: 100%;}
    .detailinfo a{margin-right: 30px;}
    .foundationgridrow [class*="col-"]{margin-bottom: 24px;}
    .foundationgridrow [class*="col-"]:last-child{margin-bottom: 0px;}
    .advantagewrap{display: block;}
    .advantagetitle{max-width: 100%;flex: 0 0 auto;margin-bottom: 24px;}
    .iconmovetitle {padding: 170px 0px 170px;}
    .iconsmrow .iconitem:nth-child(1){margin-left: 0px;}
    .iconsmrow .iconitem:nth-child(2) {margin-left: 30%;}
    .iconsmrow .iconitem:nth-child(3) {margin-left: 25%;}
    .iconitem span{display: block;}
    .footermainrow {margin-bottom: 150px;}
    .socialicon a{width: 40px;height: 40px;margin: 0px 10px;}
    .socialicon svg{height: 16px;}
    .mainfooter .bottomvector {bottom: 100px;}
}
@media only screen and (max-width:767px) {
    body{font-size: 18px;line-height: 28px;}
    .mb-250{margin-bottom: 70px;}
    .pb-250{padding-bottom: 70px;}
    .pt-250{padding-top: 70px;}
    .mb-100{margin-bottom: 50px;}
    .mb-150 {margin-bottom: 50px;}
    h1{font-size: 36px;letter-spacing: -1px;margin-bottom: 20px;}
    h2, .th2{font-size: 30px;letter-spacing: 0px;margin-bottom: 20px;}
    .t50{font-size: 30px;}
    h2 br, .th2 br{display: none;}
    .mainheader .logo img, .sticky.mainheader .logo img {width: 120px;}
    .navmenu { width: 100%; }
    .container{padding: 0px 20px;}
    .swiper {height: 60vh;}
    .full-screen-slider{padding-top: 55px;}
    .mainheader::before{background-size: 767px;bottom: -35px;}
    .herotitle{padding-bottom: 0px;}
    .boximgpetternrow{padding: 70px 0px;}
    .boximgpetternrow::before, .grid-mask-box{background-size: 120px;}
    .boximgpetternrow img {width: 200px;}
    .iconborderow .borderboxcol{width: 100%;margin-bottom: 24px;flex-direction: column;}
    .iconborderow .borderboxcol:last-child{margin-bottom: 0px;}
    .iconborderow .borderboxcol:nth-child(3n + 2), .iconborderow .borderboxcol:nth-child(3n + 3){border: 1px solid #555555;}
    .borderboxcol h5{display: block; }
    .brand-grid-box{grid-template-columns:repeat(2,minmax(0, 1fr))}
    .brandworkrow .row [class*="col-"]:first-child{order: 1;}
    .marqueetrack span{font-size: 36px;}
   .mapimgvideo{padding: 0px 20px;}
   .globaltradrow .whitebox {padding: 30px;}
   .globaltradrow .row [class*="col-"]:last-child{margin-bottom: 0px;}
   .iconbx{text-align: center;}
   .iconbx:last-child :last-child{margin-bottom: 0px;}
    .buildexpertrow .clipImgDown{margin-bottom: 30px;}
    .testimonial .row [class*="col-"]:first-child{margin-bottom: 30px;}
    .workpartner h4{margin-bottom: 0px;}
    .btn-arrow{width: 60px;height: 60px;}
    .btn-arrow::before{background-size: 18px;width: 18px;height: 18px;}
    .mainfooter{padding: 70px 0px 30px;}
    .footermainrow{margin-bottom: 100px;}
    .socialicon {margin: 25px 0px 40px;}
    .mainfooter .bottomvector { bottom: 110px;}
    .mainfooter{font-size: 18px;}
    .footerlogo{max-width: 250px;}
    .iconbx.fadeInRight{animation-name: fadeInUp;}
    .navmenu > ul li ul li::before{top: 5px;}
    .navmenu > ul > li {margin: 0 0 20px;}
    .thankyoupage{margin-top: 130px;}
   .pagenotfound img{max-width: 250px;}
   .thankyoupage p br{display: none;}
   .prodrow .borderboxcol img{max-width: 100%;}
   .logoimg img {max-width: 100px;max-height: 40px;}
   .logoimg {margin-right: 30px;}
   .logomarqee .mb-100{margin-bottom: 25px;}
   .productlistrow .mb-50{margin-bottom: 30px;}
   .pagetopoffset {margin-top: 120px;}
   .footerlogo{margin-bottom: 20px;}
   .contactheroele .left-padding{padding: 0px 20px;}
   .contactelem {flex-direction: column-reverse;}
   .contactelem [class*="col-"]{padding: 0px;}
   .contactrightimg{width: 100%;margin-bottom: 20px;}
   .contactfrmrow .mb-100{margin-bottom: 20px;}
   .btn-theme, .btn-submit input[type="submit"] {padding: 15px 20px;min-width: inherit;font-size: 16px;border-radius: 15px 0px 15px  0px;}
   .productimgbox{min-height: initial;max-height: initial;}
   .grid-item{margin-bottom: 40px;}
   .productimgbox img {max-height: 150px;}
   .filters-button-group{flex-wrap: nowrap;justify-content: flex-start;overflow-x: auto;gap: 15px;margin-bottom: 40px;}
   .filters-button-group button{   flex-shrink: 0;}
   .productgridrow.mb-150{margin-bottom: 30px;}
   .producatrow  .borderboxcol {min-height: inherit;min-width: 200px;}
   .productimgbox{margin-bottom: 20px;}
   .borderbotcol{margin-bottom: 30px;padding-bottom: 30px;}
   .foundation3grow .th2{margin-bottom: 25px;}
   .foundationbox{border-radius: 20px;min-height: initial;text-align: center;}
   .foundationbox h3{font-size: 34px;}
   .foundationicon {margin: 30px 0px;}
   .foundationicon img {max-width: 150px;}
   .advantagetitle h2{margin-bottom: 0px;}
   .advantagepointerlist{gap: 20px;padding-left: 20px;}
   .advantagepointerlist li{padding: 20px;font-size: 20px;}
   .advantagepointerlist li::before{left: -20px;}
   .advantagetitle{position: static;top: 0px;}
   .advantagetitle h2{font-size: 30px;}
   .abherosecion .mb-50{margin-bottom: 20px;}
   .abherosecion .mt-50{margin-top: 20px;}
   .vismisionrow{flex-direction: column;}
   .vismisionrow .borderboxbg{min-height: initial;padding: 30px;}
   .iconsmrow{position: relative;justify-content: center;}
   .iconmovetitle{padding: 0px;}
   .iconsmrow .iconitem{width: 33.33%;padding: 0px 10px;margin-bottom: 20px;}
   .iconsmrow i{width: 70px;margin-bottom: 10px;height: 70px;border-radius: 15px 0px 15px 0px;}
   .iconsmrow .iconitem:nth-child(1), .iconsmrow .iconitem:nth-child(2), .iconsmrow .iconitem:nth-child(3), 
   .iconsmrow .iconitem:nth-child(4), .iconsmrow .iconitem:nth-child(5) {margin-top: 0px;margin-left: 0px;}
   .iconitem span {font-size: 15px;line-height: 20px;}
   .parallax-img{object-position: 75%;}
    .praimagecontent {padding-bottom: 70px;}
    .borderboxbg{border-radius: 20px 0px 20px 0px;}
    .copyright {font-size: 16px;}
    .mincart{width: 100%;padding: 80px 35px 50px;}
    .mincartcontent ul{margin-bottom: 30px;}
    .productinquiryform{margin-bottom: 30px;}
    .prodinquiryrow .mb-50{margin-bottom: 20px;}
    .mincartcontent h5{font-size: 18px;}

    @keyframes lightPulse {
        0% {filter: drop-shadow(0 0 5px rgba(26, 205, 255, 0.3));}
        100% {filter: drop-shadow(0 0 15px rgba(26, 205, 255, 0.7));}
    }
}
@media only screen and (max-width:580px) {
    .mainheader::before{background-position: 25% 0%;}
 }
@media only screen and (max-width:375px) { }

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

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeIn { animation-name: fadeIn; }

@keyframes clipImgDown {
    0% { opacity: 0;clip-path: inset(0 0 100% 0); }
    100% {opacity: 1; clip-path: inset(0 0 0% 0); }
}
.clipImgDown { animation-name: clipImgDown; }