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

@media only screen and (max-width:1776px) {
    
}
@media only screen and (max-width:1440px) {
    body{font-size: 20px;line-height: 26px;}
    .t150{font-size: 100px;}
    h2, .th2{font-size: 80px;}
    h3, .th3 {font-size: 30px;}
    .titlehero.t150{font-size: 120px;}
    .t30{font-size: 24px;}
    .t70{font-size: 50px;}
    .t50{font-size: 40px;}
    .t36{font-size: 30px;}
    .mb-250{margin-bottom: 150px;}
   .mainheader{padding: 15px 0px;}
   .stickytop{padding-top: 150px;}
   .titlehero{padding: 0px 50px;}
   .stickytop{height: 100vh;}
   .hero-home-banner img{display: inline-block;vertical-align: top;}
   .stickytop .titlehero:nth-child(2) {padding-left: 60px;}
   .stickytop .titlehero:nth-child(4){padding-right: 100px;}
   .stickytop .titlehero:nth-child(3) span:first-child {margin-right: 230px;}
    .thankyoupage {padding-top: 200px;}
    .ap-team-slider{min-height: 720px;--ap-team-size: 360px;--ap-team-active-size: 560px;--ap-team-control-left: calc(50% - 55px);}
    .ap-team-content{min-height: 72px;padding: 22px 30px;}
    .ap-team-content h4{font-size: 28px;}
    .hero-home-banner{clip-path: inset(56% 62% 28% 23%);}
    .abtimgcardcol{height: 400px;}
   .aboutcontent p{font-size: 30px;margin-bottom: 30px;}
   .abtimgcardcol .abtimgcard:nth-child(2){bottom: -140px;}
   .aboutcontent{top: 18vh;}
   .mb-100{margin-bottom: 50px;}
   .stickyHorizontalrow{padding: 150px 0px 100px;}
   .servicebox{min-width: 400px;max-width: 400px; height: 400px;}
   .left-padding{padding-left: 80px;}
   .accordion-button::after{margin-top: 5px;}
   .accordion-button{align-items: flex-start;}
   .mainfooter{padding: 100px 0px 70px;}

}
@media only screen and (max-width:1366px) {
   .servicebox{min-width: 400px;max-width: 400px; height: 400px;}
   .left-padding{padding-left: 50px;}
 }
