@media(min-width:992px) {
    .our-work-slider .slick-dots {
        display: none !important
    }
}

@media(max-width:1600px) {
    body {
        font-size: 15px
    }

    .service-max-width {
        max-width: 70%
    }

    .fs-box:first-child {
        min-height: 262px
    }

    .fs-small-box {
        min-height: inherit
    }

    .heading-right-icon {
        vertical-align: 1px;
        display: inline-block
    }

    .testimonial-block:before {
        left: -14%
    }

    .banner-heading {
        font-size: 3.1em
    }

    .banner-right.w-65 {
        width: 70% !important
    }

    .banner-left.w-35 {
        width: 30% !important
    }

    .banner-left p {
        max-width: 70%
    }

    .main-menu ul li:hover .sub-menu-bg {
        transform: translateY(94px)
    }

    .header-wrap.sticky .main-menu ul li:hover .sub-menu-bg {
        transform: translateY(78px)
    }

    .black-header .main-menu>ul>li>a {
        padding: 36px 30px
    }

    .ca-content {
        padding: 80px 80px 0 150px;
        height: 383px
    }
}

@media(max-width:1550px) {

    .banner-wrap .container,
    .header-wrap .container {
        max-width: 92%
    }

    .container {
        max-width: 90%
    }
}

@media(max-width:1480px) {
    .banner-left p {
        max-width: 70%
    }

    .resource-wrap .resource-box {
        padding: 80px 30px 50px
    }

    .testimonial-list li img {
        max-height: 95px;
        max-width: 190px
    }

    .banner-heading {
        font-size: 2.8em
    }

    .fs-small-box+.fs-small-box {
        margin-top: 22px
    }

    .product-design-block svg {
        width: 1100px
    }

    .product-design-steps {
        top: 55%;
        left: 58%;
        width: 340px;
        transform: translate(-50%, -50%)
    }

    .heading-bg {
        padding-top: 15px
    }

    .iot-icons-list li {
        width: 25%
    }

    .case-study-wrap .large-heading {
        font-size: 2em
    }

    .remote-development-wrap {
        padding: 0
    }

    .ca-content {
        padding: 50px 80px 0 150px;
        height: 355px
    }
}

@media(max-width:1366px) {
    body {
        font-size: 14px
    }

    .banner-wrap .container,
    .header-wrap .container {
        max-width: 92%
    }

    .container {
        max-width: 90%
    }

    .fs-small-box+.fs-small-box {
        margin-top: 20px
    }

    .value-box {
        padding: 28px 20px
    }

    .resource-wrap .resource-box {
        padding: 50px 30px 50px
    }

    .coretech-icon img {
        max-width: 70px;
        max-height: 70px
    }

    .fs-small-box {
        padding: 8px 25px
    }

    .work-box {
        border-radius: 10px
    }

    .bloger-img img {
        width: 70px;
        height: 70px
    }

    .fs-icon img {
        max-width: 50px;
        max-height: 50px
    }

    .large-heading {
        font-size: 2em
    }

    .large-heading,
    .technology-stack-wrap .large-heading {
        margin: 25px 0
    }

    .gray-box .large-heading {
        font-size: 1.8em
    }

    .ts-black-box {
        padding: 100px 50px
    }

    .lang-tech li {
        padding: 0 20px
    }

    .main-menu ul li:hover .sub-menu-bg {
        transform: translateY(93px)
    }

    .header-wrap.sticky .main-menu ul li:hover .sub-menu-bg {
        transform: translateY(77px)
    }

    .black-header .main-menu>ul>li>a,
    .main-menu>ul>li>a {
        padding-left: 24px;
        padding-right: 24px
    }

    .white-border-box {
        min-height: 270px
    }

    .white-border-box {
        padding: 25px
    }

    .wb-content-pos {
        top: 110px;
        padding: 0 25px
    }

    .white-border-box:hover .wb-content-pos {
        top: 0;
        height: 267px
    }

    .wb-content-pos .al-title {
        min-height: 60px
    }

    .ca-content {
        padding: 50px 50px 0 130px;
        height: 330px
    }

    .product-design-steps {
        left: 50%;
        width: 60%
    }

    .msc-img-box:before {
        width: 140px;
        height: 140px
    }

    .msc-img-box img {
        max-width: 140px;
        max-height: 140px;
        margin-top: 40px;
        margin-left: 40px
    }

    .inner-block {
        padding-top: 94px
    }

    .serving-client-sec {
        max-width: 1140px
    }

    .serving-point3 {
        top: 74%;
        left: 51%
    }

    .serving-point4 {
        top: 47%;
        left: 52%
    }

    .serving-point5 {
        top: 46%;
        left: 65%
    }

    .serving-point6 {
        top: 58%;
        left: 71%
    }

    .serving-point7 {
        top: 75%;
        left: 81%
    }

    .serving-point8 {
        top: 19%;
        left: 51%
    }

    .serving-point9 {
        top: 38%;
        left: 80%
    }

    .about-pm-wrap .lb-left .large-heading {
        font-size: 1.6em !important
    }

    .services-icon img {
        max-width: 60px;
        max-height: 60px
    }

    .iot-icons-list li {
        margin-bottom: 30px
    }

    .error-block .heading {
        font-size: 7em
    }

    .error-block .not-found-text {
        font-size: 4em
    }
}

@media(max-width:1280px) {
    .banner-heading {
        font-size: 2.5em
    }

    .fs-box {
        padding: 25px 15px 20px
    }

    .fs-box.fs-small-box {
        padding: 8px 15px;
        line-height: 45px
    }

    .heading-right-icon img {
        max-height: 24px;
        max-width: 24px
    }

    .value-box {
        padding: 20px 20px
    }

    .resource-wrap .resource-box {
        padding: 40px 15px 40px
    }

    .testimonial-list {
        padding: 0
    }

    .fs-box p {
        margin-bottom: 0
    }

    .process-box {
        min-height: 320px
    }

    .optmized-content p {
        max-width: 86%
    }

    .process-box p {
        max-width: 86%
    }

    .build-tab-block .nav-tabs .nav-item {
        margin-bottom: 20px
    }

    .manager-build-block .gray-box {
        padding: 60px 40px 20px 40px;
        min-height: 330px
    }

    .blog-block .work-content {
        padding: 25px 25px 15px;
        min-height: 202px
    }

    .blog-block .read-more-link {
        margin-top: 20px;
        font-size: 1.1em
    }

    .blog-block .work-content .sub-heading {
        min-height: 84px;
        max-height: 84px;
        overflow: hidden
    }

    .build-tab-block .nav-tabs {
        font-size: 1.1em
    }

    .read-more-link img {
        max-height: 15px
    }

    .black-header .main-menu>ul>li>a,
    .main-menu>ul>li>a {
        padding-left: 18px;
        padding-right: 18px
    }

    .strategy-box {
        max-width: 100%
    }

    .dev-strategy-right {
        padding-left: 5%
    }

    .package-wrap {
        padding: 20px 0 50px
    }

    .package-block {
        padding-top: 20px
    }

    .delightful-ux-wrap {
        padding: 50px 0
    }

    .taskforce-wrap .mt-60.mb-40 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .tm-info {
        min-height: 120px
    }

    .wb-icon img {
        max-width: 50px;
        max-height: 50px
    }

    .ca-flex {
        display: block !important;
        margin-top: 15px
    }

    .ca-flex-left {
        width: 100% !important
    }

    .ca-flex-right {
        width: 100% !important
    }

    .ca-flex-left img {
        border-radius: 0
    }

    .ca-content {
        padding: 50px;
        border-radius: 0;
        height: auto
    }

    .benefit-list ul li {
        width: 20%
    }

    .product-design-steps {
        left: 44%;
        width: 62%
    }

    .hwd-step-wrap .process-box {
        min-height: 200px
    }

    .microservice-list>.row {
        padding: 30px 0
    }

    .cma-btn-flex .ml-60 {
        margin-left: 15px !important
    }

    .cm-flex-left,
    .cm-flex-right {
        padding: 90px 40px
    }

    .case-studie-wrap .cm-flex-left,
    .case-studie-wrap .cm-flex-right {
        padding: 20px 40px
    }

    .agile-development-tabs .ts-title {
        font-size: 1em
    }

    .custom-tabs .nav-tabs a {
        padding: 25px 10px 22px
    }

    .ios-dev-banner .ios-banner-img {
        max-width: 85%
    }

    .ios-dev-banner {
        min-height: 570px
    }

    .serving-client-sec {
        max-width: 961px
    }

    .serving-point1 {
        left: 11%
    }

    .serving-point2 {
        left: 16%
    }

    .serving-point8 {
        left: 53%
    }

    .serving-point4 {
        left: 54%
    }

    .serving-point3 {
        left: 53%
    }

    .serving-point5 {
        left: 67%
    }

    .serving-point6 {
        left: 74%
    }

    .serving-point7 {
        left: 84%
    }

    .serving-point9 {
        left: 83%
    }

    .ca-slider .slick-arrow {
        top: inherit;
        bottom: -55px
    }

    .ca-slider .slick-prev {
        right: 52%
    }

    .ca-slider .slick-next {
        right: 47%
    }

    .ca-flex {
        margin-top: 0
    }

    .our-blog-list .work-thumb {
        max-height: 161px
    }

    .work-box .work-thumb a>img {
        min-height: 161px
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: 565px
    }

    .statics-wrap {
        padding: 100px 0
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 465px
    }

    .iot-services-wrap .mnh-375 {
        min-height: 485px
    }

    .white-border-box {
        min-height: 300px
    }

    .white-border-box:hover .wb-content-pos {
        height: 294px
    }

    .about-pm-wrap .lb-right.am-img-block img {
        width: 77%
    }
}

