@-moz-keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-100%);
    }
}

@-webkit-keyframes my-animation {
    from {
        -webkit-transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@media (min-width: 1440px) {
    .home_thehub .hub_block.big {
        height: 544px;
    }

    .home_thehub .hub_block {
        height: 257px;
    }

        .home_thehub .hub_block .catbox {
            font-size: 21px;
        }

        .home_thehub .hub_block .hubtitle {
            padding: 0 60px 0 0;
        }
    
}

@media (max-width: 1350px) {
         .our-development-process-page .scroll-menu {
            font-size: 13px !important;
         }
         .engagementmodel-page .scroll-menu {
             font-size: 13px !important;
         }
     }

@media (max-width: 1199px) {
        .item > img {
            width: auto;
        }

        .hoverText {
            padding: 8px 0 0 8px;
        }
       
        .hoverText ul li {
            font-size: 13px;
        }

        .blue-section ul li {
            width: 50%;
            float: left;
        }

        .testing h4 {
            font-size: 13px;
        }

        .analytics h3 img {
            width: 100%;
        }

        .black-bg article ul li {
            width: 49%;
        }

        .title-blue {
            padding: 4px;
        }

        .new-cms1 li {
            height: 120px;
        }

        .blogs-subsection .slider .card .img img {
            object-fit: fill;
        }

        .our-development-process-page .scroll-menu {
            display: none !important;
        }

        div#spy {
            width: 6%;
        }
        .engagementmodel-page .scroll-menu {
            display: none !important;
        }
        
        .subsectiontwo h3 {
            font-size: 15px;
        }
    }

@media (max-width: 991px) {
    .section-two {
        height: auto;
    }
    h1.heroText {
        text-shadow: 1px 1px 2px #f3e6e6
    }
    .subsectiontwo img.img-fluid {
        height: auto;
    }

    .subsectiontwo h3 {
        font-size: 19px;
    }

    .subsectiontwo .owl-nav {
        bottom: 435px
    }
    .services {
        height: 345px;
    }

    .topBrading .logo {
        text-align: center;
    }

    .black-bg4 ul li {
        width: 100%;
    }
    .heading-container h1 {
        font-size: 50px;
    }

    .services-details .nav-tabs > li a,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        padding: 10px 10px;
        font-size: 12px;
    }

    .articles article {
        height: auto;
    }

    .testing .services {
        height: 310px;
    }

    .points ul li {
        width: auto;
        margin-bottom: 0;
    }

    .blue-section ul li {
        width: 100%;
    }

    .new-cms .group i {
        margin-bottom: 70px;
    }

    .black-bg article ul li {
        width: 93%;
    }

    .black-bg1 ul li {
        width: 50%;
    }

    .black-bg1 ol li {
        width: 50%;
    }

    .new-section {
        background: url(../images/web-cms-benefits-mobile.jpg) no-repeat center left;
        box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.75);
        background-size: cover;
    }

        .new-section article ul li {
            width: 100%;
        }

    .web-cms-key-area {
        content: url(../images/web-cmpic-tab.png);
    }

    .cloud-solutions-saas {
        content: url(../images/cloud-solutions-saas-tablet.png);
    }

    .section-two img {
        margin: auto;
        content: url(../images/development-process-tablet.png);
    }

    .development-process-img {
        content: url(../images/development-process-tablet-black.png);
    }

    .subscribe-sec .heading {
        padding-bottom: 10px;
    }

    .blog-middle h1 {
        font-size: 25px;
    }

    .insightful h2 {
        font-size: 21px;
    }

    .new-cms1 li {
        height: 140px;
    }

    .section-end {
        padding-bottom: 0px;
    }

    .cloud-characteristics li {
        width: 100%;
    }

    .projcard-container {
        margin-left: auto;
        margin-right: auto;
        width: 921px;
    }
}