@media only screen and (max-width:1280px) {
  
}
@media only screen and (max-width:1200px) {
    .titlehero.t150 {font-size: 90px;}
    .t150 {font-size: 80px;}
    h2, .th2{font-size: 70px;}
    .t30{font-size: 20px;}
    .t36{font-size: 24px;}
    .t50 {font-size: 36px;}
    .ltr-minus{letter-spacing: -1px;}
    .mb-250{margin-bottom: 100px;}
    .stickyHorizontalrow{padding: 100px 0px;}
    .mb-80 {margin-bottom: 50px;}
    .logo a{width: 100px;}
    .hero-home-banner {clip-path: inset(46% 55% 40% 24%);}
    .opreationrow{padding: 0px 30px;}
     .abtimgcardcol .abtimgcard:nth-child(2){position: relative;bottom: 0px;clip-path: initial;left: 0px;margin-top: 20px;}
    .abtimgcard{height: initial !important;}
    .abtimgcardcol { height: initial;width: 45%;z-index: 0;}
    .aboutcontent p{font-size: 24px;}
    .aboutcontent{position: relative;top: 0px;align-items: flex-start;}
    .textaboutcol{width: 50%;position: sticky;top: 150px;}
    .servicesitems{display: block;}
    .texthorizontal {padding: 0px 30px;}
    .servicesitems .slick-track{display: flex;gap: 24px;}
    .servicesitems .slick-slide{display: flex;}
    .servicebox{padding: 20px;}
    .iconlft img{max-width: 100px;max-height: 100px;}
    .imgcaption{position: relative;opacity: 1;background: transparent;color: #555;padding: 20px 0px 0px;}
    .productimg{border: none;}
    .productimg img{border:1px solid #fff}
    .thankyoupage {padding-top: 150px;}
   .ap-team-slider{min-height: 570px;--ap-team-size: 280px;--ap-team-active-size: 420px;--ap-team-control-left: 42%;}
   .ap-team-track{margin: 0px -180px;}
   .ap-team-content h4{font-size: 22px;}
   .servicebox{min-width: initial;max-width: initial;height: initial;}
    .stickymainwrapper   .h-spacer, .opreationrow .h-spacer{display: none;}
   
}
@media only screen and (max-width:992px) {
    .titlehero.t150 {font-size: 70px;}
    .titlehero {padding: 0px 30px;}
    .t150 {font-size: 60px;}
    h2, .th2 {font-size: 60px;}
    .stickytop{display: flex;justify-content: center;flex-direction: column;padding: 100px 0px;}
    .hero-home-banner {clip-path: inset(50% 50% 42% 24%);}
    .othercomptext img{margin-bottom: 10px;}
    .ap-team-track{margin: 0px -380px;}
    .ap-team-actions{left: 30%;}
}
@media only screen and (max-width:767px) {
    .container{padding: 0px 20px;}
    .mb-250{margin-bottom: 70px;}
    .otherlogo img{height: 20px;}
    .titlehero.t150 {font-size: 36px;}
    h1, .th1{letter-spacing: 0px;}
    h2, .th2 {font-size: 36px;letter-spacing: -1px;}
    .t150 {font-size: 36px;}
    .t50 {font-size: 24px;}
    .t70 {font-size: 30px;letter-spacing: 0px;}
    .mb-100, .mb-80{margin-bottom: 30px;}
    .mainheader.sticky .logo a {width: 90px;}
    .stickytop .titlehero:nth-child(2),
    .stickytop .titlehero:nth-child(1),
    .titlehero, .stickytop .titlehero:nth-child(4){padding: 0px 20px;letter-spacing: 0px;text-align: left;}
    .stickytop .titlehero:nth-child(3) span:first-child{margin-right: 0px;}
    .stickytop{height: initial;}
    .otherlogo span:first-child {margin-right: 20px;}
    .hmheroelement  .h-spacer{display: none;}
    .stickytop{padding: 150px 0px 0px;}
    .hero-home-banner{position: relative;clip-path: initial;margin-top: 30px;height: 450px;}
    .hero-home-banner img{transform: none;}
    .opreationrow{padding: 0px 20px;}
    .abtimgcardcol{width: 100%;}
    .textaboutcol{position: static;width: 100%;margin-top: 20px;color: #444444;}
    .systemdeployrow .row [class*="col-"]:first-child{margin-bottom: 30px;}
    .servicesitems .slick-track{gap: 0px 10px;}
    .servicesitems{margin: 0px -5px;}
    .texthorizontal{padding: 0px 20px;}
    .ap-team-slider{min-height: calc(100vw + 90px);padding: 0px 20px 110px;--ap-team-gap: 14px;--ap-team-size: calc(100vw - 40px);--ap-team-active-size: calc(100vw - 40px);--ap-team-control-left: 20px;}
    .ap-team-track{margin: 0px 0px 20px;}
    .ap-team-content{min-height: 58px;padding: 16px 18px;}
    .ap-team-content h4{font-size: 18px;}
    .ap-team-content span{margin-right: 12px;font-size: 12px;}
    .ap-team-btn{font-size: 11px;padding: 12px 20px;}
    .ap-team-actions{left: 0px;position: relative;}
    .ap-team-slider{padding-bottom: 0px;}
    .mainfooter {padding: 70px 0px 70px;}
    .stickyHorizontalrow{padding: 70px 0px;}
    .abtimgcard, .textaboutcol{transform: translateY(50px);opacity: 0;}
   
}
@media only screen and (max-width:580px) {
    .modal-dialog{margin: 0px 20px 0px;}
 }
@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; }