@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:90px;}
    h2, .th2{font-size: 60px;}
    h3{font-size: 30px;}
    .t150{font-size: 120px;}
    .mb-250{margin-bottom: 200px;}
    .pb-250{padding-bottom: 200px;}
    .pt-250{padding-top: 200px;}
    .bannertext{padding-bottom: 100px;}
    .htcntfrm {padding: 150px 85px 100px 150px;}
    .cotactinfo a{font-size: 30px;}
}
@media only screen and (max-width:1680px) {
   

 }
@media only screen and (max-width:1440px) {
    h1, .th1 { font-size: 60px;}
    h2, .th2{font-size: 50px;}
    h3, .th3{font-size: 24px;}
    h4, .th4{font-size: 22px;}
    h5, .th5{font-size: 20px;}
    .t150{font-size: 100px;}
    .mb-50{margin-bottom: 30px;}
    .t30{font-size: 22px;}
    .mb-250{margin-bottom: 150px;}
    .pb-250{padding-bottom: 150px;}
    .pt-250{padding-top: 150px;}
    .btn-theme-white, .btn-theme{font-size: 16px;padding: 12px 20px;}
    .bannertext {padding-bottom: 50px;}
    .legacy-feature-item img{max-height: 80px;}
    .product-card h3{padding: 20px;font-size: 18px;}
    .toolsdriverow h3{margin-bottom: 30px;}
    .htcntfrm {padding: 100px 72px 100px 100px;}
    .cntimg img{object-fit: cover;height: 100%;}
    .footermainrow{margin-bottom: 100px;}
    .thankyoupage {margin-top: 180px;}
    .pagenotfound img{width: 300px;}
    .mainheader .logo img{width: 220px;}
    .mainheader .btn-theme-white{margin-left: 20px;}
    .contactpagefrm .cntimg {width: 27%;}
    .topoffset {margin-top: 180px;}
    .bloglistitems .mb-50{margin-bottom: 50px;}
    .clientelrow .mb-100{margin-bottom: 50px;}
    .clientelrow figure{padding: 20px;}
    .accordion-button{font-size: 30px;padding: 30px;}
    .graybgcol h5{margin-bottom: 10px;}
    .graybgcol figure{margin-bottom: 30px;}
    .careersidebar{padding: 100px 50px;}
    .mq-card{width: 30%;}
    .textimgrow .mb-100{margin-bottom: 50px;}
}
@media only screen and (max-width:1366px) {
    .htcntfrm {padding: 100px 117px 100px 100px;}
}
@media only screen and (max-width:1200px) { 
    h1, .th1{font-size: 50px;}
    h2, .th2{font-size: 40px;}
    h3, .th3{font-size: 22px;}
    h4, .th4{font-size: 20px;}
    .t30{font-size: 20px;line-height: 28px;}
    .t150{font-size: 90px;}
    .mb-250{margin-bottom: 100px;}
    .pb-250{padding-bottom: 100px;}
    .pt-250{padding-top: 100px;}
    .bannertext {padding-bottom: 100px;}
    .logoslider .slick-arrow {top: -60px;}
    .thankyoupage {margin-top: 150px;}
    .mainheader .logo img, .mainheader.sticky .logo img{width: 150px;}
    .topoffset {margin-top: 150px;}
    .contactpagefrm .cntimg {width: 30%;}
    .blogmainrow.mb-100{margin-bottom: 50px;}
    .paginav{margin-top: 30px;}
    .otherblog h4{font-size: 20px;}
    .blogdetailrow .mb-70{margin-bottom: 50px;}
    .mb-100{margin-bottom: 50px;}
    .accordion-body{padding: 30px;}
    .accordion-button{font-size: 24px;}
    .careersidebar{width: 70%;}
    .accordion-body h4, .accordion-body h5, .accordion-body h6{font-size: 24px;}
    .textimgrow .mb-100{margin-bottom: 30px;}
    .proslider {padding-bottom: 50px;}
    /* .proslider .fadeInUp {animation: none;visibility: visible !important;} */
    .proslider .slick-slide{padding: 0px 12px;margin-bottom: 0px;}
    .proslider .slick-arrow{top: auto;bottom: 0px;transform: none;}
    .proslider .slick-prev{left: 50%;margin-left: -35px;}
    .proslider .slick-next{right: 50%;margin-right: -35px;}
    .toolslider .slick-arrow:hover{background-color: #fff;}
    .toolslider .slick-prev:hover::before{background-image: url(../images/slider-arrow-left.svg);}
    .toolslider .slick-next:hover::before{background-image: url(../images/slider-arrow-right.svg);}
    .toolslider .slick-prev::before{background-image: url(../images/slider-arrow-left-hover.svg);}
    .toolslider .slick-next::before{background-image: url(../images/slider-arrow-right-hover.svg);}
    .htcntfrm { padding: 100px 50px 100px 100px;}
}



@media only screen and (max-width:992px) {
    .legacyrow .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .productsrow .btn-theme{margin-left: 20px;flex-shrink: 0;}
    .htcntfrm{width: 100%;padding: 50px 30px;}
    .cntimg{width: 100%;height: 350px;padding: 0px 36px;}
    .cntimg img{width: 100%;}
    .mainfooter {padding: 80px 0px 50px;}
    .footerlogo{margin-bottom: 30px;}
    .footermainrow{margin-bottom: 50px;}
    .othercompcol figcaption{padding: 20px;}
    .t150 {font-size: 70px;}
    .contactpagefrm .cntimg{padding-left: 0px;width: 35%;}
    .contactpagefrm .htcntfrm{width: 65%;}
}
@media only screen and (max-width:767px) {
    .mb-50, .mb-30{margin-bottom: 20px;}
    .mb-250{margin-bottom: 70px;}
    .pb-250{padding-bottom: 70px;}
    .pt-250{padding-top: 70px;}
    .mb-100{margin-bottom: 30px;}
    h1, .th1{font-size:36px ;}
    h2, .th2{font-size: 30px;}
    .t150 {font-size: 36px;}
    .navmenu { width: 100%; }
    .container{padding: 0px 20px;}
    .herobannerimg{height: 600px;}
    .herobannerimg img{object-position: 70%;}
    .bannertext { padding-bottom: 30px;}
    .legacy-feature-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .logoslider {margin: 0px -12px;}
    .procard-figure img{width: 100%;}
    .sisteconerns .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .cntimg{padding: 60px 20px 0px;}
    .htcntfrm { padding: 30px 20px 70px;}
    .cotactinfo{margin-bottom: 25px;}
    .footerlink{margin-bottom: 15px;}
    .cotactinfo address br{display: none;}
    .mainfooter h3{margin-bottom: 20px;}
    .cotactinfo h3{margin-bottom: 10px;}
    .cotactinfo a{font-size: 24px;}
    .footermainrow{margin-bottom: 30px;}
    .othercompcol figcaption .btn-arrow-crl{display: none;}
    textarea.form-control, textarea{border-radius: 15px;}
    .mainheader .btn-theme-white{display: none;}
    .navmenu > ul > li:last-child{display: inline-block;}
    .herobannerow{overflow: hidden;}
    .thankyoupage {margin-top: 120px;}
    .pagenotfound img{width: 250px;}
    .contactpagefrm .cntimg{padding:0px;width: 100%;}
    .contactpagefrm .htcntfrm{width: 100%;}
    .contactdetailrow br{display: none;}
    .topoffset {margin-top: 100px;}
    .bloglistitems .mb-50{margin-bottom: 40px;}
    .paginav{margin-top: 0px;}
    .otherblog .row [class*="col-"]{margin-bottom: 30px;}
    .otherblog .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .blogdetailnav{margin-top: 20px;}
    .clientelrow figure img{margin-bottom: 10px;}
    .mq-card { width: 40%;}
    .accordion-item{margin-bottom: 20px;}
    .accordion-body {padding: 30px 0px 10px;}
    .accordion-button::after{width: 36px;height: 36px;background-size: 14px;}
    .accordion-button{font-size: 20px;padding: 20px;}
    .tools-card img{width: 100%;}
    .aboutheroelem img{width: 100%;}
    .textimgrow .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .footerlink ul li {margin-bottom: 10px;}
    .herobannerow .swiper {height: 60vh;}
}
@media only screen and (max-width:580px) {
     .legacy-feature-grid{grid-template-columns:1fr;}
 }
@media only screen and (max-width:375px) { }

/* animation keyframe css */
.animated { animation-duration: 1s; 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; }