@media only screen and (min-width:1200px) {
    .hm-therightfitrow.stickyHorizontalrow { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: flex-start; flex-wrap: nowrap; flex: none; gap: 0; height: min-content; overflow: visible; position: relative; width: 100%; }
    .hm-therightfitrow .stickymainwrapper { width: 100%; display: inline-flex; flex-wrap: wrap; position: relative; }
    .hm-therightfitrow .stickyhrwrapper { position: sticky; top: 10vh; display: flex; align-items: center; overflow: hidden; padding-top: 50px; }
    .hm-therightfitrow .hm-therightfitrow-wrap { display: flex; align-items: center; position: relative; padding: 0 calc((100% - 1512px) / 2); will-change: transform; transform-origin: left; }
    .indstryitemtext, .indimghover { display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(15px); transition: grid-template-rows 0.4s ease, opacity 0.3s ease, transform 0.3s ease; }
    .indstryitemtext > *, .indimghover > * { overflow: hidden; }
    .indstryitemsrow.active .indstryitemtext, .indstryitemsrow.active .indimghover { grid-template-rows: 1fr; opacity: 1; transform: translateY(0); }
    .indimghover { overflow: hidden; }
    .indimghover img { width: 100%; display: block;    /* hidden state */ clip-path: inset(0 0 100% 0); transition: clip-path 0.7s cubic-bezier(.77, 0, .18, 1), transform 0.7s ease; transform: scale(1.08); }
    .indstryitemsrow.active .indimghover img { clip-path: inset(0 0 0% 0); transform: scale(1); }
}
@media only screen and (min-width:1199px) {

    /**/
    :root { --muted: rgba(255, 253, 226, 0.28); --card-gap: 3.2rem; }
    .fa-team-section { position: relative; }
    .fa-team-cards { position: absolute; left: 50%; top: 45.5%; transform: translate(-50%, -50%); z-index: 5; height: 488px; width: 488px; }
    .fa-team-pin { position: sticky; top: 0; width: 100%; height: 100vh; overflow: hidden; }
    .fa-team-pin { padding-left: calc(((100% - 1536px) - 0px) / 2); padding-right: calc(((100% - 1536px) - 0px) / 2) }
    .fa-team-counter { position: absolute; left: 0px; bottom: 0px; z-index: 15; user-select: none; pointer-events: none; }
    .fa-team-copy { position: absolute; right: 0px; top: 15%; width: 20%; z-index: 10; }

    /*.fa-team-paragraph { position: absolute; inset: 0; margin: 0; opacity: 0; transform: translateY(0.6rem); filter: blur(8px); transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease; pointer-events: none; }
    .fa-team-paragraph.is-active { opacity: 1; transform: translateY(0); filter: blur(0); }*/
    .fa-team-paragraph { position: absolute; inset: 0; margin: 0; opacity: 0; transform: translateY(-24px); filter: blur(12px); transition: opacity 1.6s cubic-bezier(.22, 1, .36, 1), transform 1.6s cubic-bezier(.22, 1, .36, 1), filter 1.6s cubic-bezier(.22, 1, .36, 1); pointer-events: none; will-change: transform, opacity, filter; }
    .fa-team-paragraph.is-active { opacity: 1; transform: translateY(0); filter: blur(0); }
    .fa-team-stage { position: relative; width: 100%; height: 100%; --card-v: 0px; }
    .fa-team-card { --rel-pos: 0; --offset-step: calc(100% + var(--card-gap)); position: absolute; inset: 0; transform: translate(calc(var(--rel-pos) * var(--offset-step)), calc(var(--rel-pos) * var(--offset-step))); transition: opacity 0.45s ease, filter 0.45s ease; opacity: 0.3; filter: grayscale(100%); overflow: hidden; backface-visibility: hidden; }
    .fa-team-card.is-active { opacity: 1; filter: grayscale(0%); }
    .fa-team-card img { width: 100%; height: 100%; object-fit: cover; transform: translate(var(--card-v), var(--card-v)) scale(1.06); will-change: transform; user-select: none; -webkit-user-drag: none; pointer-events: none; }
    .fa-team-section-mobile-slide { display: none; }
}
@media only screen and (max-width:1680px) {

    /*fonts-size-start*/
    .hh-title { font-size: 250px; }
    .hh-title strong { display: block; font-size: 105px; }
    .fs150 { font-size: 110px; }
    .fs100 { font-size: 80px; }
    h1, h2, .th1, .th2 { font-size: 60px; }

    /*fonts-size-end*/
    .hm-therightfitrow .hm-therightfitrow-wrap { padding: 0 calc((100% - 1300px) / 2); }
    .hm-therightfitrow .hr-imgcard { margin-right: 100px; }
    .dot { background-size: 1300px; }
    .contactfrm { padding: 60px; }
    .contactfrm .mb-100 { margin-bottom: 50px; }
    .contactdetail-center { padding: 0px 50px; }
    .contactdetail-right { padding-right: 50px; }
    .mt-500 { margin-top: 300px; }
    .fs200 { font-size: 150px; }
    .cards-item-wrap { height: 380px; }
    .cards-item-wrap h4 { font-size: 30px; }
    .ap-configured-icon { margin-bottom: 70px; }
}
@media only screen and (min-width:1681px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1600px) { }
@media only screen and (min-width:1500px) and (max-width:1600px) { }
@media only screen and (max-width:1536px) {
    .videoabscol { right: 110px; }
    .fa-team-pin { padding-left: calc(((100% - 1330px) - 0px) / 2); padding-right: calc(((100% - 1330px) - 0px) / 2); }
    .fa-team-cards { height: 350px; width: 350px; }
    .fs250 { font-size: 200px; }
    .fa-team-copy { width: 25%; }
    .abt-beyond-left { padding-left: 130px; }
    .abt-beyond .blbox-1 { margin-bottom: 54px; }
    .abt-beyond .blbox-5 { margin-bottom: 120px; }
    .abt-beyond .blbox-3 { margin-bottom: 80px; }
}
@media only screen and (max-width:1440px) {

    /*fonts-size-start*/
    .fs100 { font-size: 70px; }
    h4 { font-size: 30px; }
    .fs150 { font-size: 90px; }
    h1, h2, .th1, .th2 { font-size: 50px; }
    h3, .th3 { font-size: 40px; margin-bottom: 10px; }
    .fs36 { font-size: 28px; }
    .fs30 { font-size: 24px; }

    /*fonts-size-end*/
    .hm-therightfitrow .hm-therightfitrow-wrap { padding: 0 calc((100% - 1300px) / 2); }
    .hh-title { font-size: 220px; }
    .hh-title strong { font-size: 80px; }
    .Visibility-tabrow .vtabbtns ul li { margin-right: 30px; }
    .mainheader { padding: 20px 0px; }
    .logo a img { width: 210px; }
    .icnline { margin-bottom: 10px; }
    .hm-therightfitrow .cardimg { width: 50%; }
    .hm-therightfitrow .imgcapcard { width: 50%; }
    .ptb-250 { padding-top: 180px; padding-bottom: 180px; }
    .pb-250 { padding-bottom: 180px; }
    .mb-250, .mb-200 { margin-bottom: 180px; }
    .mb-150 { margin-bottom: 120px; }
    .pb-150 { padding-bottom: 120px; }
    .boxcontent { bottom: 150px }
    .pageoffset { margin-top: 180px; }
    .pt-150 { padding-top: 100px; }
    .pt-100 { padding-top: 60px; }
    .ap-team-img img { height: 300px; }
    .ap-team-item.active img { height: 380px; }
    .ap-team-slider { min-height: 550px; }
    .abt-brand-slide { padding: 0px 30px; }
}
@media only screen and (max-width:1366px) {
    .hm-therightfitrow .hm-therightfitrow-wrap { padding: 0 calc((100% - 1110px) / 2); }
    .dot { background-size: 1110px; }
    .hm-therightfitrow .hr-imgcard { margin-right: 50px; }
    .bullet-border li { margin-bottom: 15px; padding-bottom: 15px; }
    .hm-therightfitrow .cardimg { width: 45%; }
    .hm-therightfitrow .imgcapcard { width: 55%; }
    .hm-therightfitrow .hr-imgcard { margin-right: 50px; min-width: 1030px; padding: 40px; }
    body { font-size: 22px; }
    .videoabscol { right: 80px; }
    .cards-item-wrap { height: 320px; }
    .cards-item-wrap h4 { font-size: 24px; }
    .cards-item-wrap p { font-size: 18px; }
    .fa-team-cards { height: 300px; width: 300px; }
    .fa-team-pin { padding-left: calc(((100% - 1130px) - 0px) / 2); padding-right: calc(((100% - 1130px) - 0px) / 2); }
    .fa-team-copy { width: 27%; }
    .fs250 { font-size: 150px; }
    .abt-beyond-left { padding-left: 100px; }
    .abt-beyond .blbox-1 { margin-bottom: 140px; }
    .abt-beyond .blbox-5 { margin-bottom: 250px; }
}
@media only screen and (max-width:1280px) { }
@media (min-width:1280px) and (max-width:1440px)
and (min-height:600px) and (max-height:700px) {
    .cards-item-wrap { height: 270px; }
    .boxcontent { bottom: 100px; }
}
@media only screen and (max-width:1200px) {
    .menuoffcanvas { padding-top: 80px; }
    .menuoffcanvas .closebtn { padding: 0px; top: 20px; right: 20px; }
    .menuitem > ul >li { margin-bottom: 30px; }
    .menuitem > ul >li a { font-size: 30px; }
}
@media only screen and (max-width:1199px) {
    section.hm-cardrow-screen-mb { display: block; }
    .boxcontent-text.mb-50 { margin-bottom: 30px; }

    /*font-size*/
    .fs150 { font-size: 70px; }
    .mt-50 { margin-top: 20px; }
    .pb-250 { padding-bottom: 70px; }
    .mb-250, .mb-200 { margin-bottom: 70px; }
    h1, h2, .th1, .th2 { font-size: 40px; }
    h3 { font-size: 30px; }
    h4 { font-size: 22px; }
    h5 { font-size: 20px; }
    .hm-herosection  h4 { font-size: 20px; }
    .fs100 { font-size: 50px; }
    .fs36 { font-size: 24px; }
    .fs30 { font-size: 20px; }

    /*font-size-end*/
    section.hm-herosection .h-spacer { height: 100vh; }
    .boxcontent { bottom: 0px; }
    .hh-screen-one-wrap { overflow: visible; }
    .hh-screen-one { flex-wrap: wrap; height: auto; }
    .hh-screen-3 { position: static; opacity: 1; visibility: visible; display: flex; align-items: center; justify-content: center; width: 100%; transform: unset; height: auto; }
    .hh-screen-3-wrap.plr-100 { padding: 0px; }
    .hh-screen-3 .col-lg-6.boxtitle { display: none; }
    .hh-screen-3 { margin-top: 50px; padding: 0px 50px; margin-bottom: 50px; }
    .hh-screen-3-wrap img { width: 100%; }
    .hh-one-screen-vi { overflow: visible; }
    section.hm-herosection h4 { margin-bottom: 0px; text-align: center; }
    .mb-150 { margin-bottom: 70px; }
    .hm-therightfitrow .hr-imgcard { min-width: auto; margin: 0px; height: auto; }
    .hr-imgcard-slide { padding: 30px; min-height: 100% }
    .hm-therightfitrow .hm-therightfitrow-wrap { padding: 0px 0px; }
    .hm-therightfitrow .h-spacer { height: auto; }
    .hm-therightfitrow .hr-imgcard { box-shadow: inherit; }
    section.hm-therightfitrow .slick-dots { text-align: center; }
    section.hm-therightfitrow .slick-dots { bottom: -15px; }
    .mb-100 { margin-bottom: 70px; }
    section.glitch-card-section { margin-bottom: 70px; }
    .Visibility-tabrow .vtabwrap, .abt-clear-video { height: auto; }
    body { font-size: 20px; }
    .Visibility-tabrow .vtabbtns ul li { margin-right: 20px; }
    .ptb-250 { padding-top: 70px; padding-bottom: 70px; }
    .hm-client-logo-item img { max-width: 140px; }
    .hm-client-logo-item img { margin: 15px 0px; }
    .footerdetails { margin-top: 30px }
    .hh-title { font-size: 180px; }
    .hh-title strong { font-size: 70px; }
    .hm-therightfitrow  .slick-track { display: flex; }
    .hm-therightfitrow .hr-imgcard { min-height: 100%; }
    .hm-client-logo-item img { filter: unset; }
    .pb-150 { padding-bottom: 70px; }
    .pageoffset { margin-top: 120px; }
    .paginav a, .paginav span { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
    .arrow-next::before, .arrow-previous::before { transform: scale(0.8); }
    .singleblogtitle .date { margin-top: 20px; display: block; }
    .blogedetailimg.mb-50, .singleblogtitle.mb-50 { margin-bottom: 20px; }
    a.btn-line { font-size: 16px; padding-bottom: 5px; }
    .videoabscol { right: 70px; }
    .fs200 { font-size: 100px; }
    .topbannerstikcy { width: 100%; height: auto; position: static; top: 0vh; overflow: hidden; }
    .h-spacer { height: auto; }
    .contactfrmrowwrap { margin-top: 0px; }
    .videoabscol { position: static; width: 100%; height: 100%; right: 200px; top: 190px; overflow: hidden; transform-origin: center center; will-change: transform; }
    .videoabscol video, .videoabscol img { position: static; top: 50%; transform: unset; }
    .container.contactfrmrowpadding { padding-top: 100px; }
    .videoabscol.contactfrmrowpadding { padding-top: 50px; padding-bottom: 50px; }
    .contactfrm { padding: 50px; width: 100%; }
    .contactdetail-left { width: 50%; }
    .mt-500 { margin-top: 0px; }
    .contactdetail-center { padding: 0px 50px; width: 50%; }
    .contactdetail-right { width: 100%; padding: 0px 50px 0px; margin-top: 50px; }
    .hm-cardrow-screen { display: none !important; }
    .glitch-card-section { height: 350vh; }
    .hm-therightfitrow .hr-imgcard:nth-child(3n+1) { box-shadow: unset; }
    .hm-therightfitrow .hr-imgcard:nth-child(3n+2) { box-shadow: unset; }
    .hm-therightfitrow .hr-imgcard:nth-child(3n+3) { box-shadow: unset; }
    .hr-imgcard-slide.bs1 { box-shadow: 0 0 30px 10px rgba(255, 0, 0, 0.20); }
    .hr-imgcard-slide.bs2 { box-shadow: 0 0 30px 10px rgba(1, 0, 242, 0.20); }
    .hr-imgcard-slide.bs3 { box-shadow: 0 0 30px 10px rgba(0, 255, 0, 0.20); }
    section.hm-cardrow-screen-mb { margin-bottom: 100px; }
    section.hm-cardrow-screen-mb .slick-track { display: flex !important; }
    section.hm-cardrow-screen-mb .cards-item-mb { height: auto; }
    .cards-item-wrap, .cards-item-wrap-mb { min-height: 100%; }
    .pt-150 { padding-top: 50px; }
    .pt-100 { padding-top: 30px; }
    .ap-configured-title h2.mb-50, .ap-products-title h2.mb-50 { margin-bottom: 20px; }
    .ap-configured  .slick-dots, .ap-products  .slick-dots, .fa-team-section .slick-dots { text-align: center; bottom: -40px; }
    .ap-configured .ap-configured-slider, .ap-products .ap-products-slider, .fa-team-section .fa-team-cards { margin: 0px -12px 30px; }
    .ap-configured-icon img { max-width: 60px; }
    .ap-configured-icon { margin-bottom: 50px; }
    .ap-configured-title, .ap-products-title { margin-bottom: 50px; }
    .ap-products-item { background: #F5F5F5; margin: 0px 12px; padding: 50px 15px; }
    .ap-approach-bg { padding: 50px 20px; }
    .ap-approach-btn { justify-content: center; margin-top: 20px; }
    article.fa-team-card { display: none !important; }
    .fa-team-section { min-height: auto !important; }
    .fa-team-pin { padding: 0px 40px; }
    .fa-team-cards { height: auto; width: auto; }
    .fa-team-copy { display: none; }
    .fa-team-counter { display: none; }
    .fa-team-section-mobile-slide-wrap { padding: 0px 12px; }
    .fa-team-section-mobile-slide img { margin-bottom: 20px; }
    .fa-team-section { margin-bottom: 100px; }
    .ap-approach-title { text-align: center; }
    .ap-screen-title.line-bottom.mb-80 { margin-bottom: 40px; }
    .ap-team-img img { height: auto; }
    .ap-team-item.active img { height: auto; }
    .ap-team-slider { min-height: auto; }
    .ap-team-item { flex: 0 0 40%; }
    .ap-team-item.active { flex: 0 0 40%; }
    .ap-team-item .ap-team-content { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .5s; padding: 0px 12px }
    .blbox-1 img, .blbox-2 img, .blbox-3 img, .blbox-4 img, .blbox-5 img, .blbox-6 img { transform: scale(1); transform-origin: center; will-change: transform; }
    .abt-beyond-desk { display: none; }
    .abt-beyond-mob { display: flex; flex-wrap: wrap; }
    .abt-beyond .blbox-1 { margin: 0px; }
    .abt-beyond .blbox-1, .abt-beyond .blbox-2, .abt-beyond .blbox-3 { margin: 0px; }
    .abt-beyond .abm-2 { margin: 0px; width: 50%; }
    .abt-beyond .blbox-3 { margin: 0px; }
    .abm-1, .abm-2, .abm-3 { padding: 0px 12px; }
    .abm-1, .abm-3 { width: 25%; }
    .abt-beyond img { width: 100%; }
    .abt-beyond-mob { margin: 0px -12px; width: 100%; }
    .abm-3 { display: flex; align-items: end; }
    .abt-beyond-right { margin-bottom: 30px; }
    .abt-clear-title { opacity: 1; transform: translateY(0px); padding: 0px 12px; }
    .abt-brand-slide img { max-width: 130px; }
    .abt-strongtitle { margin-bottom: 20px; }
    h3.scene-text { margin-top: 100px; }
    .abt-strong .scene { transform: scale(0.8); }
    .abt-strong.mb-150 { margin-bottom: 20px; }
}

/*Desktop Media Ends*/
@media only screen and (max-width:991px) {
    section.hm-titlecontentolny .fs150 { margin-bottom: 20px; }
    .hr-imgcard-slide { display: flex; flex-wrap: wrap; }
    .imgcapcard li { font-size: 16px; }
    .bullet-border li { margin-bottom: 10px; padding-bottom: 10px; }
    .bullet-border li::before { top: 5px; }
    section.hm-blogs .row [class*="col-"] + [class*="col-"], .ohterblog .row [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .contactinfo-box.mb-50 { margin-bottom: 20px; }
    .contactdetail-address.mb-50 { margin-bottom: 20px; }
    .casestudyitems-img { margin-bottom: 30px; }
    .ap-screen-js { width: 70%; margin-bottom: 30px; }
    .ap-products-image, .ap-products-content { width: 100%; }
    .ap-products-image { padding-right: 0px; }
    .ap-products-item { padding: 30px 20px; }
}
@media only screen and (max-width:767px) {
    .contactdetail-left { width: 100%; margin-bottom: 30px; }
    .contactdetail-right { width: 100%; padding: 0px 20px 0px; margin-top: 50px; }
    .contactdetail-center { padding: 0px 20px; width: 100%; }
    .contactdetail-right iframe { width: 100%; height: 250px; }
    a.theme-btn, .btn-theme-submit { transform: scale(0.8); transform-origin: left bottom; margin-top: -10px; }
    .fs200 { font-size: 40px; }
    .videoabscol.contactfrmrowpadding { padding-top: 30px; padding-bottom: 30px; }
    .contactfrm { padding: 20px; width: 100%; }
    .contactfrm .mb-100 { margin-bottom: 30px; }
    .form-control { padding: 0px 0px 15px 0px; line-height: 1; font-size: 20px; }
    .pageoffset { margin-top: 100px; }
    .menuoffcanvas .row { flex-direction: column-reverse; }
    .menucontact { margin-bottom: 30px; margin-top: 20px; }
    .menuitem > ul >li { margin-bottom: 20px; }
    .menuitem > ul >li a { font-size: 24px; }
    .menucontact h5 { letter-spacing: 0px; }
    .menuoffcanvas { padding-top: 60px; }
    .hh-title { font-size: 75px; }
    .hh-title strong { font-size: 32px; }
    .logo a img { width: 155px; }
    .mainheader { padding: 15px 0px; }
    .icnline { margin-bottom: 6px; }
    .icnline { width: 30px; }
    .mainheader.sticky .icnline { margin-bottom: 6px; }
    a.menuMobie .icnline:last-child { margin: 0px; width: 20px; }
    .mainheader.sticky .logo a img { width: 140px; }
    .hh-screen-3 { margin-top: 50px; padding: 0px 20px; margin-bottom: 30px; }
    section.hm-herosection img.mb-30 { margin-bottom: 15px; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }
    .hh-screen-4 .row [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .fs150 { font-size: 45px; }

    /*.theme-btn { padding: 10px 45px 10px 25px; background-position: right 25px center; }
    .theme-btn:after, .theme-btn:before { background-size: 70%; }*/
    h1, h2, .th1, .th2 { font-size: 30px; }
    .line-bottom img { width: 100px; }
    .hm-therightfitrow .hr-imgcard { padding: 20px; }
    .hr-imgcard-slide { padding: 20px; min-height: 100%; }
    h3, .th3 { font-size: 26px; margin-bottom: 10px; }
    .hm-therightfitrow .imgcapcard { width: 100%; padding-left: 0px; }
    .hm-therightfitrow .imgcapcard-top { margin-bottom: 20px; }
    .hm-therightfitrow .cardimg { width: 100%; padding-right: 0px; margin-bottom: 20px; }
    .hr-imgcard-slide.bs1 { box-shadow: 0 0 10px 4px rgba(255, 0, 0, 0.20); }
    .hr-imgcard-slide.bs2 { box-shadow: 0 0 10px 4px rgba(1, 0, 242, 0.20); }
    .hr-imgcard-slide.bs3 { box-shadow: 0 0 10px 4px rgba(0, 255, 0, 0.20); }
    .Visibility-tabrow .vtabvideos, .Visibility-tabrow .vtabvideos video { height: 430px; }
    .dot { background-size: 90%; }
    .vtabtitle.w-100.mb-40.line-bottom { margin-bottom: 20px; }
    .Visibility-tabrow .vtabbottom { bottom: 30px; }
    .Visibility-tabrow .vtabbtns ul li { margin-right: 15px; font-size: 16px; }
    .hm-client-logo-item { border-left: 1px solid #555555; border-right: 1px solid #555555; margin: 0px 50px 20px; }
    .hclit-logo img { margin-top: 0px; margin-bottom: 20px; max-width: 150px; }
    .hm-visible-title.mb-40 { margin-bottom: 0px; }
    .hm-client-title.mb-100 { margin-bottom: 30px; }
    .infinitepixel-items h2 { margin: 0 20px; }
    .infinitepixel-items img { max-width: 40px; }
    footer .row [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .mb-150 { margin-bottom: 50px; }
    .socialfooter ul li a { height: 40px; width: 40px; }
    .socialfooter ul li { margin-right: 15px; }
    .line-bottom:after { width: 90px; }
    .infinitepixel-items .fs100 { font-size: 30px; }
    .glitch-scroll-icon { padding-bottom: 10px; }
    .mb-50 { margin-bottom: 30px; }
    .pb-150 { padding-bottom: 50px; }
    section.hm-blogs.mb-250 { margin-bottom: 50px; }
    .mb-100 { margin-bottom: 50px; }
    a.theme-btn.mt-50 { margin-top: 10px; }
    .pt-150 { padding-top: 30px; }
    .pt-100 { padding-top: 20px; }
    .ap-screen-js { width: 100%; margin-bottom: 30px; }
    .ap-configured  .slick-dots, .ap-products  .slick-dots, .fa-team-section .slick-dots { text-align: center; bottom: -30px; }
    .ap-screen-title.line-bottom.mb-80 { margin-bottom: 20px; }
    .ap-configured-title.line-bottom.mb-100, .ap-products-title.mb-100 { margin-bottom: 30px; }
    .fa-team-pin { padding: 0px 20px; }
    .ap-approach-bg { padding: 30px 20px; }
    .indimghover { text-align: left; margin-top: 20px; }
    .abt-banner .abt-banner-caption-out { bottom: 60px; }
    .abt-banner .abt-banner-caption-in h1 { padding-bottom: 20px; }
    .abt-guiding.mb-200 { margin-bottom: 40px; }
    .ap-team-item {
    flex: 0 0 100%; padding: 0px 20px;
}
}
@-webkit-keyframes menuFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes menuFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* 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(-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; }

/* ===== New Cross WOW Animations ===== */

/* Cross from Top-Left */

/*@keyframes fadeInCrossLeft {
0% {
opacity: 0;
transform: translate(-50px, 50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}

.fadeInCrossLeft {
animation-name: fadeInCrossLeft;
}
@keyframes fadeInCrossRight {
0% {
opacity: 0;
transform: translate(50px, 50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}

.fadeInCrossRight {
animation-name: fadeInCrossRight;
}*/