@media only screen and (min-width:1921px) { 
    .founderbgrow{display: flex;align-items: flex-end;}
}
@media only screen and (min-width:1540px) {
    .container { max-width: 1536px; }
}

@media only screen and (max-width:1768px) {
    .mb-250{margin-bottom: 200px;}
    .t100{font-size: 90px;}
    .t250{font-size: 210px;}
    h1, .th1, h2, .th2{font-size: 70px;}
    h3, .th3, .t50{font-size: 40px;}
    .t36{font-size: 30px;}
    .stickylagacy {padding: 200px 0px;}
    .lagacyitem{margin-top: -80px;margin-left: 250px;}
    .lagacyitemlist .lagacyitem:nth-child(odd){margin-bottom: -160px;}
    .buildforelem .brandvectorleft{width: 320px;}
    .vectortopright{right: 50px;}
    .brandvectorleft{left: 50px;}
    .wrapsearch .form-control{padding: 20px 30px;}
    .buildforelem{padding-top: 200px;padding-bottom: 200px;}

}
@media only screen and (max-width:1540px) {
    body{font-size: 18px;line-height: 26px;}
    .mb-250{margin-bottom: 150px;}
    .mb-100{margin-bottom: 70px;}
    .t100{font-size: 75px;}
    h1, .th1, h2, .th2{font-size: 60px;}
    h3, .th3, .t50{font-size: 30px;}
    h4, .th4{font-size: 26px;}
    .t36{font-size: 28px;}
    .t250 {font-size: 180px;}
    .brandvectorleft, .vectortopright{width: 100px;}
    .theflowsection h2{font-size: 100px;}
    .left-padding{padding-left:calc(((100% - 1320px) - 30px) / 2);}
    .right-padding{padding-right:calc(((100% - 1320px) - 30px) / 2);}
    .timelinebox h4{min-height: 135px;margin-bottom: 30px;}
    .applicamarqee .timelinebox:nth-child(even){margin-top: 175px;}
    .buildforelem .brandvectorleft {width: 220px;}
    .britemcol{margin-bottom: 50px;}
    .borderprogres{padding-bottom: 20px;margin-bottom: 20px;}
    .stickylagacy {padding: 150px 0px;}
    .buildforelem{padding-top: 150px;padding-bottom: 150px;}
    .lagacyitem{width: 350px;}
    .lagacyitemlist .lagacyitem:first-child {margin-left: 50px;}
    .lagacyitemlist .lagacyitem:nth-child(odd) {margin-bottom: -80px;}
    .lagacyitem{margin-top: -50px;}
    .iconboxcol i{margin-bottom: 50px;}
    .iconboxcol{padding: 20px;}
    .iconboxcol img{height: 80px;}
    .t30{font-size: 24px;}
    .boxicongrid{--card-offset:350px;}
    .wrapsearch .form-control{padding: 10px 20px;font-size: 24px;}
    .hardwarerow .brandvectorleft{bottom: 0px;}
    .accordion-button{font-size: 24px;letter-spacing: -1px;padding: 20px 0px;}
    .textmsg p{margin-bottom: 30px;}
    .testititle{margin-bottom: 20px;padding-bottom: 10px;}
    .quoteicn{width: 100px;}
    .socialcol{margin-bottom: 70px;}
}