@media(max-width:1199px) {
    .work-content .blue-heading {
        font-size: 1em
    }

    .work-content {
        padding: 15px 15px 5px
    }

    .testimonial-block:before {
        height: 20.125rem
    }

    .testimonial-block:after {
        height: 18.125rem;
        right: -1%;
        bottom: -30px
    }

    .resource-wrap .blue-heading br {
        display: none
    }

    .contact-mail {
        font-size: 1.1em
    }

    .building-amazing {
        font-size: 1.1em
    }

    .testimonial-list li img {
        max-height: 85px;
        max-width: 170px
    }

    .fs-transparent-box {
        padding: 15px
    }

    .fs-transparent-box p {
        margin-bottom: 0
    }

    .case-study-wrap:after,
    .technology-stack-wrap:after {
        height: 430px;
        top: -30%
    }

    .impact-wrap {
        padding-top: 0
    }

    .our-approach-wrap {
        padding-bottom: 40px
    }

    .ts-black-box {
        padding: 80px 30px
    }

    .custom-tabs .nav-tabs {
        margin: 50px -10px
    }

    .custom-tabs .nav-tabs li {
        padding: 0 10px
    }

    .custom-tabs .nav-tabs a {
        padding: 15px 10px 8px
    }

    .ts-title {
        font-size: 1em
    }

    .ts-icon {
        margin-right: 5px
    }

    .gray-box .large-heading {
        padding-right: 20px;
        font-size: 1.6em
    }

    .red-btn.no-wrap {
        padding-left: 22px;
        padding-right: 22px
    }

    .optmized-content p {
        max-width: 100%
    }

    .process-list-block .process-list {
        padding-top: 40px
    }

    .process-box p {
        max-width: 95%
    }

    .build-tab-block .nav-tabs .nav-item {
        margin-bottom: 15px
    }

    .lang-tech li img {
        max-width: 66px;
        max-height: 24px;
        margin-right: 10px;
        vertical-align: -6px
    }

    .optmized-content {
        padding-left: 25px
    }

    .process-list-block .process-list {
        padding-top: 0
    }

    .process-list-block .process-box {
        min-height: 290px
    }

    .pl-37per {
        padding-left: 27% !important
    }

    .header-wrap {
        padding: 14px 0
    }

    .header-wrap.sticky {
        padding: 10px 0
    }

    .header-wrap .container {
        max-width: 100%
    }

    .header-wrap.sticky .main-menu>ul>li>a {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .mobile-inner-header {
        display: block;
        margin-top: 13px;
        margin-left: auto;
        width: 40px;
        height: 24px;
        position: relative
    }

    .mobile-inner-nav {
        background-color: rgba(3, 28, 62, .9);
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding-top: 30px;
        padding-bottom: 80px;
        display: none;
        z-index: 9;
        height: 100%;
        overflow: auto
    }

    .mobile-inner-header-icon {
        color: #fff;
        font-size: 25px;
        text-align: center;
        float: right;
        position: relative;
        -webkit-transition: background .5s;
        -moz-transition: background .5s;
        -o-transition: background .5s;
        transition: background .5s;
        margin-top: 6px
    }

    .mobile-inner-header-icon {
        color: #fff;
        height: 20px;
        font-size: 25px;
        text-align: center;
        float: right;
        width: 40px;
        position: relative;
        -webkit-transition: background .5s;
        -moz-transition: background .5s;
        -o-transition: background .5s;
        transition: background .5s;
        z-index: 99;
        margin-top: 4px
    }

    .mobile-inner-header-icon:hover {
        cursor: pointer
    }

    .mobile-inner-header-icon span {
        position: absolute;
        left: calc((100% - 20px)/ 2);
        top: calc((100% - 21px)/ 2);
        width: 25px;
        height: 2px;
        background-color: rgb(0 0 0)
    }

    .mobile-inner-header-icon span:nth-child(1) {
        transform: translateY(4px) rotate(0)
    }

    .mobile-inner-header-icon span:nth-child(2) {
        transform: translateY(-4px) rotate(0)
    }

    .mobile-inner-header-icon span:nth-child(3) {
        display: none
    }

    .mobile-inner-header-icon-click span:nth-child(1) {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: clickfirst
    }

    .mobile-inner-header-icon-click span:nth-child(2) {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: clicksecond
    }

    @keyframes clickfirst {
        0% {
            transform: translateY(4px) rotate(0)
        }

        100% {
            transform: translateY(0) rotate(45deg)
        }
    }

    @keyframes clicksecond {
        0% {
            transform: translateY(-4px) rotate(0)
        }

        100% {
            transform: translateY(0) rotate(-45deg)
        }
    }

    .mobile-inner-header-icon-out span:nth-child(1) {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: outfirst
    }

    .mobile-inner-header-icon-out span:nth-child(2) {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: outsecond;
        margin-top: 3px;
        top: calc((100% - 19px)/ 2)
    }

    .mobile-inner-header-icon-out span:nth-child(3) {
        display: block;
        top: calc((100% - 17px)/ 2)
    }

    @keyframes outfirst {
        0% {
            transform: translateY(0) rotate(-45deg)
        }

        100% {
            transform: translateY(-4px) rotate(0)
        }
    }

    @keyframes outsecond {
        0% {
            transform: translateY(0) rotate(45deg)
        }

        100% {
            transform: translateY(4px) rotate(0)
        }
    }

    .mobile-inner-header-icon.mobile-inner-header-icon-click {
        z-index: 10
    }

    .mobile-inner-header-icon.mobile-inner-header-icon-click span {
        background-color: #000
    }

    .main-menu {
        background: #fff;
        position: fixed;
        height: 100%;
        z-index: 1;
        top: -100%;
        left: 0;
        width: 100%;
        transition: all .5s ease-in-out 0s;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 20px;
        border-top: solid 1px #dedede;
        overflow-y: auto;
        height: calc(100vh - 61px)
    }

    .main-menu.active {
        top: 64px
    }

    .main-menu>ul {
        margin: 0;
        width: 100%;
        text-align: left;
        display: block;
        padding: 0 0 0 20px
    }

    .main-menu>ul>li {
        display: block;
        padding: 0;
        border-bottom: solid 1px #e4e4e4
    }

    .black-header .main-menu>ul>li>a,
    .main-menu>ul>li>a {
        display: block;
        padding: 14px 15px;
        font-size: 1.3em;
        font-weight: 500
    }

    .main-logo {
        z-index: 9
    }

    .for-desktop {
        display: none
    }

    .for-mobile {
        display: block
    }

    .header-wrap .red-transpaent-btn {
        padding: 9px 30px;
        margin-top: 45px;
        margin-left: 0
    }

    .overflow-active {
        overflow: hidden
    }

    .overlay-bg {
        background: rgba(0, 0, 0, .15);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: none
    }

    .overlay-bg.active {
        display: block
    }

    .sub-menu-bg {
        position: relative;
        transform: inherit;
        display: none
    }

    .main-menu ul li.open .sub-menu-bg {
        display: block
    }

    .header-wrap.sticky .main-menu ul li:hover .sub-menu-bg,
    .main-menu ul li:hover .sub-menu-bg {
        transform: inherit
    }

    .pl-37per {
        padding-left: 15px !important
    }

    .main-menu>ul>li>a .arrow {
        float: right
    }

    .black-header .main-menu>ul>li.open>a,
    .main-menu>ul>li.open>a {
        color: #f62d2d
    }

    .main-menu>ul>li.open>a .arrow {
        animation: hoverIn .4s ease-in-out forwards
    }

    @keyframes hoverIn {
        50% {
            transform: rotate(-180deg)
        }

        to {
            transform: translateX(0) rotate(-180deg)
        }
    }

    @keyframes hoverOut {
        0% {
            transform: translateX(0) rotate(-180deg)
        }

        50% {
            transform: translateX(0) rotate(0)
        }

        to {
            transform: translateX(0) rotate(0)
        }
    }

    .pl-25per {
        padding-left: 15px !important
    }

    .black-header .header-overlay {
        background: #1f2226
    }

    .black-header.sticky .header-overlay {
        background: #1f2226
    }

    .black-header .mobile-inner-header-icon span {
        background-color: rgb(255 255 255)
    }

    .black-header.sticky .mobile-inner-header-icon span {
        background-color: rgb(255 255 255)
    }

    .header-wrap {
        border-bottom: solid 1px #1f2226
    }

    .black-header .mobile-inner-header-icon span {
        background-color: rgb(255 255 255)
    }

    .black-header .main-menu ul li a {
        color: #fff
    }

    .black-header .red-transpaent-btn {
        color: #f62d2d;
        border-color: #f62d2d
    }

    .black-header .red-transpaent-btn:hover {
        border-color: #f62d2d;
        background: #f62d2d;
        color: #fff
    }

    .black-header .main-menu {
        background: #1f2226
    }

    .quality-left {
        padding-right: 0
    }

    .delightful-ux-wrap {
        padding: 30px 0
    }

    .step-white-box {
        padding: 40px 30px
    }

    .service-flex {
        padding: 30px 0
    }

    .header-wrap.transparent-header {
        background: #1f2226
    }

    .wb-content-pos .al-title {
        margin-bottom: 10px
    }

    .white-border-box {
        padding: 15px
    }

    .wb-content-pos {
        top: 90px;
        padding: 0 15px
    }

    .transparent-header .main-menu ul li:hover .sub-menu-bg {
        padding-top: 30px
    }

    .product-design-block svg {
        width: 870px;
        bottom: -210px
    }

    .product-design-steps {
        top: 61%
    }

    .product-design-step2 .mb-50 {
        margin-bottom: 30px !important
    }

    .cmo-icon img {
        max-width: 40px;
        max-height: 40px
    }

    .cancel-icon img {
        max-width: 50px;
        max-height: 50px
    }

    .inner-block {
        padding-top: 65px
    }

    .language-banner .large-heading {
        font-size: 2.5em
    }

    .ios-tech-block .strategy-box {
        min-height: inherit;
        margin: 10px 0;
        padding: 40px
    }

    .ios-tech-block .strategy-right p {
        margin-bottom: 0
    }

    .fs-small-box .blue-heading {
        width: calc(100% - 120px)
    }

    .mnh-415 {
        min-height: 435px
    }

    .serving-client-sec {
        max-width: 100%
    }

    .our-mission-list .services-box {
        padding: 35px 15px 15px
    }

    .services-title {
        font-size: 1.4em
    }

    .life-wedigtech-slider .item {
        padding: 0 7px
    }

    .know-about-wrap .architecture-left p {
        padding-right: 5%
    }

    .iot-icons-list li {
        padding-bottom: 30px
    }

    .iot-icons-list li .tech-icon {
        height: 100px
    }

    .cdb-right img {
        max-width: 90%
    }

    .about-story-wrap {
        padding: 30px 0
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 495px
    }

    .manager-build-block .gray-box {
        min-height: 360px
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: 580px
    }

    .remote-development-wrap {
        padding-bottom: 70px
    }

    .impact-block {
        padding-top: 30px
    }

    .architecture-list.agile-dev-list {
        padding-top: 40px
    }

    .agile-architecture-wrap {
        padding-bottom: 30px
    }

    .ad-case-study-wrap {
        padding: 70px 0
    }

    .impact-wrap,
    .software-critical-wrap {
        padding-bottom: 70px
    }

    .iot-services-wrap .mnh-375 {
        min-height: 525px
    }

    .error-page {
        padding-top: 150px !important
    }

    .about-am-wrap {
        padding-top: 70px
    }

    .about-am-wrap .lb-left {
        padding-bottom: 30px
    }

    .about-pm-wrap .lb-right.am-img-block img {
        width: 85%
    }

    .about-am-wrap .lb-left .large-heading {
        font-size: 1.2em !important
    }
}

@media(max-width:1100px) {
    .mnh-415 {
        min-height: 495px
    }

    .marke-flag {
        top: -16px;
        left: 33px
    }

    .serving-point3 {
        top: 70%
    }

    .serving-point5 {
        left: 66%;
        top: 44%
    }

    .serving-point7 {
        left: 83%;
        top: 72%
    }

    .serving-point6 {
        left: 73%;
        top: 55%
    }

    .serving-point9 {
        left: 83%;
        top: 34%
    }

    .mark-box .marke-place-name {
        display: none
    }

    .about-pm-wrap {
        padding-top: 60px
    }

    .about-pm-wrap .lb-right {
        padding-top: 40px
    }

    .about-pm-wrap .lb-right img {
        max-width: 80%
    }

    .about-pm-wrap .lb-left .large-heading {
        max-width: 90%
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: 720px
    }

    .header-wrap.transparent-header.sticky .main-menu ul li:hover .sub-menu-bg {
        padding-top: 35px
    }

    .white-border-box {
        min-height: 340px
    }

    .white-border-box:hover .wb-content-pos {
        height: 338px
    }

    .error-block .heading {
        font-size: 6em
    }

    .error-block .not-found-text {
        font-size: 3em
    }

    .error-block h2 {
        font-size: 1.4em
    }

    .error-page {
        padding-bottom: 70px
    }
}

@media(max-width:1024px) {
    .banner-heading {
        font-size: 2.2em
    }

    .banner-left p {
        max-width: 75%
    }

    .service-max-width {
        max-width: 86%
    }

    .value-box {
        padding: 20px 20px
    }

    .testimonial-block:after {
        right: -7%
    }

    .testimonial-list>br {
        display: none
    }

    .testimonial-list li {
        width: 19%
    }

    .contact-mail {
        font-size: 1em
    }

    .resource-wrap .blue-heading {
        margin-top: 0
    }

    .resource-wrap p {
        margin-top: 17%;
        margin-bottom: 14%
    }

    .resource-box .mt-60 {
        margin-top: 30px !important
    }

    .roi-consult-block .blue-heading {
        margin-top: 10px
    }

    .quality-wrap .testimonial-list li {
        padding: 25px 0
    }

    .partner-right {
        padding-left: 0;
        padding-top: 20px
    }

    .about-pos .large-heading {
        margin: 0 0 15px !important
    }

    .about-pos p.mb-40 {
        margin-bottom: 20px !important
    }

    .career-statics {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: solid 1px #fff;
        margin-top: 30px;
        padding-left: 0
    }

    .jo-title {
        min-height: 54px
    }

    .benefit-wrap {
        padding: 100px 0 0
    }

    .total-count {
        left: 65.3%
    }

    .hwd-step-wrap .wb-content-pos {
        height: 107px
    }

    .book-img-block img {
        max-width: 370px
    }

    .msc-img-box:before {
        width: 120px;
        height: 120px
    }

    .msc-img-box img {
        max-width: 120px;
        max-height: 120px;
        margin-top: 40px;
        margin-left: 40px
    }

    .copy-microservice-box:after {
        display: none
    }

    .agile-development-tabs.custom-tabs .nav-tabs {
        margin-left: 0;
        margin-right: 0;
        border-bottom: 1px solid #ccc
    }

    .agile-development-tabs.custom-tabs .nav-tabs li {
        padding: 0
    }

    .main-content-block {
        padding: 120px 70px
    }

    .rs-tabs {
        display: block
    }

    .rs-tabs li {
        width: 100% !important
    }

    .custom-tabs .rs-tabs.nav-tabs a {
        padding: 10px 10px 10px;
        text-align: left
    }

    .ts-icon-img {
        width: 40px;
        height: 40px;
        min-width: 40px
    }

    .case-study-wrap .large-heading br {
        display: none
    }

    .custom-tabs .rs-tabs.nav-tabs {
        margin: 30px 0;
        border: 1px solid #ccc
    }

    .custom-tabs .rs-tabs.nav-tabs li {
        padding: 0
    }

    .resp-tab-content {
        padding: 25px 20px
    }

    h2.resp-accordion {
        background: #f6f6f6;
        border: solid 1px #ccc;
        margin-top: 10px;
        position: relative
    }

    h2.resp-tab-active {
        background: #f62d2d;
        border: solid 1px transparent
    }

    h2.resp-tab-active .ts-title {
        color: #fff
    }

    .resp-tab-content .large-heading {
        display: none
    }

    .language-banner p br {
        display: none
    }

    .mnh-525 {
        min-height: 605px
    }

    .resp-tab-content.resp-tab-content-active {
        border: solid 1px #e6e6e6;
        border-top: none
    }

    h2.resp-accordion .d-inline-flex {
        width: 100%
    }

    .resp-accordion .ts-title br {
        display: none
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 555px
    }
}

@media(max-width:991px) {
    .ft-right.order-2 {
        order: inherit
    }

    .ft-left {
        margin-top: 25px
    }

    .contact-mail {
        font-size: 1.2em;
        margin: 6px 0
    }

    .office-address.mt-60 {
        margin-top: 25px !important
    }

    .office-address p {
        margin-bottom: 0
    }

    .building-amazing-block.mt-40 {
        margin-top: 25px !important
    }

    .testimonial-block:after,
    .testimonial-block:before {
        display: none
    }

    .fs-box.fs-small-box {
        line-height: 40px;
        padding: 8px 15px
    }

    .fs-transparent-box {
        margin-bottom: 15px
    }

    .value-wrap {
        padding: 50px 0 0
    }

    .value-wrap .sub-heading.mb-60 {
        margin-bottom: 20px !important
    }

    .value-box {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .work-content {
        min-height: 312px
    }

    .testimonial-wrap {
        padding: 50px 0
    }

    .testimonial-box {
        border: solid 1px rgba(0, 0, 0, .4);
        padding: 15px;
        border-radius: 10px;
        margin-top: 0 !important;
        min-height: 435px;
        margin-bottom: 20px
    }

    .testimonial-block .mt-10,
    .testimonial-block .mt-20,
    .testimonial-block .mt-30,
    .testimonial-block .mt-40,
    .testimonial-block .mt-60 {
        margin-top: 0 !important
    }

    .testimonial-wrap .testimonial-title,
    .testimonial-wrap p {
        max-width: 100%
    }

    .pl-5p {
        padding-left: 15px !important
    }

    .testimonial-list li {
        padding: 15px 0
    }

    .testimonial-list li img {
        max-height: 70px
    }

    .core-tech-box .blue-heading {
        margin-bottom: 10px !important
    }

    .service-wrap .sub-heading {
        margin-bottom: 0
    }

    .service-wrap .sub-heading br {
        display: none
    }

    .service-max-width {
        max-width: 100%
    }

    .service-max-width p {
        margin: 5px 0 12px 0
    }

    .work-box {
        margin: 10px 0
    }

    .our-mission-list .slick-dots,
    .testimonial-slider .slick-dots {
        text-align: center;
        width: 100%;
        bottom: -20px
    }

    .our-work-slider .slick-dots {
        bottom: -40px
    }

    .our-mission-list .slick-dots li,
    .our-work-slider .slick-dots li,
    .testimonial-slider .slick-dots li {
        display: inline-block;
        padding: 0 5px;
        margin: 0
    }

    .our-mission-list .slick-dots li button,
    .our-work-slider .slick-dots li button,
    .testimonial-slider .slick-dots li button {
        text-indent: -9999px;
        border: none;
        background: 0 0;
        border-bottom: solid 3px #ccc;
        padding: 0;
        width: 34px;
        border-radius: 0
    }

    .our-mission-list .slick-dots li.slick-active button,
    .our-work-slider .slick-dots li.slick-active button,
    .testimonial-slider .slick-dots li.slick-active button {
        border-bottom: solid 3px #f62d2d
    }

    .our-mission-list .sub-heading.mb-60,
    .our-work-wrap .sub-heading.mb-60,
    .testimonial-wrap .sub-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .full-stack-team-wrap {
        padding: 0
    }

    .service-wrap {
        padding: 70px 0
    }

    .header-wrap {
        padding: 10px 0;
        z-index: 4;
        border-bottom: solid 1px rgb(255 255 255 / 40%)
    }

    .header-wrap.sticky {
        padding: 10px 0
    }

    .header-wrap.sticky .main-menu>ul>li>a {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .main-logo .we-logo {
        height: 41px;
        width: 41px
    }

    .main-logo .we-logo img {
        max-width: 36px;
        max-height: 36px
    }

    .banner-wrap {
        padding-top: 61px
    }

    .banner-flex {
        display: block !important
    }

    .banner-right.w-65 {
        width: 100% !important
    }

    .banner-right img {
        border-radius: 0
    }

    .banner-left.w-35 {
        width: 70% !important;
        text-align: center;
        left: 0;
        top: -50px;
        background: #fff;
        margin: 0 auto;
        padding: 20px 15px
    }

    .banner-left p {
        margin: 10px auto 15px
    }

    .banner-wrap .container {
        max-width: 100%;
        padding: 0
    }

    .banner-heading {
        box-shadow: inherit
    }

    .ts-black-box {
        width: 100%
    }

    .main-content-block {
        padding: 60px 40px
    }

    .architecture-flex {
        display: block !important
    }

    .architecture-left {
        width: 100% !important;
        padding-right: 0
    }

    .architecture-right {
        width: 100% !important;
        padding-bottom: 25px
    }

    .architecture-wrap {
        padding: 80px 0 80px
    }

    .large-heading,
    .technology-stack-wrap .large-heading {
        margin: 10px 0
    }

    .al-box {
        min-height: 190px
    }

    .mxw-80 {
        max-width: 100%
    }

    .custom-tabs .nav-tabs .d-inline-flex {
        display: block !important;
        text-align: center
    }

    .ts-icon {
        margin: 0 auto
    }

    .custom-tabs .nav-tabs a {
        padding: 10px 10px 15px
    }

    .tsl-left {
        padding-right: 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .tsl-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 20px
    }

    .tsl-left p+p {
        margin-top: 15px
    }

    .custom-tabs .nav-tabs {
        margin: 30px -10px
    }

    .gray-box .d-flex {
        display: block !important;
        text-align: center
    }

    .gray-box .large-heading {
        padding-right: 0;
        padding-bottom: 20px
    }

    .our-approach-left {
        padding-bottom: 30px
    }

    .our-approach-left img {
        max-width: 300px;
        margin: 0 auto;
        display: block
    }

    .our-approach-right .red-heading {
        margin-bottom: 15px
    }

    .impact-icon {
        margin-bottom: 15px
    }

    .impact-block p {
        max-width: 100%
    }

    .case-study .col-lg-4.order-2 {
        display: none
    }

    .architecture-list {
        padding-top: 40px
    }

    .counter-wrap .count {
        font-size: 3em
    }

    .inner-block {
        padding-top: 57px
    }

    .language-banner .d-flex {
        display: block !important
    }

    .language-banner .w-40,
    .language-banner .w-50,
    .language-banner .w-60 {
        width: 100% !important
    }

    .lb-right {
        text-align: center
    }

    .lb-right img {
        max-width: 290px
    }

    .language-banner {
        padding: 80px 0
    }

    .optmized-cost {
        top: 0
    }

    .optmized-cost {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .optmized-img {
        padding: 0
    }

    .optmized-img img {
        border-radius: 20px
    }

    .lang-tech {
        display: none
    }

    .lb-left {
        text-align: center;
        padding-top: 25px
    }

    .lb-left .large-heading br {
        display: none
    }

    .optmized-right {
        padding-left: 15px;
        padding-top: 25px;
        text-align: center
    }

    .optmized-right .large-heading {
        margin-bottom: 10px !important
    }

    .optmized-content p {
        max-width: 60%;
        margin: 0 auto
    }

    .build-tab-block {
        margin-top: 40px
    }

    .build-tab-block .nav-tabs {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 25px
    }

    .build-tab-block .nav-tabs:before {
        display: none
    }

    .build-tab-block .nav-tabs .nav-link.active:before {
        display: none
    }

    .build-tab-block .nav-tabs .nav-link.active {
        background: #fff;
        color: #000
    }

    .build-tab-block .nav-tabs .slick-current .nav-link {
        background: #f1f1f1;
        color: #000
    }

    .manager-build .large-heading {
        text-align: center;
        margin-bottom: 20px
    }

    .blog-block .work-box {
        box-shadow: 0 5px 10px #00000033
    }

    .blog-block .large-heading {
        margin-bottom: 20px
    }

    .blog-block {
        padding: 0 0 60px
    }

    .work-leading-block {
        padding: 30px 0 60px
    }

    .manager-build-block {
        padding: 100px 0 80px
    }

    .ra-right {
        padding-left: 15px
    }

    .star-rating img {
        max-width: 30px
    }

    .dt-left {
        padding-bottom: 20px
    }

    .development-team ul li {
        margin-top: 20px
    }

    .main-menu.active {
        top: 56px
    }

    .quality-right {
        padding-top: 15px
    }

    .experience-wrap {
        padding: 100px 0
    }

    .experience-wrap .large-heading {
        margin-bottom: 20px
    }

    .dev-strategy-right {
        padding-left: 15px
    }

    .dev-strategy-block {
        padding: 60px 0
    }

    .dev-strategy-right {
        padding-left: 15px;
        padding-top: 35px
    }

    .strategy-box .al-title {
        margin-bottom: 10px
    }

    .blog-block .large-heading br {
        display: none
    }

    .quality-wrap {
        padding: 60px 0
    }

    .experience-wrap {
        padding: 60px 0
    }

    .testimonial-wrap .large-heading {
        margin-bottom: 25px
    }

    .product-step-block p.mb-50 {
        margin-bottom: 20px !important
    }

    .step-white-box {
        padding: 30px 15px
    }

    .sw-icon img {
        max-width: 80px;
        max-height: 80px
    }

    .product-step-block {
        padding: 60px 0
    }

    .the-office-wrap {
        padding: 60px 0
    }

    .about-story-wrap {
        padding: 30px 0
    }

    .can-help-wrap {
        padding-top: 150px;
        padding-bottom: 150px;
        margin-bottom: 60px
    }

    .ta-big-img {
        display: none
    }

    .ta-small-img {
        position: relative;
        left: inherit;
        bottom: inherit
    }

    .take-about-wrap .order-2 {
        order: inherit
    }

    .take-about-slider {
        text-align: center;
        margin-top: 40px
    }

    .take-about-slider .slick-dots {
        text-align: center
    }

    .take-about-slider .slick-prev {
        left: 44%
    }

    .take-about-slider .slick-next {
        left: 51%
    }

    .team-list li {
        width: 33.33%
    }

    .take-about-wrap:before {
        display: none
    }

    .take-about-wrap {
        padding: 0
    }

    .white-border-box {
        min-height: 230px
    }

    .white-border-box:hover .wb-content-pos {
        height: 228px
    }

    .taskforce-wrap .pr-5per {
        padding-bottom: 25px
    }

    .career-about-wrap {
        padding-bottom: 150px
    }

    .offer-looking-wrap {
        padding: 0 0 100px
    }

    .benefit-wrap {
        padding: 0
    }

    .benefit-list ul li {
        width: 25%
    }

    .workmate-block1 .order-2 {
        order: inherit !important
    }

    .workmate-block1 .col-lg-7 img,
    .workmate-block3 .col-lg-7 img {
        max-width: 520px;
        margin-bottom: 30px
    }

    .workmate-block1 {
        padding-top: 50px
    }

    .workmate-wrap {
        padding-bottom: 0
    }

    .product-design-step1 .col-lg-6.pr-5per {
        padding-bottom: 20px
    }

    .angil-software-wrap {
        padding: 70px 0 0
    }

    .product-design-block svg {
        width: 1020px;
        bottom: -40px;
        right: 50%;
        transform: translate(25%, 50px)
    }

    .product-design-steps {
        top: 40%;
        left: 53%;
        width: 300px;
        transform: translate(-50%, -50%)
    }

    .communication-block .col-md-4 {
        margin-bottom: 45px
    }

    .communication-channel-wrap {
        padding: 0 0 30px
    }

    .microservice-footer-wrap {
        padding: 0 0 40px
    }

    .sdc-wrap {
        padding: 60px 0
    }

    .copy-microservice-box {
        padding: 40px
    }

    .copy-microservice-wrap .large-heading {
        margin-bottom: 20px !important
    }

    .copy-microservice-wrap .large-heading br {
        display: none
    }

    .copy-microservice-wrap .d-flex {
        display: block !important
    }

    .copy-microservice-wrap {
        padding: 60px 0
    }

    .table-content-wrap {
        padding: 50px 0 60px
    }

    .tc-step-block {
        margin-top: 40px
    }

    .table-content-block {
        position: relative;
        top: inherit;
        margin-top: 0
    }

    .table-content-box {
        max-width: 100%
    }

    .build-jq-tabs .nav-tabs {
        display: flex
    }

    .build-jq-tabs .nav-tabs .nav-link.active {
        background: #f1f1f1
    }

    .responsivetabs-more>a {
        padding: 12px;
        display: block
    }

    .responsivetabs-more .dropdown-toggle::after {
        vertical-align: middle
    }

    .responsivetabs-more .dropdown-item.active,
    .responsivetabs-more .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #000
    }

    .testi-hide-in-mobile {
        display: none
    }

    .testi-show-in-mobile {
        display: block
    }

    .cm-flex {
        display: block !important
    }

    .cm-flex-left,
    .cm-flex-right {
        width: 100% !important
    }

    .cm-option-list li {
        padding: 20px 0
    }

    .dt-right {
        padding-top: 25px
    }

    .project-right {
        padding-left: 15px;
        padding-top: 40px
    }

    .about-vue-contact-wrap {
        padding-top: 100px;
        padding-bottom: 100px;
        margin-bottom: 0;
        background-size: auto 75%
    }

    .projects-wrap {
        padding: 50px 0 80px
    }

    .projects-wrap .large-heading.mb-60 {
        margin-bottom: 40px !important
    }

    .tech-description-wrap {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .ios-tech-block .strategy-box {
        padding: 30px 20px 20px 40px;
        margin: 15px 0
    }

    .ios-app-wrap {
        padding: 60px 0
    }

    .build-android-wrap.software-sloution-wrap {
        padding: 0 0 60px
    }

    .build-android-wrap.software-sloution-wrap .d-flex {
        display: block !important
    }

    .ba-left.w-50 {
        text-align: left !important
    }

    .ba-left.w-50,
    .ba-right.w-50 {
        width: 100% !important
    }

    .ios-tech-block .strategy-box {
        min-height: inherit
    }

    .software-sloution-wrap .ba-right {
        padding-right: 0
    }

    .bloger-img {
        min-width: 70px
    }

    .work-box .heading-right-icon {
        vertical-align: middle
    }

    .testimonial-box p {
        max-height: 250px;
        overflow-y: auto
    }

    .custom-tabs .rs-tabs.nav-tabs .d-inline-flex {
        display: flex !important
    }

    .our-product-wrap {
        padding-bottom: 60px
    }

    .our-product-wrap .work-content {
        min-height: 252px
    }

    .build-slick-tabs.responsive-tabs.nav-tabs {
        border: solid 1px #ccc
    }

    .build-slick-tabs.responsive-tabs.nav-tabs .nav-link.active {
        background: #f62d2d;
        color: #fff
    }

    .build-slick-tabs.responsive-tabs .dropdown-arrow {
        top: 16px
    }

    .team-build-list li {
        width: 33.33%
    }

    .mad-process-block.process-list-block .process-box {
        min-height: 340px
    }

    .ts-gray-box {
        padding: 25px
    }

    .ios-dev-banner {
        min-height: 500px
    }

    .ios-dev-banner .ios-dev-pos {
        top: 55%
    }

    .experience-flex {
        display: block !important
    }

    .experience-flex .exp-count {
        text-align: left;
        line-height: 1em;
        font-size: 3.7em
    }

    .experience-flex .exp-label {
        padding-left: 5px
    }

    .dev-strategy .advantages-left.order-2 {
        order: inherit
    }

    .dev-strategy .advantages-right {
        padding-top: 30px
    }

    .mnh-415 {
        min-height: 415px
    }

    .devops-banner .large-heading {
        max-width: 90%;
        margin: 0 auto
    }

    .services-wrap {
        padding: 50px 0
    }

    .tsl-right-img.order-2 {
        order: inherit !important
    }

    .ms-pattern-img {
        display: none
    }

    .offer-looking-wrap p {
        max-width: 80%;
        margin: 0 auto
    }

    .serving-client-wrap .experience-flex .exp-count {
        text-align: center
    }

    .about-pm-wrap .lb-left {
        text-align: left
    }

    .our-mission-list .services-icon img {
        margin: 0 auto
    }

    .technology-stack-wrap .tsl-left {
        padding-top: 20px
    }

    .architecture-wrap {
        padding-top: 60px !important
    }

    .input-flex-block {
        padding-bottom: 60px
    }

    .strategy-diagram-wrap .order-2 {
        order: inherit
    }

    .resp-accordion .d-inline-flex {
        width: 100%
    }

    .resp-accordion .ts-title br {
        display: none
    }

    .large-heading a:before {
        border: solid 1px #000
    }

    .about-banner-wrap.pos-for-mobile .quality-assurance-pos {
        position: relative;
        left: 0;
        top: inherit;
        transform: inherit;
        width: 100%;
        padding-bottom: 40px;
        border-bottom: solid 1px #000;
        clear: both
    }

    .about-banner-wrap.pos-for-mobile .d-flex {
        display: block !important
    }

    .about-banner-wrap.pos-for-mobile .d-flex .lb-left.w-50 {
        width: 100% !important
    }

    .about-banner-wrap.pos-for-mobile .white-text {
        color: #000 !important
    }

    .pos-for-mobile.quality-assurance-wrap>img {
        float: right
    }

    .transparent-inner-block {
        padding-top: 56px !important
    }

    .large-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .framework-wrap {
        padding: 100px 0 70px
    }

    .dpi-block {
        padding: 70px 0
    }

    .ca-slider .slick-prev {
        right: 52%
    }

    .ca-slider .slick-next {
        right: 45%
    }

    .resource-wrap {
        background-size: cover
    }

    .our-work-home-wrap {
        padding-bottom: 60px
    }

    .home-service-wrap {
        padding-bottom: 30px
    }

    .idp-warp {
        padding: 30px 0
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 395px
    }

    .consulting-services-wrap {
        padding: 50px 0 100px !important
    }

    .gray-box .large-heading br {
        display: none
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: 510px
    }

    .amp-wrap {
        padding-bottom: 0
    }

    .super-productive-technology-wrap {
        padding-top: 30px
    }

    .iot-services-wrap .mnh-375 {
        min-height: 445px
    }

    .workmate-block2 {
        padding-top: 0
    }

    .workmate-block1 .col-12.pr-5per,
    .workmate-block3 .col-12.pr-5per {
        padding-bottom: 20px
    }

    .taskforce-wrap .row.mt-40 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .taskforce-wrap .mt-60.mb-40 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .ta-small-img {
        right: 0
    }

    .about-pm-wrap .abs-flex {
        display: block !important
    }

    .about-pm-wrap .lb-right {
        width: 100% !important;
        text-align: center !important;
        padding-top: 0
    }

    .about-pm-wrap .lb-left {
        text-align: center;
        width: 100% !important;
        padding-bottom: 25px
    }

    .about-pm-wrap .lb-left .large-heading {
        max-width: 100%
    }

    .about-pm-wrap .lb-left .large-heading {
        font-size: 1.6em !important
    }

    .about-pm-wrap .lb-right img,
    .about-pm-wrap .lb-right.am-img-block img {
        width: 100% !important;
        max-width: 350px
    }

    .full-stack-team-wrap.fs-ecommerce-wrap {
        padding-top: 60px
    }

    .eco-subheading {
        max-width: 360px
    }

    .eco-subheading br {
        display: none
    }
}

@media(max-width:850px) {
    .consulting-services-wrap .mnh-375 {
        min-height: 485px
    }

    .testimonial-box {
        min-height: 525px
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: 570px
    }

    .iot-services-wrap .mnh-375 {
        min-height: 525px
    }
}

@media(max-width:767px) {
    .header-wrap .container {
        max-width: 100%
    }

    .main-logo {
        padding-left: 0
    }

    .service-wrap {
        padding-top: 20px
    }

    .fs-box {
        margin-top: 20px
    }

    .office-address {
        margin-top: 20px !important
    }

    .social-menu {
        margin-top: 20px !important
    }

    .testimonial-list li {
        width: 24%
    }

    .resource-wrap p {
        margin-top: 0;
        margin-bottom: 0;
        text-align: center
    }

    .resource-wrap .resource-box {
        padding: 30px 15px 30px;
        max-width: 280px;
        margin: 10px auto
    }

    .roi-consult-block .sub-heading {
        font-size: 1.2em
    }

    .roi-consult-block .blue-heading {
        font-size: 1.6em
    }

    .esource-wrap .red-btn {
        min-width: 80%
    }

    .resource-wrap .blue-heading {
        min-height: 62px;
        margin-bottom: 20px
    }

    .service-flex {
        display: block !important
    }

    .service-left {
        width: 100% !important
    }

    .service-right {
        width: 100% !important;
        padding-top: 15px;
        padding-bottom: 35px
    }

    .fs-box:first-child {
        min-height: inherit
    }

    .our-client-wrap {
        padding: 100px 0 30px
    }

    .resource-wrap {
        padding: 50px 0 0;
        background-size: cover
    }

    .full-stack-team-wrap .sub-heading.mb-60,
    .our-client-wrap .sub-heading.mb-60,
    .our-work-wrap .sub-heading.mb-60 {
        max-width: 70%;
        margin: 0 auto
    }

    .main-menu>ul>li>a {
        padding: 14px 20px 14px 0
    }

    .main-menu>ul {
        padding: 0 0 0 15px
    }

    .case-study .mid-heading {
        margin-bottom: 20px
    }

    .case-study .mid-heading br {
        display: none
    }

    .main-content-block p {
        max-width: 100%
    }

    .case-study-wrap .large-heading,
    .large-heading {
        font-size: 1.6em
    }

    .main-content-block {
        padding: 40px 20px
    }

    .al-box {
        min-height: inherit
    }

    .al-box p {
        padding-left: 54px;
        padding-top: 10px
    }

    .al-icon {
        min-width: 40px;
        margin-right: 14px
    }

    p.font-1-1em,
    p.font-1-2em {
        font-size: 1em !important
    }

    .ts-black-box {
        padding: 60px 20px
    }

    .tsb-title {
        font-size: 1.4em
    }

    .gray-box {
        padding: 60px 20px
    }

    .gray-box .large-heading {
        font-size: 1.4em
    }

    .oar-left {
        display: none
    }

    .impact-block .col-md-4+.col-md-4 {
        margin-top: 60px
    }

    .impact-block p {
        max-width: 350px
    }

    .oar-right p+p {
        margin-top: 15px
    }

    .counter-wrap .count-label {
        font-size: 1.2em
    }

    .case-study-wrap:after,
    .technology-stack-wrap:after {
        display: none
    }

    .pl-25per {
        padding-left: 0 !important
    }

    .package-wrap .large-heading br {
        display: none
    }

    .exp-count {
        font-size: 3.5em
    }

    .step-white-box {
        max-width: 250px;
        margin: 15px auto 0 !important
    }

    .product-step-block .order-2 {
        order: inherit !important
    }

    .step5-circle-box {
        max-width: 340px
    }

    .input-flex-block {
        padding-bottom: 0
    }

    .input-flex-container {
        padding-top: 120px
    }

    .input-flex-block {
        padding-top: 0
    }

    .service-flex {
        padding: 0
    }

    .office-block .order-2 {
        order: inherit !important
    }

    .pl-5per {
        padding-left: 15px !important
    }

    .pr-5per {
        padding-right: 15px !important
    }

    .pos-sticky {
        padding: 0 0 10px;
        position: relative;
        top: inherit
    }

    .office-block {
        padding: 40px 0
    }

    .about-pos .large-heading,
    .about-pos p {
        margin-bottom: 20px !important
    }

    .about-pos .large-heading br {
        display: none
    }

    .image-group {
        margin-bottom: 40px
    }

    .image-group img {
        max-width: 80%
    }

    .story-step-contect {
        padding-bottom: 20px
    }

    .story-step-contect .al-title {
        padding-bottom: 8px
    }

    .story-input {
        padding-left: 30px
    }

    .quality-assurance-pos {
        top: 50%
    }

    .team-list li {
        padding: 0 15px 30px
    }

    .team-list ul {
        margin: 0 -15px 0;
        justify-content: flex-start;
    }

    .white-border-box {
        margin: 15px 0
    }

    .taskforce-wrap .mt-40.mb-40 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .taskforce-wrap .mt-60.mb-40 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .take-about-slider .slick-prev {
        left: 42%
    }

    .career-statics-slider .text-left {
        text-align: center !important
    }

    .hwd-step-wrap .product-design-step2 {
        padding-bottom: 90px
    }

    .hwd-step-wrap .input:last-child span::before {
        text-indent: -20px
    }

    .like-this-block {
        padding-top: 20px
    }

    .microservice-banner-wrap .order-2 {
        order: inherit !important
    }

    .microservice-banner-wrap .large-heading {
        text-align: center
    }

    .microservice-banner-wrap .mb-maxw {
        margin: 0 auto
    }

    .microservice-banner-wrap {
        padding: 40px 0 70px
    }

    .microservice-list .process-box {
        min-height: 220px
    }

    .msc-img-box {
        margin-bottom: 20px
    }

    .ms-pattern-img {
        display: none
    }

    .dev-info-block .dev-img img {
        max-width: 100px;
        max-height: 100px
    }

    .tc-step {
        padding-top: 70px
    }

    .statics-wrap {
        padding: 100px 0
    }

    .statics-block .col-md-3 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .manager-build-block .gray-box {
        min-height: inherit;
        padding: 40px
    }

    .manager-build-block .gray-box p {
        min-height: inherit
    }

    .ios-dev-banner {
        background-size: auto 100%
    }

    .build-android-wrap .d-flex {
        display: block !important
    }

    .build-android-wrap .ba-right {
        padding-left: 0
    }

    .strategy-left {
        min-width: 30px
    }

    .dev-strategy-right .strategy-left {
        min-width: 30px
    }

    .statics-wrap {
        padding: 60px 0
    }

    .statics-block .col-md-4 {
        padding: 20px 0
    }

    .architecture-left p {
        padding-right: 0
    }

    .sw-icon img {
        max-width: 50px;
        max-height: 50px
    }

    .our-product-wrap .large-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .our-product-wrap .our-blog-list .col-md-6+.col-md-6 {
        margin-top: 30px
    }

    .our-approach-right .large-heading,
    .our-approach-right .oar-right,
    .our-approach-right .red-heading {
        text-align: center
    }

    .case-study .red-heading,
    .case-study p {
        text-align: center
    }

    .case-study .mid-heading {
        margin-bottom: 40px;
        text-align: center
    }

    .case-study .case-list {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px !important
    }

    .team-build-list li {
        width: 50%
    }

    .mad-process-block+.mad-process-block {
        padding-top: 0
    }

    .gray-box.ts-gray-box {
        margin-top: 20px;
        padding: 25px
    }

    .team-build-wrap {
        padding: 100px 0 70px
    }

    .team-build-wrap .mid-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .mad-process-block {
        padding: 80px 0
    }

    .mad-process-block.process-list-block .process-box {
        min-height: 310px
    }

    .ios-dev-banner {
        min-height: 410px
    }

    .about-pos p {
        padding: 0 15px
    }

    .web-gray-ts-box {
        min-height: inherit
    }

    .quality-assurance-pos p br {
        display: none
    }

    .msc-img-box {
        max-width: 150px;
        margin: 0 auto 35px
    }

    .microservice-list .col-lg-7.col-md-8 {
        text-align: center
    }

    .microservice-list .col-lg-7.col-md-8 p {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .career-banner-wrap .about-pos .text-left {
        text-align: center !important
    }

    .career-banner-wrap .career-statics {
        display: none
    }

    .career-banner-wrap .quality-assurance-pos {
        top: 60%;
        bottom: inherit;
        transform: translate(0, -50%)
    }

    .about-pm-wrap .abs-flex {
        display: block !important
    }

    .about-pm-wrap .lb-right {
        width: 100% !important;
        text-align: center !important;
        padding-top: 0
    }

    .about-pm-wrap .lb-left {
        text-align: center;
        width: 100% !important;
        padding-bottom: 25px
    }

    .about-pm-wrap .lb-left .large-heading {
        max-width: 90%;
        margin: 0 auto
    }

    .iot-icons-list li {
        width: 25%
    }

    .product-step-block .white-border-box {
        text-align: center
    }

    .how-we-deliver-wrap {
        text-align: center
    }

    .how-we-deliver-wrap .large-heading {
        max-width: 80%;
        margin: 0 auto 15px
    }

    .how-we-deliver-wrap .value-box.client-value-box .vb-left {
        width: 50%
    }

    .cro-sub-heading {
        max-width: 100%
    }

    .plain-banner .mt-40 {
        margin-top: 25px !important
    }

    .plain-banner {
        padding: 70px 0
    }

    .case-detail-block .d-flex {
        display: block !important
    }

    .cdb-left,
    .cdb-right {
        width: 100% !important
    }

    .cdb-left {
        padding-top: 40px
    }

    .cdb-left .large-heading {
        margin-bottom: 20px !important
    }

    .tech-stack-logos span {
        max-width: 80px
    }

    .case-logo img {
        max-height: 70px
    }

    .pl-60 {
        padding-left: 15px !important
    }

    .mb-80 {
        margin-bottom: 50p !important
    }

    .insight-menu-img {
        padding-bottom: 10px
    }

    .large-heading.font-2em {
        font-size: 1.6em !important
    }

    .quality-assurance-pos p.mb-40 {
        margin-bottom: 25px !important
    }

    .agile-architecture-wrap {
        padding-bottom: 0
    }

    .super-productive-technology-wrap {
        padding-top: 0 !important
    }

    .remote-development-wrap {
        padding-top: 40px !important
    }

    .microservice-banner-wrap .book-img-block {
        padding-bottom: 40px
    }

    .ca-slider .slick-prev {
        right: 54%
    }

    .ca-slider .slick-next {
        right: 44%
    }

    .inner-aboutus-block {
        padding-top: 50px !important
    }

    .about-pos .large-heading.cd-lh-heading br {
        display: block
    }

    .sub-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .value-wrap {
        padding: 70px 0 0
    }

    .our-client-home-wrap {
        padding-bottom: 50px
    }

    .testimonial-box {
        min-height: 435px
    }

    .recognoized-agency .large-heading {
        margin-bottom: 20px
    }

    .build-wrap {
        padding-top: 60px;
        padding-bottom: 20px
    }

    .app-mod-service-wrap .mnh-525 {
        min-height: inherit;
        padding-bottom: 40px
    }

    .services-option li:before {
        top: 8px
    }

    .app-mod-service-wrap {
        padding-bottom: 0
    }

    .app-mod-testimonial-wrap {
        padding-bottom: 80px
    }

    .amp-wrap .architecture-list .col-lg-4:first-child .al-box {
        padding-top: 10px
    }

    .jo-title {
        word-break: break-word;
        min-height: 86px
    }

    .can-help-wrap {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 40px
    }

    .workmate-block2 .col-md-6+.col-md-6 {
        padding-top: 50px
    }

    .quality-assurance-pos .text-left {
        text-align: center !important
    }

    .call-menu-for-mobile {
        display: block
    }

    .call-menu-for-mobile ul li:nth-child(1),
    .call-menu-for-mobile ul li:nth-child(3) {
        display: none !important;
    }

    .call-menu-for-mobile ul li a img {
        margin: 0 0 6px 0
    }

    .footer-wrap {
        padding-bottom: 74px
    }

    .blog-block .work-content .sub-heading .font-1-4em {
        font-size: 1.25em
    }

    .ecommerce-apporoach-wrap .mb-60 {
        margin-bottom: 25px !important
    }

    .ecommerce-apporoach-wrap .our-approach-left {
        padding-right: 15px
    }

    .ecommerce-apporoach-wrap .our-approach-left.order-2 {
        order: inherit !important
    }

    #fc_frame,
    #fc_frame.fc-widget-small {
        bottom: 75px !important
    }

    .ecommerce-apporoach-wrap .row.mt-30 {
        margin-top: 60px !important
    }

    .t-name {
        font-weight: 600
    }

    .ecommerce-work-innovation {
        padding-top: 40px !important
    }

    .fs-ecommerce-wrap .fs-transparent-box .fs-btn-block {
        visibility: visible;
        opacity: 1
    }

    .about-pos.ios-dev-pos .pl-25 {
        padding-left: 0 !important
    }

    .full-stack-team-wrap.fs-ecommerce-wrap {
        padding-top: 30px
    }

    .ecommerce-banner-wrap .ios-dev-pos {
        z-index: 2;
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        padding: 40px 0;
        border-bottom: solid 1px #000;
        clear: both
    }

    .ecommerce-banner-wrap .ios-dev-pos .pl-25 {
        padding-left: 0 !important
    }

    .ecommerce-banner-wrap .text-left {
        text-align: center !important
    }

    .ecommerce-banner-wrap .white-text {
        color: #000 !important
    }

    .ecommerce-banner-wrap .ios-banner-img {
        float: right
    }

    .eco-subheading {
        max-width: 460px;
        margin-left: auto;
        margin-right: auto
    }

    .arvr-banner-pos {
        padding: 0 25px
    }
}

@media(max-width:600px) {
    .container {
        max-width: 100%
    }

    .our-work-slider .slick-dots li,
    .testimonial-slider .slick-dots li {
        padding: 0 2px
    }

    .our-work-slider .slick-dots li button,
    .testimonial-slider .slick-dots li button {
        width: 16px
    }

    .testimonial-list li {
        width: 32%
    }

    .banner-heading {
        font-size: 1.8em;
        white-space: inherit
    }

    .banner-left p {
        max-width: 100%
    }

    .resource-wrap .main-heading {
        margin-bottom: 30px
    }

    .service-flex:first-child {
        margin-top: 30px
    }

    .custom-tabs .nav-tabs li {
        width: 50%
    }

    .large-heading br {
        display: none
    }

    .case-study .mid-heading {
        margin-top: 7px
    }

    .impact-icon {
        margin-bottom: 10px
    }

    .impact-icon img {
        max-width: 44px;
        max-height: 44px
    }

    .case-study-wrap {
        padding: 60px 0 60px 0
    }

    .impact-wrap {
        padding: 0 0 60px 0
    }

    .software-critical-wrap {
        padding-bottom: 60px
    }

    .architecture-wrap {
        padding: 50px 0 80px
    }

    .case-study-wrap:after,
    .technology-stack-wrap:after {
        display: none
    }

    .technology-stack-wrap {
        padding-bottom: 60px
    }

    .our-approach-wrap {
        padding: 60px 0
    }

    .optmized-content p {
        max-width: 100%
    }

    .dt-right p {
        font-size: 1em
    }

    .development-team ul {
        font-size: 1em
    }

    .sub-menu-bg {
        padding: 15px 0 5px
    }

    .black-header .main-menu>ul>li>a,
    .main-menu>ul>li>a {
        padding-left: 0
    }

    .sub-menu-bg .container {
        padding-left: 0
    }

    .pl-37per {
        padding-left: 0 !important
    }

    .about-pos .large-heading,
    .about-pos p {
        margin-bottom: 10px !important
    }

    .about-banner-icon .about-icon {
        padding: 10px 12px;
        height: 42px
    }

    .about-banner-icon .about-icon:after {
        top: .5rem
    }

    .quality-assurance-wrap>img {
        height: 318px;
        width: auto;
        max-width: inherit
    }

    .aw-block {
        margin: 0 -15px;
        display: block !important
    }

    .aw-38,
    .aw-43,
    .aw-57,
    .aw-62 {
        width: 100%;
        padding: 0 15px
    }

    .team-list li {
        width: 50%
    }

    .mlr-20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .plr-20 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .about-pos p br {
        display: none
    }

    .quality-assurance-wrap {
        overflow: hidden
    }

    .take-about-slider .slick-prev {
        left: 36%
    }

    .take-about-slider .slick-next {
        left: 53%
    }

    .aw-62 {
        margin-bottom: 30px
    }

    .aw-block .mt-40 {
        margin-top: 30px !important
    }

    .ec-step .line {
        height: 30px;
        width: 3px
    }

    .ec-step {
        padding: 0 1.6%
    }

    .benefit-list ul li {
        min-height: 180px;
        width: 33.33%
    }

    .benefit-icon {
        min-height: 45px;
        margin-bottom: 18px
    }

    .benefit-icon img {
        max-width: 45px;
        max-height: 45px
    }

    .total-count {
        left: 61.3%
    }

    .workmate-block1 .col-lg-7 img,
    .workmate-block3 .col-lg-7 img {
        max-width: 100%
    }

    .ca-content {
        padding: 15px
    }

    .angil-software-wrap {
        padding: 50px 0 0
    }

    .hwd-step-wrap .input span::before {
        display: none
    }

    .hwd-step-wrap .input-flex-container {
        padding-top: 100px
    }

    .hwd-accordion .card-header button {
        font-size: 1em
    }

    .hwd-arrow img {
        max-width: 14px;
        max-height: 17px
    }

    .product-design-block svg {
        right: 55%
    }

    .product-design-steps {
        left: 50%
    }

    .cm-flex-left,
    .cm-flex-right {
        padding: 50px 20px
    }

    .case-studie-wrap .cm-flex-left,
    .case-studie-wrap .cm-flex-right {
        padding: 20px 20px
    }

    .cma-btn-flex {
        display: block !important
    }

    .contact-form textarea.materialize-textarea {
        height: 6rem
    }

    .cma-btn-flex .ml-60 {
        margin-left: 0 !important;
        margin-top: 20px
    }

    .cm-option-list .d-flex {
        display: block !important
    }

    .cm-option-list .cmo-icon {
        margin-bottom: 10px
    }

    .cancel-icon {
        right: 20px;
        top: 20px
    }

    .cancel-icon img {
        max-width: 40px;
        max-height: 40px
    }

    .language-banner .large-heading {
        font-size: 2.2em
    }

    .statics-wrap {
        padding: 60px 0 60px
    }

    .large-heading.font-2em {
        font-size: 1.7em !important
    }

    .angular-recognoized-agency {
        padding: 0 0 60px 0
    }

    .ios-app-flex {
        padding-left: 15px;
        padding-right: 15px
    }

    .ssub-heading {
        padding-left: 15px;
        padding-right: 15px
    }

    .process-box p {
        max-width: 100%
    }

    .team-build-wrap {
        padding: 60px 0
    }

    .ios-dev-banner .ios-banner-img {
        max-width: 100%;
        height: auto
    }

    .architecture-wrap {
        padding-bottom: 50px
    }

    .architecture-list {
        padding-top: 0
    }

    .agile-dev-list {
        padding-top: 40px
    }

    .architecture-list .al-box {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center
    }

    .architecture-list .al-box .al-icon {
        margin-bottom: 35px
    }

    .architecture-list p.mb-60 {
        margin-bottom: 40px !important
    }

    .mxw-in-mobile {
        max-width: 340px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .mxw-in-mobile.ml-0 {
        margin-left: 0 !important
    }

    .sm-large-menu a {
        font-weight: 700 !important
    }

    .process-list.pt-40 {
        padding-top: 20px !important
    }

    .technology-stack-wrap.pt-80 {
        padding-top: 40px !important
    }

    .development-team.ios-development-team ul li {
        margin-top: 35px
    }

    .development-team.ios-development-team {
        padding-top: 40px
    }

    .architecture-list .al-box>.d-flex .al-icon {
        margin-right: auto
    }

    .architecture-wrap .al-box>.d-flex {
        display: block !important
    }

    .architecture-wrap .al-box p {
        padding-left: 0
    }

    .ios-architecture-wrap .architecture-left .large-heading,
    .ios-architecture-wrap .architecture-left .red-heading,
    .ios-architecture-wrap .architecture-left p {
        text-align: center
    }

    .resp-arrow {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #f62d2d
    }

    h2.resp-tab-active span.resp-arrow {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff
    }

    .our-approach-left {
        padding-right: 15px;
        padding-top: 0
    }

    .android-dev-banner {
        padding-top: 50px !important
    }

    .package-block .col-lg-4.col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }

    .package-block .al-box .d-flex {
        display: block !important
    }

    .package-block .al-box .al-icon {
        margin-bottom: 35px;
        margin-right: 0
    }

    .package-block .package-list {
        padding-top: 5px;
        padding-left: 0;
        max-width: 230px;
        text-align: left;
        margin: 0 auto
    }

    .language-banner:after {
        display: none
    }

    .manager-build-block .gray-box .al-title {
        min-height: inherit
    }

    .about-story-wrap .story-input:before {
        left: 4px
    }

    .about-story-wrap .story-input .circle-box {
        left: -5px
    }

    .large-heading.mt-20.mb-60 {
        margin-top: 10px !important;
        margin-bottom: 40px !important
    }

    .can-help-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 30px
    }

    .offer-looking-wrap p {
        max-width: 90%
    }

    .workmate-block2 {
        padding-top: 0
    }

    .life-at-wedigtech-wrap {
        padding: 60px 0
    }

    .about-approach-wrap {
        padding-bottom: 60px
    }

    .industry-expertise-wrap {
        padding-bottom: 40px
    }

    .serving-client-wrap {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .framework-wrap {
        padding: 60px 0 40px
    }

    .innovation-journey-wrap {
        padding-top: 0
    }

    .architecture-wrap p br {
        display: none
    }

    .tech-description-wrap .strategy-box {
        padding: 0 0 35px
    }

    .the-office-wrap {
        padding: 20px 0 30px !important
    }

    .office-block {
        padding: 30px 0
    }

    .our-global-presence-wrap {
        padding-top: 80px
    }

    .about-story-wrap.pb-30 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 370px
    }

    .our-innovation-work-wrap {
        padding: 40px 0
    }

    .quality-innovation-wrap {
        padding-bottom: 20px
    }

    .consulting-services-wrap .mnh-375 {
        min-height: 320px
    }

    .our-blog-list .work-thumb {
        max-height: 250px
    }

    .work-box .work-thumb a>img {
        min-height: 250px
    }

    .work-content .sub-heading {
        font-size: 1.1em
    }

    .blog-block .work-content {
        padding: 15px 15px 15px
    }

    .technology-stack-wrap {
        padding-top: 20px
    }

    .blog-block .work-content .sub-heading {
        max-height: inherit;
        overflow: hidden
    }

    .taskforce-wrap {
        padding-top: 0
    }

    .ta-small-img {
        max-width: 100%
    }

    .quality-assurance-wrap .fullscreen-bg__video {
        width: auto;
        height: 360px
    }
}

@media(max-width:575px) {
    .counter-wrap .col-sm-4 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .our-approach-wrap {
        padding-bottom: 0
    }

    .process-list-block .process-box {
        min-height: inherit;
        text-align: center;
        padding: 30px 0
    }

    .process-list-block .process-box .al-icon {
        margin: 0 auto 35px
    }

    .experience-flex {
        max-width: 220px;
        width: 100%
    }

    .package-block .al-box {
        max-width: 320px;
        width: 100%;
        margin: 0 auto
    }

    .package-list {
        padding-top: 5px
    }

    .package-block .al-box {
        padding-bottom: 10px
    }

    .table-content-box {
        padding: 15px
    }

    .sdc-wrap .microservice-list .process-box {
        min-height: inherit
    }

    .sdc-wrap .microservice-list .process-box .al-title br {
        display: none
    }

    .sdc-wrap .microservice-list {
        margin-top: 30px;
        text-align: center
    }

    .sdc-wrap .al-icon {
        margin: 0 auto
    }

    .sdc-wrap p br {
        display: none
    }

    .sdc-wrap {
        padding-top: 0
    }

    .mad-process-block.process-list-block .process-box {
        min-height: inherit;
        padding-bottom: 15px
    }

    .ts-gray-box {
        margin-top: 30px
    }

    .mad-process-block .main-heading.text-left,
    .tech-stack-wrap .main-heading.text-left {
        text-align: center !important
    }

    .mad-process-block .main-heading.text-left:after,
    .tech-stack-wrap .main-heading.text-left:after {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .mad-process-block .large-heading,
    .tech-stack-wrap .large-heading {
        text-align: center !important
    }

    .mad-banner {
        padding-bottom: 40px !important
    }

    .tech-stack-wrap p {
        text-align: center
    }

    .experience-wrap .col-md-4.col-sm-4 {
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .experience-flex {
        max-width: 100%
    }

    .experience-flex .exp-count,
    .experience-flex .exp-label {
        text-align: center
    }

    .ios-development-team {
        padding-top: 0;
        padding-bottom: 20px
    }

    .ts-black-box {
        padding: 40px 20px 20px;
        border-radius: 15px
    }

    .tech-description-wrap .strategy-box {
        max-width: 100%;
        display: block !important;
        text-align: center
    }

    .tech-description-wrap .strategy-box .strategy-left {
        margin-bottom: 35px;
        padding-right: 0;
        margin-top: 0
    }

    .devops-strategy-box .strategy-right {
        max-width: 90%;
        margin: 0 auto
    }

    .advantages-wrap .main-heading.text-left,
    .project-right .main-heading.text-left,
    .tech-description-wrap .main-heading.text-left {
        text-align: center !important
    }

    .advantages-wrap .main-heading.text-left:after,
    .project-right .main-heading.text-left:after,
    .tech-description-wrap .main-heading.text-left:after {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .advantages-wrap .large-heading,
    .project-right .large-heading {
        text-align: center !important;
        padding-bottom: 20px
    }

    .advantages-right .col-md-6 {
        padding: 10px 15px
    }

    .advantages-right .strategy-right {
        text-align: center
    }

    .project-right p {
        text-align: center
    }

    .tech-description-wrap {
        text-align: center
    }

    .center-in-mobile {
        text-align: center !important
    }

    .recognoized-agency .large-heading.mxw-in-mobile {
        max-width: 370px
    }

    .microservice-list .process-box {
        text-align: center
    }

    .microservice-list .process-box .al-icon {
        margin: 0 auto 35px
    }

    .microservice-list .process-box p {
        max-width: 80%;
        margin: 0 auto
    }

    .heading-bg {
        text-align: center !important
    }

    .heading-bg:before {
        display: none
    }

    .copy-microservice-box .process-box {
        margin-bottom: 30px !important
    }

    .culture-list .culture-slider {
        padding-bottom: 0
    }

    .culture-sl-rel .al-title {
        padding-bottom: 25px
    }

    .large-heading.mb-60 {
        margin-bottom: 30px !important
    }

    .about-pm-wrap .lb-left .large-heading {
        font-size: 1.3em !important
    }

    .services-icon img {
        max-width: 50px;
        max-height: 50px
    }

    .services-title {
        font-size: 1.2em
    }

    .service-box-h {
        position: relative;
        min-height: 220px
    }

    .about-approach-wrap .services-box {
        min-height: inherit;
        max-width: 380px;
        margin: 10px auto;
        border-radius: 10px;
        padding: 35px 15px
    }

    .about-approach-wrap .service-box-pos {
        padding: 0;
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit
    }

    .serving-client-sec {
        display: none
    }

    .all-flag-for-mobile {
        display: block;
        margin-top: 20px
    }

    .global-presence-block .col-sm-4 {
        margin: 20px 0
    }

    .mnh-375,
    .mnh-525 {
        min-height: inherit
    }

    .package-block .al-box p {
        padding-left: 0
    }

    .iot-icons-list li {
        width: 33.33%
    }

    .product-step-block.product-design-step3 .process-box {
        min-height: inherit
    }

    .product-step-block .process-box {
        text-align: center;
        padding: 30px 0
    }

    .product-step-block .process-box .al-icon {
        margin-bottom: 35px;
        margin-right: 0
    }

    .communication-icon {
        min-height: inherit;
        margin-bottom: 35px
    }

    .communication-block {
        text-align: center
    }

    .communication-block .al-title {
        text-align: center !important
    }

    .communication-block .col-md-4 {
        margin-bottom: 55px
    }

    .communication-heading {
        text-align: center !important
    }

    .product-design-step1 .wb-content-pos .al-title {
        font-size: 1.3em;
        min-height: inherit
    }

    .product-design-step1 .wb-content-pos {
        position: relative;
        top: inherit;
        height: inherit
    }

    .product-design-step1 .white-border-box {
        min-height: inherit
    }

    .consulting-services-wrap .services-box {
        text-align: center
    }

    .consulting-services-wrap .services-box .al-icon {
        margin-bottom: 35px
    }

    .innovation-team-wrap .process-box .al-icon {
        margin-bottom: 35px
    }

    .innovation-team-wrap .process-box {
        min-height: inherit;
        padding: 30px 0
    }

    .strategy-diagram-wrap {
        padding-top: 40px
    }

    .strategy-diagram-wrap .col-md-6.order-2 {
        margin-bottom: 30px
    }

    .quality-left {
        padding-right: 15px
    }

    .insight-menu-img img {
        max-width: 150px
    }

    .resource-wrap .resource-box {
        max-width: 100%
    }

    .resource-wrap .blue-heading {
        min-height: inherit
    }

    .dpi-block .work-box {
        margin: 0 0 40px
    }

    .dpi-block {
        padding: 50px 0 0
    }

    .testimonial-box {
        min-height: 515px
    }

    .iot-services-wrap .mnh-375 {
        min-height: inherit;
        padding-bottom: 30px
    }

    .jo-title {
        min-height: inherit;
        margin-bottom: 10px
    }

    .ta-small-img {
        max-width: 100%
    }

    .about-pm-wrap .lb-left .large-heading {
        max-width: 100%
    }

    .about-pos .large-heading,
    .about-pos p {
        padding: 0
    }

    .consulting-services-wrap .services-box .al-icon img {
        margin: 0 auto
    }
}

@media(max-width:480px) {
    .work-content {
        min-height: inherit
    }

    .banner-left.w-35 {
        width: 90% !important
    }

    .full-stack-team-wrap .sub-heading.mb-60,
    .our-client-wrap .sub-heading.mb-60,
    .our-work-wrap .sub-heading.mb-60 {
        max-width: 100%;
        padding: 0 15px
    }

    .main-logo .full-logo {
        max-width: 125px;
        max-height: 32px
    }

    .value-box .vb-right img {
        max-width: 120px;
        max-height: 120px
    }

    .value-box:hover .vb-right img {
        transform: translateY(-1rem) scale(.8)
    }

    .value-count {
        font-size: 1.6em
    }

    .value-title {
        font-size: .9em
    }

    .banner-wrap {
        padding-top: 58px
    }

    .main-menu {
        height: calc(100vh - 58px)
    }

    .main-menu.active {
        top: 58px
    }

    .main-logo .we-logo {
        height: 37px;
        width: 37px
    }

    .main-logo .we-logo img {
        max-width: 32px;
        max-height: 32px
    }

    .main-content-block p {
        margin: 0 auto 15px;
        font-size: 1em
    }

    .case-study-wrap .large-heading,
    .large-heading {
        font-size: 1.4em
    }

    .review-slider .slick-arrow {
        width: 32px;
        height: 32px
    }

    .review-slider .slick-prev {
        right: 45px
    }

    .inner-block {
        padding-top: 57px
    }

    .main-logo {
        padding-left: 0
    }

    .dtr-left {
        margin-right: 10px
    }

    .dt-left img {
        max-width: 100%;
        margin-top: 0
    }

    .ra-right {
        background-size: auto 60%
    }

    .review-slider .mt-30 {
        margin-top: 15px !important
    }

    .image-group img {
        max-width: 100%
    }

    .about-story-wrap {
        padding: 60px 0 0
    }

    .can-help-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 40px
    }

    .benefit-list ul li {
        width: 50%
    }

    .product-design-block {
        min-height: 350px
    }

    .product-design-block svg {
        width: 730px;
        height: 450px
    }

    .product-design-steps {
        width: 210px;
        top: 50%
    }

    .copy-microservice-box {
        padding: 40px 20px
    }

    .copy-microservice-wrap {
        padding: 60px 0 30px
    }

    .language-banner p br {
        display: none
    }

    .software-sloution-wrap .ba-left img {
        max-width: 100%
    }

    .testimonial-box {
        min-height: 345px
    }

    .architecture-list .al-box>.d-flex {
        display: block !important
    }

    .architecture-list .al-box .al-icon {
        padding-bottom: 0
    }

    .architecture-list .al-box p {
        padding-left: 0
    }

    .our-product-wrap .work-box {
        max-width: 100%
    }

    .our-product-wrap .work-content .sub-heading.font-2em {
        font-size: 1.6em !important;
        min-height: 60px
    }

    .team-build-list li {
        width: 100%
    }

    .mad-banner.language-banner {
        padding-top: 40px
    }

    .language-banner p {
        margin-bottom: 20px !important
    }

    .experience-flex .exp-count {
        font-size: 2.8em
    }

    .android-dev-banner>img {
        margin-left: -10%
    }

    .mxw-in-mobile {
        max-width: 310px
    }

    .resp-tab-content {
        padding: 20px 10px
    }

    .gray-box .large-heading {
        font-size: 1.3em
    }

    .about-pm-wrap .lb-right img {
        max-width: 100%
    }

    .product-step-block p.font-1-4em {
        font-size: 1.2em !important
    }

    .hwd-accordion .card-header button {
        font-size: .9em
    }

    .product-step-block .process-box p {
        max-width: 90%;
        margin: 0 auto
    }

    .about-pm-wrap .lb-right img {
        width: 100%
    }

    .large-heading a:before {
        border: none;
        border-bottom: solid 1px #000
    }

    .mb-list li {
        padding: 7px 0 7px 25px
    }

    .mb-list li:before {
        top: 14px
    }

    .ca-slider .slick-prev {
        right: 53%
    }

    .ca-slider .slick-next {
        right: 42%
    }

    .impact-icon {
        margin-bottom: 25px
    }

    .streamline-wrap {
        padding: 20px 0 60px
    }

    .white-border-box {
        min-height: 250px
    }

    .white-border-box:hover .wb-content-pos {
        height: 248px
    }

    .error-block .heading {
        font-size: 4.5em
    }

    .error-block .not-found-text {
        font-size: 1.8em
    }

    .error-block h2 {
        font-size: 1em
    }

    .error-img {
        padding-bottom: 60px
    }

    .error-page {
        padding-top: 100px !important
    }

    .pos-for-mobile.quality-assurance-wrap>img {
        margin-left: -45%
    }

    .d-innovation-banner {
        display: none
    }

    .m-innovation-banner {
        display: block
    }

    .quality-assurance-wrap>img.m-innovation-banner {
        height: auto;
        width: 100%;
        max-width: 100%
    }
}

@media(max-width:420px) {
    .value-box {
        padding: 15px 15px
    }

    .testimonial-list li {
        width: 49%;
        padding: 20px 0
    }

    .banner-heading {
        font-size: 1.4em
    }

    .header-wrap .red-transpaent-btn {
        font-size: 1em
    }

    .red-btn {
        padding: 11px 28px 10px
    }

    .gray-box {
        padding: 40px 20px
    }

    .manager-build-block .gray-box {
        padding: 30px 20px 30px 20px;
        min-height: inherit
    }

    .optmized-cost {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .optmized-content {
        padding-left: 0
    }

    .dtr-left img {
        max-width: 30px;
        max-height: 30px
    }

    .development-team {
        padding: 60px 0 80px 0
    }

    .lb-right img {
        max-width: 200px
    }

    .quality-wrap .testimonial-list li {
        width: 48%
    }

    .quality-assurance-pos p br {
        display: none
    }

    .quality-assurance-pos p.mb-40 {
        margin-bottom: 15px !important
    }

    .input-flex-container .input {
        width: 18px;
        height: 18px
    }

    .input span::before {
        font-size: .8em;
        top: -36px
    }

    .input-flex-container {
        padding-top: 108px
    }

    .sb-heading {
        padding: 0
    }

    .story-input .circle-box {
        left: -10px;
        width: 20px;
        height: 20px
    }

    .story-input {
        padding-left: 20px
    }

    .hwd-step-wrap .process-box {
        min-height: inherit;
        padding-bottom: 30px
    }

    .build-jq-tabs .nav-tabs a {
        font-size: .8em
    }

    .responsivetabs-more>a {
        padding: 5px
    }

    .work-leading.gray-box {
        padding-left: 0;
        padding-right: 0
    }

    .ios-tech-block .strategy-box {
        display: block !important;
        padding: 20px
    }

    .ios-tech-block .strategy-left {
        margin-bottom: 20px
    }

    .sw-icon img {
        max-width: 40px;
        max-height: 40px
    }

    .build-slick-tabs.responsive-tabs .dropdown-arrow {
        top: 13px
    }

    .build-slick-tabs.responsive-tabs.nav-tabs .nav-link.active {
        padding-right: 38px
    }

    .android-dev-banner>img {
        margin-left: -20%
    }

    .book-img-block img {
        max-width: 100%
    }

    .copy-microservice-box .red-btn {
        width: 100%;
        margin-left: 0 !important;
        text-align: center
    }

    .copy-microservice-box .red-btn+.red-btn {
        margin-top: 15px
    }

    .iot-icons-list {
        margin: 0 -7px
    }

    .iot-icons-list li {
        padding: 0 7px 15px
    }

    .large-heading.font-2em {
        font-size: 1.4em !important
    }

    .ca-slider .slick-next {
        right: 38%
    }

    .work-box .work-thumb a>img {
        min-height: 160px
    }

    .our-blog-list .work-thumb {
        max-height: 160px
    }

    .our-mission-list .slick-dots li button,
    .our-work-slider .slick-dots li button,
    .testimonial-slider .slick-dots li button {
        width: 24px
    }

    .our-mission-list .slick-dots li button,
    .our-work-slider .slick-dots li button,
    .testimonial-slider .slick-dots li button {
        width: 16px
    }
}

@media(max-width:380px) {
    .team-list li {
        width: 100%
    }

    .benefit-list ul li {
        width: 50%
    }

    .product-design-block {
        min-height: 290px
    }

    .product-design-block svg {
        width: 600px;
        height: 380px
    }

    .product-design-steps {
        width: 190px;
        top: 54%
    }

    .language-banner .large-heading {
        font-size: 1.8em
    }

    .build-slick-tabs .dropdown-menu {
        min-width: 20rem !important
    }

    .build-slick-tabs .dropdown-menu .dropdown-item {
        white-space: inherit
    }

    .android-dev-banner>img {
        margin-left: -30%
    }

    .devops-strategy-box .strategy-right {
        max-width: 100%;
        margin: 0 auto
    }

    .iot-icons-list li img {
        max-width: 60px;
        max-height: 60px
    }

    .iot-banner {
        padding-top: 30px
    }

    .iot-banner .lb-right img {
        max-width: 100%
    }

    .testimonial-box {
        min-height: 395px
    }

    .pos-for-mobile.quality-assurance-wrap>img {
        margin-right: -10%
    }

    .pagingInfo {
        right: 6%;
        top: 20px
    }
}

@media(max-width:360px) {
    .language-banner .large-heading {
        font-size: 1.6em
    }

    .package-block .package-list {
        max-width: 250px
    }

    .microservice-banner-wrap .mb-maxw .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .microservice-banner-wrap .mb-maxw .col-6+.col-6 {
        margin-top: 15px
    }

    .iot-icons-list li {
        width: 50%
    }

    .how-we-deliver-wrap .value-box.client-value-box .vb-left {
        width: 60%
    }

    .how-we-deliver-wrap .value-box.client-value-box .vb-right {
        width: 40%
    }
}

@media(max-width:320px) {
    .android-dev-banner>img {
        margin-left: -40%
    }
}

@media(max-height:720px) {
    .cm-flex-left .contact-form {
        position: relative;
        top: inherit;
        transform: inherit;
        width: 100%
    }

    .cm-option-list {
        position: inherit;
        top: inherit;
        transform: inherit
    }

    .cm-option-list li {
        padding: 13% 0
    }
}

@media(max-height:1199px) {
    .cm-flex-left .contact-form {
        position: relative;
        top: inherit;
        transform: inherit;
        width: 100%
    }

    .cm-option-list {
        position: inherit;
        top: inherit;
        transform: inherit
    }

    .cm-option-list li {
        padding: 13% 0
    }
}