@media (max-width: 767px) {
        .social-media {
            text-align: center;
            padding-bottom: 8px;
        }

        .subsectiontwo h3 {
            font-size: 18px;
        }

        .services-details .nav-tabs > li:last-child {
            float: none;
        }

        .blogs-subsection .slider .card .content {
            height: 310px;
        }

        .trajectusblogslogo {
            text-align: center;
            margin-bottom: 5px;
        }

        .topBrading .logo {
            text-align: center;
        }

        .section-two .col-xs-12 {
            padding-top: 10px;
        }

        .customNavigation {
            text-align: center;
        }

        .section-two img {
            margin: auto;
            content: url(../images/development-process-mobile.png);
        }

        .border {
            padding-left: 15px;
        }

        .align-right {
            float: initial;
            margin: auto;
            display: block;
            padding-top: 26px;
        }
        
        .with-bottom-line {
        margin: 59px 0 25px 0 !important;
        }

        img.bcimgalignment.img-fluid {
            padding-left: 52px;
        }

        .readMde {
            height: auto;
            width: 260px;
            margin-bottom: 15px;
        }

        .index-banner {
            background: url(../images/how-we-work-1400.jpg) no-repeat top center;
        }

        .heading-container.text-center {
            padding-top: 200px;
        }

        .testing .services {
            height: 280px;
        }

        .heading-container h1 {
            font-size: 37px;
        }

        .blue-section ul li {
            width: 100%;
        }

        .services-banner {
            background: url(../images/application-development-640.jpg) no-repeat top center;
            background-size: cover;
        }

        .application-development {
            content: url(../images/application-development-services-excellence-320.jpg);
        }

        .trajectus-mobility {
            content: url(../images/mobile-img-284.jpg);
        }

        .services-details .nav-tabs > li {
            width: 50%;
            float: left;
            margin: 0 0 8px 0;
            padding-right: 5px;
            padding-left: 5px;
        }

            .services-details .nav-tabs > li a {
                display: block;
                font-size: 11px;
            }

        .content-center h3 {
            font-size: 28px;
        }

        .points ul li {
            margin-bottom: 20px;
        }

        .new-cms .group i {
            margin-bottom: initial;
            float: none;
        }

        .new-cms1 li {
            float: none;
            width: auto;
            height: auto;
        }

            .new-cms1 li::before {
                margin-top: -8px;
            }

        .blue-section1 {
            background: url(../images/managed-test-services-640.jpg) no-repeat center top;
            background-size: cover;
        }

        .black-bg1 {
            background: url(../images/cloud-solutions-640.jpg) no-repeat center top;
            background-size: cover;
        }

        .analytics h3 img {
            width: auto;
        }

        .cloud-solutions-saas {
            content: url(../images/cloud-solutions-saas-mobile.png);
        }

        .development-process-img {
            content: url(../images/development-process-mobile-black.png);
            padding-left: 70px;
        }

        .black-bg1 ul li {
            width: 100%;
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .black-bg1 ol li {
            width: 100%;
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .web-cms-key-area {
            content: url(../images/web-cmpic-mobile.png);
        }

        .process ul li {
            width: 100%;
        }

        .bott .ic1,
        .bott .ic2,
        .bott .ic3 {
            display: block;
            margin: 40px auto 20px auto;
        }

        .black-bg3 h3 {
            font-size: 22px;
            margin-bottom: 30px;
        }

        .cta {
            bottom: 60px;
        }

        .main-footer .links {
            min-height: auto;
        }

        .header-fixed {
            padding-top: 10px;
            padding-bottom: 0;
        }

            .header-fixed .col-xs-12.text-left {
                text-align: center !important;
                padding-bottom: 8px;
            }

            .header-fixed .col-xs-12.text-right {
                text-align: center !important;
                padding-bottom: 10px;
            }

        .blog-section .sec {
            padding-bottom: 30px;
        }

        .blog-order-list ul li {
            width: 100%;
        }

        .blog-middle h1 {
            font-size: 19px;
        }

        .insightful h2 {
            font-size: 17px;
        }

        .blog-middle.details {
            margin-top: 100px;
        }

        .projcard-description {
            z-index: 10;
            font-size: 15px;
            color: #424242;
            height: 166px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .projcard-container {
            margin-left: auto;
            margin-right: auto;
            width: 600px;
        }
    }

@media (max-height: 414px) {
        .solutions ul {
            overflow: auto;
            height: 250px;
        }
    }

@media (max-width: 576px) {
        .border-left {
            padding-left: 10px;
        }
         .sales-force{
            display:none;
        }
    .homepagesubsection h1.heroText {
        font-size: 19px;
    }
    }

@media (max-width: 575px) {
        .heroText {
            padding-top: 32%;
        }

       
        h1.heroText {
            font-size: 20px;
        }

        .development-process-img {
            content: url(../images/development-process-mobile-black.png);
            padding-left: 100px;
        }

        .blogs-subsection .slider .card .content {
            height: 370px;
        }
      
        article img {
            width: 100%;
        }

        .slider-content p {
            font-size: 16px;
        }

        .subsectiontwo .contentblock {
            padding: 2% 3%;
        }

        .subsectiontwo h2 a {
            font-size: 18px;
        }

        .customer-quotes .owl-theme .owl-dots .owl-dot span {
            margin: 3px 3px;
        }

        .articles article .sprite {
            display: block;
            float: none;
            margin: 0 auto;
            margin-bottom: 15px;
        }

        .subscribe-sec .heading {
            height: auto;
            line-height: normal;
            text-align: left;
            font-size: 20px;
        }
    }

@media (min-width: 767px) {
        .top-nav {
            margin-bottom: 5px;
        }
    }

@media (max-width: 400px) {
        .development-process-img {
            content: url(../images/development-process-mobile-black.png);
            padding-left: 30px;
        }
    }