.s-benifits-of-mvp-box {
    width: 300px !important;
    min-height: 334px !important;
}

.ben-as-java {
    height: 480px !important;
}

.what-is-pyt-dev {
    min-height: 440px !important;
}

@media only screen and (max-width:768px) {
    .key-elements-p>p {
        font-size: 20px;
        color: #828fad;
        margin-top: 40px;
        padding-right: 0 !important;
        line-height: 34px;
        font-family: CircularStdMedium
    }
    .padding-non-area {
        padding: 0px !important;
    }
    .tspython {
        padding-top: 0px !important;
    }
    .p-exprtse {
        padding-top: 0px !important;
    }
    .exp-in-python-tabs {
        margin-top: 20px;
    }
    .cloud-computing-sol-box-text-heading {
        margin-top: 20px;
    }
    .develop-mvp-box-2 {
        margin-left: 50%;
    }
    .business-box {
        margin-top: 20px !important;
    }
    .heading-text h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .AR-tech-overview {
        width: 88%;
        background-color: #fff;
        padding: 5px 5px !important;
        box-shadow: 0 10px 20px #dde2ff63;
        border-radius: 20px;
        margin: 0 16px;
        min-height: 150px;
        text-align: center;
        margin-bottom: 40px
    }
    .AR-tech-overview p {
        font-size: 14px;
        line-height: 18px;
        color: #ffcd43;
        padding-top: 12px;
        font-family: CircularStdMedium
    }
    .choose1 {
        margin-top: 150px
    }
    .choose2 {
        margin-top: 50px
    }
    .main-banner {
        width: 100% !important;
        margin-left: 0 !important
    }
    .banner-image {
        display: none
    }
    .banner-heading h1 {
        font-size: 31px;
        font-weight: 400;
        line-height: 43px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .banner-heading h1>span {
        color: #ffcd43
    }
    .banner-heading p {
        padding-left: 17px;
        font-size: 18px;
        color: #ffcd43;
        width: 161px;
        font-family: CircularStdMedium
    }
    .text-ai1 {
        margin-top: 50px
    }
    .Developing-AR-app,
    .our-AR-app-dev-pf-odd {
        flex-direction: column-reverse
    }
    .augment-box-zoom {
        margin-top: 20px
    }
    .augmented-reality-img img {
        width: 100%
    }
    .augmented-reality-img-even img {
        width: 100%
    }
    .our-AR-app-dev-pf-text {
        margin-top: 30px
    }
    .augmented-reality-text>p {
        font-size: 14px;
        color: #828fad;
        margin-top: 24px;
        line-height: 34px;
        padding-right: 0 !important;
        font-family: CircularStdMedium
    }
    .build-intelligent-AR {
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        background-size: 80% !important
    }
    .line-img {
        display: none
    }
    .AR-app-development-process-right {
        margin-top: 0 !important
    }
    .AR-app-development-box {
        margin-bottom: 25px !important
    }
}

@media only screen and (min-width:768px) {
    .h2-capability {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .h2-capability {
        transform: rotate(-90deg);
        margin-top: 250px;
        color: #ffcd43;
        font-size: 42px;
        font-weight: 400;
        font-family: CircularStdBold
    }
    .ai-capabilities-bg {
        background-image: none !important
    }
    .cb-content-top h2 {
        font-size: 30px !important;
        font-weight: 400;
        line-height: 42px !important;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .cb-content-bottom p {
        font-size: 20px;
        line-height: 34px;
        color: #828fad;
        font-family: CircularStdMedium
    }
    .what-we-done-tabs {
        margin-top: 25px
    }
    .augmented-reality-img {
        margin-bottom: 20px
    }
    .augmented-reality-odd {
        flex-direction: column-reverse
    }
    .underline-even ::before {
        border-top: none !important
    }
}

@media only screen and (max-width:768px) {
    .iot-tabs {
        margin-bottom: 25px
    }
    .iot-skill-matrix-box-odd {
        flex-direction: column-reverse
    }
    .img-iot-skill-matrix-odd {
        width: 100%;
        margin-bottom: 25px
    }
    .img-iot-skill-matrix-even {
        width: 100%
    }
    .iot-development-company-box-left p,
    .iot-development-company-box-right p {
        font-size: 16px !important;
        line-height: 22px !important;
        color: #ffcd43;
        font-family: CircularStdMedium;
        text-align: center
    }
    .iot-development-company-box h4 {
        font-size: 20px !important;
        line-height: 28px !important
    }
    .iot-app-development-box-row1 h3,
    .iot-app-development-box-row2 h3,
    .iot-app-development-box-row3 h3,
    .iot-app-development-box-row4 h3,
    .iot-app-development-box-row5 h3 {
        font-size: 24px !important;
        line-height: 30px !important
    }
    .iot-app-development-box-row1 p,
    .iot-app-development-box-row2 p,
    .iot-app-development-box-row3 p,
    .iot-app-development-box-row4 p,
    .iot-app-development-box-row5 p {
        font-size: 16px !important;
        line-height: 24px !important
    }
    .roadmap-of-iot-app-development-img-box {
        display: none
    }
    .roadmap-of-iot-app-development-content-box {
        width: 100% !important
    }
    .roadmap-of-iot-app-development-content-box {
        width: 70%;
        background-color: #fff;
        border-radius: 15px;
        padding: 20px;
        min-height: 240px !important;
        margin-top: 20px
    }
}

@media only screen and (max-width:768px) {
    .rpa-sec-2 {
        flex-direction: column-reverse
    }
    .rpa2-img {
        width: 100%
    }
    .capability-for-rapid-success-odd {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:768px) {
    .ben-flutter-mobile-app-dev-tabs {
        margin-top: 25px
    }
    .best-flutter-app-development-box h3 {
        font-size: 22px;
        line-height: 30px
    }
    .flutter-app-development-ind-sol img {
        width: 100%
    }
    .ind-sol-icon1 {
        margin-top: 28px !important
    }
    .best-flutter-app-development-box p {
        font-size: 14px;
        color: #828fad;
        line-height: 28px
    }
    .app-dev-expertise-box {
        background-color: #fff;
        min-height: 300px;
        margin: 15px 10px
    }
    .app-dev-expertise-box p {
        font-size: 18px;
        line-height: 26px
    }
    .owl-slider2 .card-body h5 {
        font-size: 22px;
        color: #ffcd43;
        padding: 12px 0 12px;
        font-family: CircularStdBold
    }
    .owl-slider2 .card-body p {
        font-size: 14px;
        line-height: 28px;
        color: #828fad !important;
        font-family: CircularStdMedium
    }
    .ind-sol-icon1 {
        width: 80%;
        margin-top: 50px
    }
    .ind-sol-icon2 {
        width: 80%
    }
    .ind-sol-icon3 {
        width: 80%;
        margin-left: 30px
    }
    .ind-sol-icon4 {
        width: 80%
    }
    .ind-sol-icon5 {
        width: 80%;
        float: right
    }
    .ind-sol-icon6 {
        width: 80%;
        float: right
    }
    .ind-sol-icon7 {
        width: 80%;
        float: left;
        margin-top: 35px;
        margin-left: -30px
    }
    .ind-sol-icon8 {
        width: 80%;
        margin-top: 35px;
        margin-left: 30px
    }
}

@media only screen and (max-width:768px) {
    .cloud-app-dev h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    body {
        overflow-y: hidden
    }
    .intro-cloud-based-services h2 {
        text-align: center;
        font-size: 36px;
        font-weight: 400;
        line-height: 50px;
        color: #ffcd43;
        font-family: CircularStdBold;
        padding: 0 0 20px 0
    }
    .cunsultation-btn-cloud {
        color: #fff !important;
        background-color: #ffcd43 !important;
        border-color: #ffcd43 !important;
        font-size: 14px !important;
        padding: 14px 20px !important;
        border-radius: 6px !important;
        font-family: CircularStdMedium;
        box-shadow: 0 5px 15px #0000001a
    }
    .cloud-app-dev h2>span {
        color: #ffcd43
    }
    .cloud-app-dev-p p {
        font-size: 20px;
        color: #828fad;
        margin-top: 18px;
        padding-right: 0px;
        line-height: 38px;
        font-family: CircularStdMedium
    }
    .who-use-cloud-base-services h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .who-use-cloud-base-services h2>span {
        color: #ffcd43
    }
    .who-use-cloud-base-services-p p {
        font-size: 20px;
        color: #828fad;
        margin-top: 18px;
        padding-right: 0px;
        line-height: 34px;
        font-family: CircularStdMedium
    }
    .Cloud-computing-solutions h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        color: #ffcd43;
        font-family: CircularStdBold;
        text-align: center
    }
    .Cloud-computing-solutions h2>span {
        color: #ffcd43
    }
    .Cloud-computing-solutions-p p {
        font-size: 20px;
        color: #828fad;
        text-align: center;
        margin-top: 18px;
        padding-right: 0px;
        line-height: 34px;
        font-family: CircularStdMedium
    }
    .cloud-computing-sol-box-text>p {
        font-size: 14px;
        color: #828fad;
        margin-top: 24px;
        line-height: 30px;
        padding-right: 40px;
        font-family: CircularStdMedium
    }
    .intro-cloud-based-services h1 {
        font-size: 30px;
        line-height: 40px
    }
    .who-uses {
        margin-top: 73px
    }
    .cloud-computing-sol-box-tex {
        padding: 10% !important
    }
    .cloud-computing-sol-box-text-heading h2 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #ffcd43;
        font-family: CircularStdBold;
        text-align: center
    }
    .cloud-computing-sol-box-text>p {
        font-size: 14px;
        color: #828fad;
        margin-top: 24px;
        line-height: 30px;
        padding-right: 0 !important;
        font-family: CircularStdMedium;
        margin: 0 10%
    }
    .cloud-computing-sol-box-img {
        width: 80%;
        margin-left: 10% !important
    }
    .why-adopting-h2 {
        font-size: 30px !important;
        line-height: 42px !important
    }
    .why-adopting-tab-img {
        width: 20%
    }
    .why-adopting-tab-content {
        width: 80%
    }
    .why-adopting-tab-img img {
        width: 70%;
        margin-top: 10px
    }
    .why-adopting-tab-content p {
        font-size: 14px;
        color: #828fad;
        padding-right: 23px;
        line-height: 30px;
        font-family: CircularStdMedium
    }
    .why-adopting-tab-content h3 {
        font-size: 20px;
        line-height: 28px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .why-adopting h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 42px
    }
    .why-adopting p {
        padding-right: 0
    }
}

@media only screen and (max-width:768px) {
    .avail-bespoke {
        margin-top: -100px !important;
        padding-top: 0 !important
    }
    .content-over-marquee-can-we-talk {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 17px;
        font-size: 18px;
        color: #ffcd43;
        width: 161px;
        font-family: CircularStdMedium
    }
    .whb {
        margin-top: -200px;
        margin-bottom: -148px;
    }
    .we-have-dib {
        margin-left: 20px
    }
    .service1-img {
        width: 100%
    }
    .service1-main {
        flex-direction: column-reverse
    }
    .ddes-number-line-img {
        display: none !important
    }
    .sideline-upper {
        display: none !important
    }
    .services-ddes-img-even img {
        width: 100%
    }
    .services-ddes-img img {
        width: 100%
    }
    .services-ddes h2 {
        margin-top: 50px
    }
    .ddes-odd {
        flex-direction: column-reverse
    }
    .we-start-here-service-main {
        flex-direction: column-reverse
    }
    .we-start-here-tabs {
        margin-bottom: 25px;
        min-height: auto;
    }
    .our-engagement-model-tabs {
        margin-bottom: 25px
    }
    .our-engagement-model-tab1 {
        margin-top: 50px
    }
    .everything-appstudio-tabs {
        width: 100%
    }
    .everything-text {
        font-size: 12px;
        font-family: CircularStdBold;
        position: absolute;
        line-height: 18px;
        color: #ffcd43;
        margin-left: 60px
    }
    .everything-icons img {
        height: 50px;
        widows: 50px
    }
    .right-fit {
        margin-top: -50px
    }
    .product-mngmt-relationship-tab {
        margin-bottom: 25px
    }
    .our-product-managers-tabs {
        margin-bottom: 25px;
        width: 56%
    }
    .opm-tabs-section {
        height: 1250px !important
    }
    .android-box {
        padding: 14px;
        width: 100%;
        min-height: 170px
    }
    .our-engagement-model h2 {
        font-size: 30px;
        line-height: 42px
    }
    .product-mngmt-main-text {
        margin-top: 0 !important
    }
    .agile-project-mngmt-flex {
        flex-direction: column-reverse
    }
    .what-is-product-mngmt-text p {
        font-size: 20px;
        line-height: 38px
    }
    .what-is-product-mngmt-text h2 {
        font-size: 30px;
        line-height: 42px;
        text-align: left
    }
    .hide-in-mobile {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .show-in-mobile {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .why-choose-us-blc-of-iot-app-development-img-box {
        display: none
    }
    .why-choose-us-blc-of-iot-app-development-content-box {
        width: 100%;
        background-color: #fff;
        border-radius: 15px;
        padding: 20px;
        height: auto !important;
        margin-top: 25px
    }
    .blc-text h2 {
        font-size: 30px;
        line-height: 40px
    }
    .why-choose-us-blc-flexbox-left h5 {
        max-width: 220px
    }
    .what-is-blockchain-text h2 {
        font-size: 30px;
        line-height: 40px
    }
    .blockchain3-img {
        width: 84%;
        display: block;
        margin: auto;
        margin-bottom: 25px
    }
    .eng-model-text h4 {
        font-size: 22px;
        color: #ffcd43;
        font-family: CircularStdBold
    }
    .eng-model-text h4>img {
        width: 50px
    }
    .eng-model-text p {
        margin-top: 25px
    }
    .why-choose-us-blc-of-iot-app-development-content-box p {
        font-size: 14px;
        line-height: 30px
    }
    .blockchain-dev-services-box {
        width: 97%;
        background-color: #fff;
        padding: 20px 10px 10px;
        box-shadow: 0 10px 20px #dde2ff54;
        border-radius: 20px;
        margin: 23px 6px;
        min-height: 350px
    }
    .blockchain-dev-services-box p {
        font-size: 14px;
        line-height: 26px;
        color: #828fad;
        font-family: CircularStdRegular
    }
    .ideal-protien-about-app-row {
        flex-direction: column-reverse
    }
    .after-main-banner-img {
        width: 100%
    }
    .project-goal h2 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #2e2e2e;
        font-family: CircularStdBold
    }
    .project-goal-box h3 {
        font-size: 30px;
        font-weight: 400;
        line-height: 50px;
        color: #2e2e2e;
        font-family: CircularStdBold
    }
    .project-goal-box p {
        font-size: 20px;
        color: #828fad;
        line-height: 34px;
        font-family: CircularStdMedium
    }
    .sign-up-process-text h2 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #2e2e2e;
        font-family: CircularStdBold
    }
    .style-guide-img img {
        display: none
    }
    .project-goal2 h2 {
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        color: #2e2e2e;
        font-family: CircularStdBold
    }
    .project-goal2-box h3 {
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        line-height: 50px;
        color: #2e2e2e;
        font-family: CircularStdBold
    }
    .project-goal2-box p {
        font-size: 20px;
        color: #828fad;
        text-align: center;
        line-height: 38px;
        font-family: CircularStdMedium
    }
    .daily-summary-line img,
    .login-line img,
    .schedule-line img,
    .tracker-line img {
        display: none
    }
    .ui-design-main-img img {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .banner-campsite {
        padding-top: 100px
    }
    .banner-img-top {
        width: 100%
    }
    .campsite-banner-main-img {
        width: 100%
    }
    .about-campsite-sec {
        background-color: #484848;
        padding: 100px 0
    }
    .about-campsite-sec-box {
        flex-direction: column-reverse
    }
    .about-campsite-sec h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 50px;
        text-align: left;
        color: #fff;
        font-family: CircularStdBold
    }
    .about-campsite-sec h2 {
        font-size: 54px;
        font-weight: 400;
        text-align: left;
        color: #fff;
        font-family: CircularStdBold
    }
    .splash {
        background-image: linear-gradient(#303030 50%, #484848 50%);
        border-top: 1px solid #484848;
        padding: 50px
    }
    .audio {
        background-image: linear-gradient(#484848 50%, #303030 50%);
        padding: 50px
    }
    .people {
        background-image: linear-gradient(#303030 50%, #484848 50%);
        padding: 50px
    }
    .browse {
        background-image: linear-gradient(#484848 50%, #303030 50%);
        padding: 50px
    }
    .profile {
        background-image: linear-gradient(#303030 50%, #484848 50%);
        padding: 50px
    }
    .menu {
        background-image: linear-gradient(#484848 50%, #303030 50%);
        padding: 50px
    }
    .browse-rev {
        flex-direction: column-reverse
    }
    .browse-text1 h3 {
        text-align: left
    }
    .browse-text1 p {
        text-align: left
    }
    .main-color-images img {
        width: 100%;
        margin-top: 20px
    }
    .avenir-left h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 50px;
        color: #f9785b;
        font-family: CircularStdBold
    }
    .abc-text {
        font-size: 50px;
        font-weight: 400;
        color: #fff;
        font-family: CircularStdBold
    }
    .avenir-right {
        padding: 10px 20px
    }
    .avenir-right h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        font-family: CircularStdBold
    }
    .avenir-right p {
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        font-family: CircularStdMedium
    }
    .app-screens-campsite {
        overflow: hidden
    }
}

@media only screen and (max-width:768px) {
    .python-app-dev-andr h4 {
        font-size: 14px !important
    }
    .python-img-bottom img {
        margin-top: 0 !important
    }
    .python-techstack-icons3 {
        margin-bottom: 20px;
        min-height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .python-techstack-icons img {
        width: 50%
    }
    .python-techstack-icons {
        margin-bottom: 20px;
        min-height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .tabstack-teb-text {
        font-size: 16px;
        font-family: CircularStdBold;
        margin-left: 100px;
        position: absolute;
        line-height: 25px;
        color: #ffcd43
    }
}

@media(max-width: 767px) {
    .why-adopting {
        margin-bottom: 0px;
    }
    .aws-content {
        margin-bottom: 0px;
    }
    .why-adopting-tab {
        margin: 20px 3px;
    }
    .empower-your-industry {
        padding: 78px 0;
        margin-bottom: 19px;
    }
    .who-uses {
        background-size: 90% 100%;
        padding: 0px 0;
    }
    .who-uses img {
        padding: 23px;
    }
    .s-benifits-of-mvp-box {
        min-height: auto !important;
        width: 100% !important
    }
    .AR-plateforms-box img {
        width: 74px;
    }
}