@media only screen and (max-width:1440px) {
    h1, .th1, h2, .th2 {font-size: 50px;}
    h5, .th5{font-size: 20px;}
    .t250 {font-size: 130px;}
    .boxicongrid {--card-offset: 300px;}
    .pb-150 { padding-bottom: 100px;}
    .pt-150 {padding-top: 100px;}
    .mainfooter{padding: 70px 0px;}
    .stickytext{top: 60vh;}
    .imgtitlecap{padding: 50px 0px;}
    .stroybusinessrow .h-spacer{height: 800px;}
    .left-padding{padding-left:calc(((100% - 1100px) - 30px) / 2);}
    .right-padding{padding-right:calc(((100% - 1100px) - 30px) / 2);}
    .lagacyitem{width: 300px;margin-left: 100px;}
    .lagacyitemlist .lagacyitem:first-child{margin-left: 0px;}
    .portvideo{width: 350px;}
    
}
@media only screen and (max-width:1366px) {
 
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1200px) {
    .t100 {font-size: 60px;}
    h1, .th1, h2, .th2 {font-size: 40px;letter-spacing: -1px;}
    h3, .th3, .t50{font-size: 28px;}
    .t36 {font-size: 24px;}
    .mb-250{margin-bottom: 100px;}
    .pb-250{padding-bottom: 100px;}
    .pt-250{padding-top: 100px;}
    .pb-150{padding-bottom: 80px;}
    .pt-150{padding-top: 80px;}
    .mb-150{margin-bottom: 80px;}
    .mb-100{margin-bottom: 50px;}
    .left-padding{padding-left:calc(((100% - 940px) - 30px) / 2);}
    .right-padding{padding-right:calc(((100% - 940px) - 30px) / 2);}
    .mainheader.sticky img, .mainheader img{width: 150px;}
    .wavinglagacyrow .h-spacer{display: none;}
    .stickylagacy{padding: 100px 0px;}
    .texthorizontal {padding: 0px 50px;width: 100%;}
    .lagacyitemlist{position: relative;flex-wrap:wrap;padding: 0px;margin-top: 50px;align-items: flex-start;justify-content: center;}
    .lagacyitem{width: 33.33%;max-width: initial;min-width: initial;margin: 0px!important;transform: none;align-items: flex-start !important;padding: 0px 12px;}
    .portvideo{width: 50%;margin-left: -5px;padding-left: 30px;display: inline-block;vertical-align: top;}
    .textwave{width: 50%;display: inline-block;}
    .texthorizontal .t250{font-size: 50px;letter-spacing: 0px;}
    .storybehindimg{position: relative;height: initial;}
    .storyClip{height: 100vh;transform: none;clip-path: inset(0% 0% 100% 0%);}
    .storysectabso{position: relative;}
    .storyrightrow{clip-path: inset(0% 0% 100% 0%);transform: none;align-items: center;}
    .imgtitlecap{display: flex;align-items: flex-end;}
    .stickytext{width: 100%;}
    .stroybusinessrow .h-spacer{display: none;}
    .storycontent {padding: 50px;}
    .buildforelem{padding-top: 100px;padding-bottom:  100px;}
    .textelementrow .brandvectorleft{bottom: 0px;}
    .timelinebox h4{min-height: 80px;}
    .applicamarqee .timelinebox:nth-child(even) {margin-top: 115px;}
    .applicamarqee .timelinebox:nth-child(even) h4{margin-top: 30px;}
    .buildforelem .brandvectorleft {width: 180px;}
    .britemcol{margin-bottom: 30px;}
    .boxicongrid{display:flex;justify-content: center;}
    .boxicongrid .boxiconcol{margin-bottom: 30px;height: inherit;width: 33.33%;opacity: 0;transform: translateY(50px);}
    .boxicongrid .boxiconcol:nth-child(5n + 1), 
    .boxicongrid .boxiconcol:nth-child(5n + 3), 
    .boxicongrid .boxiconcol:nth-child(5n + 5){margin-top: 0px;}
    .iconboxcol h4{margin-bottom: 15px;}
    .testimonialrow .mb-50{margin-bottom: 10px;}
    .brandvectorleft, .vectortopright{display: none;}
    .stickytext{top: 0px;position: relative;}
    .theflowsection{position: relative;top: 0px;height: initial;margin-top: 100px;}
    .theflowcenter{position: relative;top: 0px;transform: translateY(0px);order: 3;margin-top: 30px;}
    .theflowtop, .theflowbottom{height: initial;}
    .theflowtop{order: 1;}
    .theflowbottom{order: 2;}
    .theflowsection h2 {transform: translateY(100px);opacity: 0;font-size: 70px;}
    .theflowswrap {display: flex;flex-direction: column;}
    .fakeheight{display: none;}
    .ambitionbusirow.mb-250{margin-bottom: 70px;}
    


}
@media only screen and (max-width:992px) {
    .left-padding{padding-left:calc(((100% - 680px) - 30px) / 2);}
    .right-padding{padding-right:calc(((100% - 680px) - 30px) / 2);}
  .theflowsection h2 {font-size: 65px;}
  .inquiryPopup .modal-dialog, #popup{padding: 0px 20px;}
  .modal-body, .citypopwhite { padding: 30px;}
  .timelinebox{min-width: 300px;max-width: 300px;}
  .buildrow.mb-150{margin-bottom: 50px;}

}
@media only screen and (max-width:767px) {
    .container{padding: 0px 20px;}
    .t250 {font-size: 60px;}
    h1 br, .th1 br, h2 br, .th2 br{display: none;}
    h1, .th1, h2, .th2, .t80{font-size: 30px;line-height: 40px;letter-spacing: -2px;}
    h3, .th3, .t50 {font-size: 22px;line-height: 30px;}
    .t36, .t30 {font-size: 22px;}
    h4, .th4 {font-size: 20px;}
    .texthorizontal .t250 {font-size: 30px;}
    .t100 {font-size: 36px;letter-spacing: 0px;}
    .herocaption .t100{margin-bottom: 0px;}
    .mb-250{margin-bottom: 70px;}
    .pt-250{padding-top: 70px;}
    .pb-250{padding-bottom: 70px;}
    .mainheader.sticky img, .mainheader img {width: 130px;}
    .btn-theme{padding: 12px 20px;font-size: 16px;}
    .btn-submit{padding: 12px 60px 12px 20px;font-size: 16px;}
    .textelementrow h3{margin-bottom: 20px;}
    .theflowsection h2 {font-size: 36px;margin-bottom: 0px;}
    .storycontent{padding: 50px 20px  0px;}
    .buildforelem{padding: 70px 20px;}
   .imgcolfade{text-align: center;}
   .imgcolfade img{height: 400px;margin-top: 20px;}
   .founderbgrow{padding-top: 70px;}
   .buildrow.mb-150{margin-bottom: 0px;}
   .imgleftcol{display: none;}
   .progressitems{grid-template-columns:1fr}
   .britemcol{margin-bottom: 50px;opacity: 0;transform: translateY(50px);}
   .britemcol .mobileshow {margin-bottom: 20px;}
   .progressitems > :last-child{margin-bottom: 0px;}
   .textwave{width: 100%;}
   .portvideo{width: 100%;padding-left: 0px;margin-left: 0px;margin-top: 20px;}
   .stickylagacy {padding: 70px 20px;}
   .lagacyitemlist{margin: 30px -12px 0px;}
   .boxicongrid .boxiconcol{width: 100%;}
   .quoteicn{position: relative;left: 0px;}
   .textslider{padding-left: 0px;margin-top: 20px;}
   .footerinfo { margin-bottom: 30px;}
   .buildforelem h3 br{display: none;}
   
 
}
@media only screen and (max-width:580px) {
    
}
@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; }