@media (max-width: 1920px) {


    .stellarnav ul ul:before {
        left: 700px;
    }
    .stellarnav .Expertise ul:before {
        left: 700px;
        height: 80%;
    }
    .work_one {
        position: absolute;
        top: -763px;
        left: -75px;
        width: 300px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -762px;
        left: 62px;
    }
    .work_two,
    .work_two.ss2 {
        position: absolute;
        top: inherit;
    }
    .work_two.ss2 {
        left: -43px;
        bottom: 61px;
    }
    .work_two {
        left: 94px;
        bottom: 43px;
        width: 350px;
    }
}
@media (max-width: 1680px) {
    .work_one,
    .work_one.ss3 {
        position: absolute;
        top: -723px;
    }
    .work_one {
        left: 12px;
        width: 300px;
    }
    .work_one.ss3 {
        left: 56px;
    }
    .work_two,
    .work_two.ss2 {
        position: absolute;
        top: inherit;
    }
    .work_two.ss2 {
        left: -4px;
        bottom: 101px;
    }
    .work_two {
        left: 41px;
        bottom: 77px;
        width: 350px;
    }
    .stellarnav ul ul:before {
        left: 580px;
    }
    .stellarnav .Expertise ul:before {
        left: 570px;
        height: 81%;
    }
}
@media (max-width: 1440px) {
    .locations-sec-img {gap:18px;}
    .full-modal-contant h3 {
        font-size: 50px;
    }
    .full-modal-contant p {
        font-size: 35px;
    }
    .highlight::before {
        top: 21px;
        width: 86px;
        height: 12px;
    }
    .full-modal-form input {
        padding: 15px 15px;
        width: 290px;
    }
    .full-btn a {
        width: 290px;
        height: 55px;
    }
    .work_one,
    .work_one.ss3 {
        position: absolute;
        top: -686px;
    }
    .filed-input input,
    .filed-input textarea {
        margin-bottom: 15px;
    }
    button.send-msg-btn {
        margin-bottom: 10px;
    }
    .offcanvas-body p {
        font-size: 1.05rem;
    }
    .check-input-sec label {
        padding: 2px 9px;
        font-size: 10px;
        margin: 0 5px 7px 0;
    }
    h5#offcanvasRightLabel {
        line-height: 38px;
    }
    .work_one {
        left: 122px;
        width: 300px;
    }
    .work_one.ss3 {
        left: 56px;
    }
    .work_two,
    .work_two.ss2 {
        position: absolute;
        top: inherit;
    }
    .work_two.ss2 {
        left: 46px;
        bottom: 137px;
    }
    .work_two {
        left: -12px;
        bottom: 118px;
        width: 350px;
    }
    .stellarnav ul ul {
        top: 59px;
    }
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 19px;
    }
    .mobile_app_div p {
        font-size: 13px;
        line-height: 21px;
    }
    .augment_head p,
    .devTeam_text p {
        font-size: 14px;
        line-height: 23px;
    }
    .index-sec-4 .gen-text,
    .soft_head p {
        font-size: 16px;
        line-height: 27px;
    }
    .pro_text h4,
    .pro_text h5,
    .services-content h3,
    .services-content h4,
    .services-content h5,
    .services-content span.h4 {
        font-size: 18px;
    }
    .banner_text p,
    p {
        font-size: 15px;
        line-height: 27px;
    }
    .stellarnav ul ul:before {
        left: 470px;
    }
    .stellarnav .Expertise ul:before {
        left: 450px;
        height: 82%;
    }
    .exp_img ul li a {
        height: 70px;
        width: 116px;
    }
    .banner_text p {
        width: 100%;
    }
    .exp_text h3,
    .exp_text h3 .gardient_text {
        font-size: 35px;
        line-height: 40px;
    }
    .fa_head .h3,
    .out_s_text h1,
    .out_s_text h1 .gardient_text,
    .out_s_text h3,
    .out_s_text h3 .gardient_text,
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text {
        font-size: 30px;
    }
    .out_s_text p {
        font-size: 16px;
        line-height: 26px;
    }
    .btn.btn_dev {
        width: 203px;
        height: 51px;
    }
    .software_testing .btn.btn_dev {
        width: 243px;
        height: 51px;
    }
    .dev_head h3,
    .dev_head h3 .gardient_text,
    .index-sec-4 .gen-heading,
    .index-sec-4 p.gen-heading small.gardient_text,
    .mobile_head h3,
    .mobile_head h3 .gardient_text,
    .services-title h2,
    .soft_head h2,
    .soft_head h2 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 30px;
        line-height: 35px;
    }
    .soft_text h3,
    .soft_text h4 {
        font-size: 23px;
        line-height: 28px;
    }
    .dev_head h4,
    .mobile_head h4,
    .soft_text p {
        font-size: 16px;
        line-height: 25px;
    }
    .dev_head p,
    .index-sec-5 .gen-textp,
    .services p,
    .services-dual.list ul li,
    .services-title p p {
        font-size: 14px;
        line-height: 25px;
    }
    .pro_text p {
        line-height: 22px;
    }
    .index-sec-5 .gen-heading {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .form_left span,
    .form_right h4,
    .form_right span {
        font-size: 30px;
        padding-bottom: 20px;
        line-height: 25px;
    }
    .button_sec input[type="submit"],
    .pro_text p {
        font-size: 14px;
    }
    .header-right {
        width: calc(100% - -100px);
    }
    .optmization-boxtext p {
        line-height: 26px;
        font-size: 14px;
    }
    .optmization-boxtext h2 {
        line-height: 30px;
    }
    .form_left h1,
    .form_right h1,
    .web-development-main .banner_text h1 {
        font-size: 40px;
    }
    .white-tetsimonial:before {
        right: 12px;
        width: 190px;
        height: 136px;
    }
    .banner_sec.game_dev .banner_text h1 {
        font-size: 40px;
        line-height: 45px;
        margin: 0;
    }
    .pro_text h5 {
        font-size: 20px;
    }
    .banner_text h4 {
        font-size: 16px;
        line-height: 15px;
    }
    .pro_text.bottom {
        bottom: 0;
    }
    .numb span {
        font-weight: 900;
        font-size: 124px;
        line-height: 90px;
    }
    .services-title h2 {
        font-size: 31px;
        line-height: 37px;
        margin: 10px 0;
    }
    .card_bottom h3 {
        font-size: 19px;
        line-height: 26px;
    }
    .top_line2::before,
    .top_line::before {
        top: 29%;
    }
    .footer_top_left .heading {
        font-size: 21px;
        line-height: 30px;
    }
    .main_menu {
        width: calc(100% - 190px);
    }
    .product-wrapper .gen-heading {
        line-height: 1.2;
    }
    .stellarnav ul ul:after {
        width: 31%;
    }
    .main_menu > ul > li > a {
        padding: 2px 1px !important;
        font-size: 15px;
    }
    .game_dev_main .container {
        max-width: 1320px;
    }
    .arrow_line:before {
        background-size: 66%;
        background-position: 37% 100%;
    }
    .ec_div_right::before,
    .ec_div_right:after {
        background: radial-gradient(circle at center, #fff 0, #ffc7005c 100%);
    }
    .media-text p {
        width: 60%;
        font-size: 15px;
        line-height: 22px;
    }
    .media-text h2,
    .media-text h3 {
        margin: 0 0 10px;
        font-size: 32px;
    }
    .seo_main .ppc-media {
        padding: 13% 0 12%;
    }
    .ec_div_right::before {
        top: 170px;
        right: 29%;
        width: 158px;
    }
    .ec_div_right:after {
        top: 134px;
        right: 18%;
    }
    .message-box h3 {
        line-height: 40px;
        margin: 0 0 10px;
    }
    .con .banner_text h1 {
        font-size: 46px;
        line-height: 55px;
    }
    .e_com .banner_text h1 {
        font-size: 29px;
        line-height: 35px;
        margin: 0 0 20px;
    }
    .e_com .banner_text p,
    .it-staff-augmentation .advant_sec .augment_head {
        margin: 0;
    }
    .choose_div {
        min-height: 150px;
    }
    .header-button a + a {
        width: 140px;
        font-size: 13px;
    }
    .Igniting .h2,
    .Reli_sec .Reli_text h2,
    .Smarter_sec .h2,
    .augment_head .h2,
    .h2,
    .why_ctext h2,
    .why_ctext h3,
    h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .adv_text span.h4 {
        font-size: 18px;
        line-height: 35px;
    }
    .blog_slider_head h2,
    .h3 {
        font-size: 30px;
        line-height: 1.1;
    }
    .step_text.two:before {
        left: -240px;
        background-size: 52%;
    }
    .testmonial_sec .soft_head .h2,
    .testmonial_sec .soft_head h3,
    .testmonial_sec .soft_head h3 .gardient_text {
        font-size: 40px;
        line-height: 1.1;
    }
    .why_img img {
        width: 70%;
    }
    .out_s_text ul li {
        font-size: 14px;
        line-height: 29px;
    }
    .faq_div .accordion-button {
        font-size: 15px;
    }
    .step_text.one:before {
        background-size: 63%;
    }
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2 {
        text-align: left;
        font-size: 30px;
        line-height: 1.3;
    }
    .Delight_text h4,
    .Delight_text h5 {
        font-size: 3rem;
        font-weight: 700;
    }
    .travel_app_development .need_text.ing {
        height: 220px;
        margin: 60px 0 0;
    }
    .contact-staff-sec-1 h1 {
        font-size: 3rem;
        top: -18px;
        max-width: 380px;
    }
    .contact-staff-sec-1 p {
        font-size: 1.5rem;
        max-width: 350px;
    }
    .contact-form-staff label {
        font-size: 1.125rem;
        font-weight: 500;
    }
    .contact-staff-sec-2 p,
    .global-office p {
        font-size: 1.25rem;
    }
    .global-office h2 {
        font-size: 3rem;
    }
    .global-office h2 span {
        display: unset;
    }
    .contact-staff-sec-2 {
        margin-top: 270px;
    }
    .locations-text-sec,
    .locations-text-sec img {
        max-width: 290px;
    }
    .locations-text-sec h4 {
        font-size: 1.5rem;
    }
    .locations-text-sec p {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .ready-to-begin {
        padding: 0 0 6rem;
    }
    .ready-to-begin h2 {
        font-size: 4.5rem;
    }
    .banner_sec.it_staff {
        padding: 8% 0 2%;
    }
}
@media (max-width: 1366px) {
    .locations-sec-img {gap:18px;}
    .filed-input input,
    .filed-input textarea {
        margin-bottom: 15px;
    }
    button.send-msg-btn {
        margin-bottom: 10px;
    }
    .offcanvas-body p {
        font-size: 1.05rem;
    }
    h5#offcanvasRightLabel {
        line-height: 38px;
    }
    .check-input-sec label {
        padding: 2px 9px;
        font-size: 10px;
        margin: 0 5px 7px 0;
    }
    .contact-staff-sec-1 h1 {
        font-size: 3rem;
        top: -18px;
        max-width: 380px;
    }
    .contact-staff-sec-1 p {
        font-size: 1.5rem;
        max-width: 350px;
    }
    .contact-form-staff label {
        font-size: 1.125rem;
        font-weight: 500;
    }
    .contact-staff-sec-2 p,
    .global-office p {
        font-size: 1.25rem;
    }
    .global-office h2 {
        font-size: 3rem;
    }
    .global-office h2 span {
        display: unset;
    }
    .contact-staff-sec-2 {
        margin-top: 270px;
    }
    .locations-text-sec,
    .locations-text-sec img {
        max-width: 250px;
    }
    .locations-text-sec h4 {
        font-size: 1.5rem;
    }
    .locations-text-sec p {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .ready-to-begin {
        padding: 0 0 6rem;
    }
    .ready-to-begin h2 {
        font-size: 4.5rem;
    }
    .banner_sec.it_staff {
        padding: 8% 0 2%;
    }
    .work_one {
        position: absolute;
        top: -619px;
        left: 62px;
        width: 300px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -617px;
        left: 56px;
    }
    .work_two,
    .work_two.ss2 {
        position: absolute;
        top: inherit;
    }
    .work_two.ss2 {
        left: 20px;
        bottom: 84px;
    }
    .work_two {
        left: 18px;
        bottom: 64px;
        width: 350px;
    }
    .services-content h4,
    .services-content span.h4 {
        margin: 0 0 20px 25px;
        font-size: 18px;
    }
    .stellarnav ul ul {
        top: 59px;
    }
    .images_2.aos-init.aos-animate {
        margin-left: -61px;
    }
    .stellarnav .servisec ul:before {
        left: 460px;
        height: 86%;
    }
    .stellarnav .Expertise ul:before {
        left: 450px;
        height: 83%;
    }
    .exp_img ul li a {
        height: 70px;
        width: 80px;
    }
    .augment_head p,
    .exp_text h4 {
        font-size: 16px;
        line-height: 25px;
    }
    .out_s_text p {
        font-size: 14px;
        line-height: 20px;
    }
    .soft_head p {
        font-size: 14px;
        line-height: 27px;
    }
    .soft_text h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .icon_app_div p,
    .soft_text p,
    p {
        font-size: 14px;
        line-height: 25px;
    }
    .devTeam_sec a.btn.btn_dev {
        margin: 0 auto;
        font-size: 14px;
    }
    .eight video {
        height: 560px;
    }
    .testmonial_sec .carousel-indicators:after {
        display: none;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        left: 420px;
        top: 130px;
        width: 80px !important;
    }
    .blue_sec .h3,
    .footer_top_left a,
    .pro_text h5 {
        font-size: 20px;
    }
    li.menu-links.small_menue.Hire_A_Developer ul {
        width: 590px;
        top: 47px;
    }
    .drop_menu span.h4 {
        font-size: 13px;
    }
    .footer_logo {
        max-width: 230px;
        height: auto;
    }
    .footer_bottom,
    .footer_links1 {
        padding: 10px 0 0;
    }
    li.menu-links.small_menue.career ul {
        width: 260px;
        top: 47px;
    }
    .testmonial_sec .soft_head h2 {
        font-size: 65px;
        line-height: 60px;
    }
    .profile-left img {
        width: 80px !important;
        height: 80px;
    }
    .ec_div_right::before,
    .ec_div_right:after {
        background: radial-gradient(circle at center, #fff 0, #ffc7005c 100%);
    }
    img.svplay-img {
        top: 150px;
    }
    .main_menu > ul > li > a {
        padding: 2px 4px !important;
        font-size: 13px;
    }
    .choose_div p {
        line-height: 23px;
        font-size: 14px;
    }
    .choose_div {
        margin: 20% 0;
    }
    .game_dev_main .banner_text h1 {
        font-size: 41px;
        line-height: 44px;
    }
    .anchor_div a {
        font-size: 12px !important;
        position: relative;
        left: -8px;
    }
    .drop_menu span.h5 {
        font-size: 16px;
    }
    .blog_sec.what_we.mbaa .heading_ser h2 {
        font-size: 30px;
        line-height: 45px;
        width: 100%;
    }
    .banner_sec.game_dev .banner_text h1 {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
    }
    .e_comm_main .services.whatwe .services-img::after {
        width: 860px;
        left: -310px;
    }
    .Reli_sec.hir .Reli_text .h2,
    .Reli_sec.hir .Reli_text h2,
    .gen-heading,
    .h3,
    .need_head .h2,
    .source-about-text h2,
    .staff_aug_head h3,
    .staff_aug_head h4 {
        font-size: 30px;
    }
    .ec_div_right:after {
        top: 138px;
        right: 35%;
    }
    .ec_div_right::before {
        top: 175px;
        right: 68%;
        width: 149px;
    }
    .seo_main .ppc-media {
        background-size: 100% 100%;
        padding: 11% 0 12%;
    }
    .pro_text p {
        font-size: 13px;
        line-height: 23px;
    }
    .banner_text h4 {
        font-size: 16px;
        line-height: 15px;
    }
    .banner_sec.div-opps-banner .banner_text h1,
    .banner_text h1 {
        font-size: 40px;
        line-height: 45px;
        margin: 0 0 10px;
    }
    .pro_text.bottom {
        bottom: -70px;
    }
    .numb span {
        font-size: 124px;
        line-height: 90px;
    }
    .services-title h2 {
        font-size: 31px;
        line-height: 37px;
        margin: 10px 0;
    }
    .arvr_box .h4,
    .card_bottom h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .main_menu {
        width: calc(100% - 190px);
    }
    .product-wrapper .gen-heading {
        text-align: center;
        line-height: 1.2;
    }
    .stellarnav ul ul:after {
        width: 31%;
    }
    .hire_sec .index-sec-4 .gen-heading {
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }
    .product-wrapper a {
        font-size: 16px;
        display: block;
        margin: 0;
    }
    .form_left h1,
    .form_right h1 {
        font-size: 40px;
        padding-bottom: 10px;
        line-height: 45px;
    }
    .footer_top_right span.heading {
        font-size: 20px;
        display: block;
    }
    .blog_box .h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .blog_slider_head h2,
    .devTeam_sec .h2,
    .devTeam_sec h2,
    .exp_text h3,
    .exp_text h3 .gardient_text,
    .game_dev_main .globl-content h2,
    .game_dev_main .globl-content h3,
    .heading_ser h2,
    .main-pcc-page .banner_text h1,
    .source-about-text h3,
    .testmonial_sec .soft_head .h2,
    .testmonial_sec .soft_head h3 .gardient_text {
        font-size: 30px;
        line-height: 35px;
    }
    .services-content h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .services.whatwe .services-img::after {
        width: 667px;
    }
    .services.what_we .web-img::after {
        width: 615px;
    }
    .andriod-boxtext h2,
    .tech_head .h2 {
        font-size: 24px;
    }
    .game_dev_main .container {
        max-width: 1290px;
    }
    .arrow_line:before {
        background-size: 58%;
        background-position: 40% 49%;
    }
    .media-text p {
        width: 65%;
        font-size: 13px;
        line-height: 21px;
    }
    .media-text h2,
    .media-text h3 {
        margin: 0 auto 10px;
        font-size: 32px;
    }
    .banner_sec.about .banner_text h1 {
        font-size: 30px;
        line-height: 44px;
    }
    .roi_sec .main_heading .h3,
    .tabs-icon {
        width: 100%;
    }
    .main_heading .h3 {
        font-size: 24px;
        line-height: 38px;
        margin: 0 auto 10px;
    }
    .globl-content h2 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 10px;
    }
    .brand-contentwrapper {
        box-shadow: 0 0 10px 0 #ccc;
        padding: 6px 30px;
        max-width: 540px;
    }
    .my-media .nav-tabs .nav-link {
        width: 270px;
        height: 100px;
        margin: 0 0 10px;
    }
    .ale-tab {
        margin: 40px -35px;
    }
    .my-media .sp-tabs span {
        font-size: 55px;
    }
    .blog_card p,
    .globl-content p,
    .index-sec-5 .gen-text,
    .need_head .h6,
    .services p,
    .services-title p,
    ul#myTab p {
        font-size: 14px;
    }
    .my-media .tab-pane {
        padding: 60px 30px 60px 120px;
        width: 590px;
    }
    .channel-development::after {
        width: 755px;
        left: 16px;
    }
    .andriod-img img {
        margin: 90px 0 0;
    }
    .andriod-left .andriod-maincont,
    .andriod-right .andriod-maincont {
        margin: 0 0 100px;
    }
    .andriod-left p,
    .andriod-right p {
        padding: 0;
    }
    .andriod-left .andriod-maincont:last-child {
        margin: 100px 0 0;
    }
    .index-sec-5 .product-wrapper {
        padding: 0 0 40px;
    }
    .why_choose {
        padding: 5% 0;
    }
    .outsrc-content {
        width: 70%;
        margin: 0;
    }
    .mb_box {
        padding: 5px 14px;
    }
    .blog_sec.what_we.mbaa .mb_box .h4 {
        margin: 0 0 20px;
        font-size: 16px;
    }
    .blog_sec.what_we.mbaa .mb_box {
        min-height: 450px;
        margin: -47% 0 0;
    }
    .brand_text .h4 {
        font-size: 26px;
        line-height: 30px;
    }
    .hire_div h3 {
        margin: 5px 0;
    }
    .bam_img img {
        width: 80%;
    }
    .softdevlop-img::before {
        width: 608px;
    }
    img.img-fluid.bannbg {
        height: 480px;
    }
    .global-approch .carousel-control-next {
        right: -30px;
    }
    .global-approch .carousel-control-prev {
        left: -30px;
    }
    .roi_main {
        min-height: 380px;
    }
    .roi_main .h4 {
        font-size: 15px;
        line-height: 25px;
        width: auto;
    }
    .con .banner_text h1 {
        font-size: 37px;
        line-height: 40px;
    }
    .e_com .banner_text h1 {
        font-size: 23px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .iot .banner_text h1 {
        font-size: 37px;
        line-height: 42px;
    }
    .opt .optmization-box,
    .optmization-services.afford .optmization-box {
        min-height: 400px;
    }
    .chs .choose_div {
        min-height: 200px;
    }
    .web-company-text h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .main-pcc-page.seo_main .banner_text h1 {
        font-size: 29px;
        line-height: 35px;
    }
    .procces-text span.h4 {
        font-size: 18px;
        line-height: 30px;
    }
    .iot-media {
        background: url(../images/ios-banner2.png) center center/cover no-repeat #3d30db;
        padding: 170px 10px;
        position: relative;
    }
    .optmization-tittle h2 {
        margin: 0 auto 20px;
        max-width: 800px;
    }
    .tabs-icon .ppc_icon {
        width: 78px;
        height: 45px;
    }
    .ppc_icon.ppc_1 {
        width: 95px;
    }
    .tabs-icon .ppc_icon.ppc_3 {
        background-position: -103px -37px;
        width: 56px;
    }
    .white-anim-text h2,
    .white-anim-text h3 {
        font-size: 21px;
        line-height: 27px;
    }
    .white-anim-text {
        width: 70%;
        margin: 0 0 0 30px;
        position: relative;
        left: 38px;
    }
    .global-btn.lead-btn a {
        width: auto;
    }
    .game-devlop:before {
        width: 1050px;
        background-size: 80%;
        right: 0;
        background-position: right;
        background-repeat: no-repeat;
        height: 463px;
    }
    .gchar-img img {
        bottom: -22px;
        height: 660px;
    }
    .video-explain .banner_text h1 {
        font-size: 44px;
        line-height: 50px;
        margin: 0 0 10px;
    }
    .services.out-services p,
    .step_text .h4 {
        line-height: 23px;
    }
    .my-media.ppp .nav-tabs .nav-link {
        width: 288px;
        height: 100px;
    }
    .game-developments .h1 {
        font-size: 190px;
    }
    .process_sec .container-fluid {
        padding: 0 15px;
    }
    .ppc_page .optmization-box {
        min-height: 460px;
    }
    .hire-text h4 {
        font-size: 14px;
        line-height: 30px;
    }
    .footer_links1 a {
        font-size: 12px;
    }
    .what_we_do_sec.gamee:after {
        background-size: 88%;
    }
    .top_line2::before,
    .top_line::before {
        top: 32%;
    }
    .services.out-services .global-btn a {
        margin: -20px 10px 10px 0;
    }
    .services.out-services {
        padding: 30px 0 80px;
    }
    .step_text .h4 {
        font-size: 18px;
    }
    .step_text {
        height: 274px;
    }
    .need_text {
        height: auto;
    }
    .need_text .h4 {
        font-size: 15px;
        margin: 10px 0 0;
    }
    .net-development-services .arvr_box,
    .ott_platform_development .need_text.ing {
        height: 260px;
    }
    #counter-box p {
        font-size: 17px;
        line-height: 25px;
    }
    .ott_platform_development .cutting_edege:after {
        width: 590px;
        height: 320px;
        background-size: 97%;
    }
    .Delight_head h2,
    .Delight_head h3 {
        font-size: 30px;
        text-align: center;
    }
    .hire_sec .product-wrapper .h2,
    .hire_sec .product-wrapper h2 {
        font-size: 40px;
        line-height: 15px;
    }
    .services-content h3,
    .services-content h4,
    .services-content h5,
    .services-content span.h4 {
        font-size: 15px;
        line-height: 18px;
        padding: 0 0 0 10px;
    }
    .testmonial_sec .soft_head h3 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 0 18px;
    }
    .form_left span,
    .form_right h4,
    .form_right span {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .footer_top_left .heading {
        font-weight: 700;
        font-size: 17px;
        line-height: 29px;
    }
    .main_menu > ul {
        display: block;
        margin: 0;
    }
    .banner_sec h1,
    .banner_sec h1 span,
    .life_at_binate .banner_sec .h1,
    .partnership .banner_sec .h1 {
        font-size: 40px;
        line-height: 1.3;
    }
    .header-button a + a {
        width: 140px;
        font-size: 14px;
    }
    .Craft_sec h2,
    .Craft_sec h3,
    .Igniting .h2,
    .Reli_sec .Reli_text .h4,
    .Reli_sec .Reli_text h2,
    .Reli_text h2,
    .Smarter_sec .h2,
    .arvr_text h3,
    .augment_head .h2,
    .h2,
    .h3,
    .h4,
    .out_s_text h2,
    .out_s_text h3,
    .rewrite_img .h4,
    .why_ctext span.h3,
    h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .adv_text span.h4 {
        font-size: 18px;
        line-height: 35px;
    }
    .three_step .augment_head .gardient_text {
        font-size: inherit;
    }
    .step_text.two:before {
        left: -280px;
        background-size: 61%;
    }
    .Delight_text h4,
    .Delight_text h5 {
        font-size: 18px;
        font-weight: 700;
    }
    .travel_app_development .need_text.ing {
        height: 220px;
        margin: 60px 0 0;
    }
    .soft-ware-wrap .step_text,
    .staffing-wrap.it_staffing_servies .step_text {
        height: 364px;
    }
    .ott_platform_development .btn.btn_dev {
        width: 253px;
        height: 51px;
    }
    .app-support-and-maintenance .need_text.ing {
        height: 306px;
    }
    .social_api_integration_services .btn.btn_dev {
        width: 243px;
        height: 51px;
    }
    .saas .btn.btn_dev {
        width: 233px;
    }
    .android-development-services .arvr_sec .arvr_box,
    .big_data_consulting_services .need_text.ing,
    .game-development-outsourcing .arvr_box,
    .iot-app-development .need_text.ing,
    .saas .need_text.ing,
    .shopify-development-services .arvr_box {
        height: 250px;
    }
    .data_analytics_services .need_text.ing,
    .wearable-app-development .arvr_box {
        height: 200px;
    }
    .android-development-services.hiosd .why_choose .btn.btn_dev,
    .business_intelligence_services .btn.btn_dev,
    .out_s_text .btn.btn_dev {
        width: 223px;
        height: 51px;
    }
    .rewrite_div .h5 {
        font-size: 22px;
        line-height: 1.3;
    }
    .ar-vr-app-development .need_text.ing,
    .d3_game_development .arvr_box {
        height: 270px;
    }
    .android-game-development .arvr_box,
    .ar-vr-app-development .arvr_box,
    .chatgpt-integration-services .arvr_box,
    .headless-cms-development .arvr_box,
    .metrojs-development-services .arvr_box,
    .nft-game-development .arvr_box,
    .reactjs-development .arvr_box,
    .yii-development-services .arvr_box {
        height: 240px;
    }
    .responsive-web-design .arvr_box,
    .unity-game-development .need_text.ing,
    .webflow-development .arvr_box {
        height: 290px;
    }
    .banner_text span.h4 {
        font-size: 16px;
        line-height: 27px;
    }
    .webflow-development .need_text.ing {
        height: 420px;
    }
    .nft-development-services .arvr_box,
    .php-development .arvr_box,
    .xamarin-app-development .arvr_box {
        height: 190px;
    }
    .zend-development-services .arvr_box {
        height: 320px;
    }
    .out_s_img img,
    .why_img img {
        width: 90%;
    }
    .symfony-development-services .arvr_box {
        height: 350px;
    }
    .flutter-app .need_text.ing {
        height: 300px;
    }
    .blockchain-development-services .out_s_text .btn.btn_dev,
    .ecommerce-web-design-services .out_s_text .btn.btn_dev,
    .react-native-app-development .out_s_text .btn.btn_dev {
        width: 233px;
        height: 51px;
    }
    .icon_app_div h3,
    .icon_app_div h4,
    .icon_app_div h5,
    .out_text .h4,
    .out_text h4,
    .out_text h5 {
        font-size: 18px;
        line-height: 27px;
    }
    .icon_app_sec.hid .col-xs-12.col-sm-6.col-md-6.centerCol {
        width: 70%;
    }
    .hire-unreal-developers .Reli_text .btn.btn_dev {
        width: 223px;
    }
    .augment_head .btn.btn_dev {
        width: 258px;
    }
    .out_source_sec.hir .out_s_text .btn.btn_dev {
        width: 243px;
    }
    .btn.btn_dev {
        width: 230px;
        height: 51px;
    }
    .Reli_sec.hir .Reli_text .btn.btn_dev,
    .hire-backbonejs-developers .hire_sec .btn.btn_dev {
        width: 250px;
        height: 51px;
    }
    .hire-woocommerce-developers .out_text {
        height: 400px;
    }
    .form_right p {
        color: #686868;
        font-size: 14px;
    }
    .why_tabs ul li {
        margin: 0 19px 0 0;
    }
    .work_flow_head .h3 {
        font-size: 35px;
        line-height: 1.3;
    }
    .anchor_div a {
        height: 30px;
    }
}
@media (max-width: 1280px) {
    .filed-input input,
    .filed-input textarea {
        margin-bottom: 15px;
    }
    button.send-msg-btn {
        margin-bottom: 10px;
    }
    .offcanvas-body p {
        font-size: 1.05rem;
    }
    h5#offcanvasRightLabel {
        line-height: 38px;
    }
    .check-input-sec label {
        padding: 2px 9px;
        font-size: 10px;
        margin: 0 5px 7px 0;
    }
    .anchor_div a {
        height: 30px;
    }
    .work_one {
        position: absolute;
        top: -599px;
        left: 92px;
        width: 300px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -602px;
        left: 56px;
    }
    .work_two,
    .work_two.ss2 {
        top: inherit;
        position: absolute;
    }
    .work_two.ss2 {
        left: 35px;
        bottom: 97px;
    }
    .work_two {
        left: 0;
        bottom: 55px;
        width: 300px;
    }
    .stellarnav .servisec ul:before {
        left: 420px;
        height: 86%;
    }
    .stellarnav .Expertise ul:before {
        left: 420px;
        height: 83%;
    }
    .pro_text.bottom {
        position: absolute;
        bottom: -90px;
    }
    .index-sec-5 .brand-contentwrapper {
        max-width: 540px;
        width: 680px;
        height: 256px;
    }
    .form_right span {
        margin: 0;
        padding: 0;
    }
    .services-title h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .numb span {
        font-size: 74px;
        line-height: 50px;
    }
    .pro_text h4 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    .con .banner_text h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .what_we_do_sec h2 {
        font-size: 18px;
        line-height: 27px;
    }
    .soft_head h2,
    .soft_head h2 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
    }
    .mobile_head h2,
    .mobile_head h3 {
        font-size: 30px;
        margin: 0 0 10px;
        line-height: 35px;
    }
    .form_left span,
    .form_right h4,
    .form_right span {
        font-size: 30px;
        padding-bottom: 20px;
        line-height: 35px;
    }
    .augment_head p {
        font-size: 14px;
        line-height: 25px;
    }
    .card_bottom .h3 {
        font-size: 18px;
    }
    .blog_card p {
        font-size: 14px;
    }
    .footer_top_left .heading {
        font-size: 18px;
        line-height: 26px;
    }
    .step_text.two:before {
        left: -280px;
        background-size: 60%;
    }
    .step_text.one:before {
        background-size: 66%;
        right: -460px;
    }
}
@media (max-width: 1024px) {
    .full-modal-form input {
        width: 600px;
    }
    .full-btn a {
        width: 600px;
    }
    .full-modal-form {
        flex-direction: column;
    }
    .filed-input input,
    .filed-input textarea {
        margin-bottom: 15px;
    }
    button.send-msg-btn {
        margin-bottom: 10px;
    }
    .offcanvas-body p {
        font-size: 1.05rem;
    }
    h5#offcanvasRightLabel {
        line-height: 38px;
    }
    .check-input-sec label {
        padding: 2px 9px;
        font-size: 10px;
        margin: 0 5px 7px 0;
    }
    .why_tabs ul li a {
        font-size: 30px;
        width: 100%;
    }
    .locations-sec-img {
        padding-bottom: 40px;
    }
    .locations-text-sec {
        height: 510px;
    }
    .work_one {
        position: absolute;
        top: -539px;
        left: 92px;
        width: 300px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -532px;
        left: 46px;
    }
    .work_two,
    .work_two.ss2 {
        top: inherit;
        position: absolute;
    }
    .work_two {
        left: -10px;
        bottom: 19px;
        width: 250px;
    }
    .work_two.ss2 {
        left: 42px;
        bottom: 39px;
    }
    .stellarnav.mobile ul {
        background: linear-gradient(to bottom, rgb(249 226 226) 0, rgb(251 247 244) 100%);
    }
    .footer_icons,
    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul {
        max-width: 290px;
    }
    .stellarnav.mobile > ul {
        border-top: 1px solid #e1e1e1;
    }
    .main_menu > ul > li > a:before,
    .menuSec,
    .moving_images span,
    .stellarnav .icon-close,
    .top_line2::before,
    .top_line::before {
        display: none;
    }
    .stellarnav li li,
    .stellarnav.mobile.active > ul,
    .stellarnav.mobile > ul > li {
        border-top: 1px solid #e1e1e1;
        width: 100%;
    }
    .main_menu > ul > li > a {
        padding: 7px 3px !important;
        font-size: 14px;
    }
    .stellarnav a.dd-toggle .icon-plus {
        top: 6px;
        right: -5px;
    }
    a.menu-toggle {
        position: absolute;
        top: 13px;
        right: 3px;
        background: #000;
        padding: 0 !important;
        display: flex !important;
        height: 39px;
        width: 37px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }
    .mega_menu .row,
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        display: block;
    }
    .mega_menu .col-md-4,
    .mega_menu .col-md-8 {
        display: block;
        width: auto;
    }
    .blog_slider_head,
    .blog_text,
    .drop_menu.left {
        padding: 0;
    }
    .drop_menu span.h4 {
        display: inline-flex;
        width: 100%;
        height: 50px;
        margin: 0;
    }
    .banner-txt,
    .faq_div .accordion-button,
    .mega_menu span.h5,
    .product-wrapper a,
    .what_we div#counter-box p {
        font-size: 14px;
    }
    .stellarnav ul ul {
        padding: 10px 0;
        top: 0;
    }
    .anchor_div,
    .tri-box {
        margin: 0 0 10px 11px;
    }
    .servisec .anchor_div {
        margin: 0 0 10px 50px;
    }
    .stf_img img {
        width: 74%;
    }
    .hire_div h4,
    .hire_div span.h3,
    .mspan span.h3 {
        font-size: 16px;
        line-height: 5px;
    }
    .staff_list {
        width: calc(101% - -199px);
    }
    .banner_text span.h4,
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 15px;
        line-height: 25px;
    }
    .mobile_head h2,
    .mobile_head h3 {
        font-size: 33px;
    }
    .mobile_app_div p {
        font-size: 12px;
        line-height: 21px;
    }
    .left_col_main,
    .right_col_main {
        height: 100%;
    }
    .btn.btn_dev {
        width: 213px;
        height: 41px;
        font-size: 13px;
    }
    .my-services.bloog .blog_card {
        min-height: 490px;
    }
    .blog_box p,
    .drop_menu span.h5,
    .exp_text h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .out_s_text h1,
    .out_s_text h1 .gardient_text,
    .out_s_text h3,
    .out_s_text h3 .gardient_text,
    .why_ctext h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .soft_text h3,
    .soft_text h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .soft_text {
        margin: 15% 0 0;
        height: 240px;
    }
    .devTeam_text p,
    .gen-text,
    .out_s_text p {
        font-size: 13px;
        line-height: 20px;
    }
    .index-sec-4 .gen-headingtwo {
        font-size: 45px;
        line-height: 55px;
    }
    .app_dev_div h3,
    .index-sec-4 .gen-heading,
    .index-sec-4 p.gen-heading small.gardient_text {
        font-size: 25px;
        line-height: 30px;
    }
    .dedicated-wrap .need_text .h4,
    .pro_text h4 {
        font-size: 14px;
        line-height: 19px;
    }
    .testmonial_sec .soft_head h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .bloog .staff_aug_head {
        padding-left: 5%;
    }
    .my-services h2,
    .my-services h2 span {
        font-size: 29px;
        line-height: 31px;
        margin: 0 0 10px;
    }
    .card_bottom h3 {
        line-height: 26px;
    }
    .blog_card p {
        font-size: 14px;
        font-weight: 600;
        line-height: 23px;
    }
    .form_left span,
    .form_right span {
        padding-bottom: 10px;
        margin: 0;
    }
    .mobile_app_imeg_main.moving {
        display: flex;
        height: 100%;
        align-items: center;
    }
    .header-button .btn.btn_dev {
        margin: 0 20px 0 0;
    }
    .eight video {
        height: 540px;
    }
    .testmonial_sec .carousel-indicators .tst_2[data-bs-target] {
        right: 30px;
        left: auto;
        top: 20px;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        width: 110px;
        left: 70px;
    }
    .testmonial_sec .carousel-indicators .tst_4[data-bs-target] {
        width: 110px;
        left: 200px;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        width: 110px;
        left: 330px;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        width: 110px;
    }
    .color_lines_left,
    .pro_text.bottom {
        position: absolute;
        bottom: -80px;
    }
    .banner_sec.about .banner_text h1 {
        font-size: 22px;
        line-height: 27px;
    }
    .brand_text span.h2,
    .form_left h1,
    .gen-heading {
        font-size: 20px;
    }
    .web-2 {
        background-size: 100% 100%;
    }
    .optmization-tittle h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 10px;
    }
    .what_we_do_sec h2 {
        font-size: 20px;
        line-height: 29px;
        margin: 0 0 12px;
    }
    .card_bottom {
        padding-top: 10px;
    }
    .web-company-text h3 {
        font-size: 30px;
        line-height: 45px;
    }
    .optmization-boxtext p {
        font-size: 16px;
        line-height: 23px;
    }
    .main_heading .h3,
    .optmization-boxtext h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .augment_head .h2,
    .blog_slider_head h1,
    .fa_head span small,
    .fa_head span.h3,
    .web-development-main .banner_text h1 {
        font-size: 30px;
    }
    .process_sec {
        padding: 5% 10px 12%;
    }
    .main_heading .h3 {
        margin: 0 auto 10px;
    }
    .e_comm_main .services.whatwe .services-img::after {
        width: 770px;
        left: -310px;
    }
    .e_comm_app:before {
        width: 195px;
        height: 260px;
    }
    .ec_div_right::before {
        width: 118px;
        height: 100px;
        top: 90px;
        right: 31%;
    }
    .ec_div_right:after {
        width: 116px;
        height: 80px;
        top: 117px;
        right: 58%;
    }
    .services.whatwe .services-img::after {
        height: 290px;
        width: 667px;
    }
    .form_sec .row,
    .main_slider .carousel-caption .row {
        align-items: center;
    }
    .main_slider .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .mob_app_sec {
        padding: 40px;
        min-height: 530px;
        margin: 30px 0 0;
    }
    .form_right .text_box {
        padding: 9px 15px;
    }
    .pe-0 {
        padding-right: 10px !important;
    }
    .form_left img {
        padding: 20px 0 0;
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
    }
    .award-rightwrapper {
        padding: 4% 0 0;
    }
    .award-logo img {
        margin: 0 auto;
        display: block;
    }
    .cta-btn {
        font-size: 12px;
        padding: 0;
    }
    .banner_sec {
        padding: 13% 0 9%;
        height: auto;
    }
    .banner_text h4 {
        font-size: 12px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .logo img {
        width: 80%;
        float: left;
    }
    .banner_text p {
        font-size: 13px;
        line-height: 24px;
        margin: 0 0 20px;
        width: auto;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    .button_sec a {
        padding: 7px 2px;
        height: 39px;
        width: 197px;
    }
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .tab_bg {
        left: 0;
    }
    .tab_list_text h4 {
        font-size: 22px;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul {
        display: flex;
        flex-direction: inherit;
    }
    .baner_btn ul li a {
        width: 180px;
        font-size: 13px;
        color: #fff;
        margin: 0 10px 10px 0;
        height: 45px;
    }
    .header-right {
        width: calc(100% - 60px);
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        display: inline-flex;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .globl-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 20px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
    }
    .hire_div h4 {
        font-size: 25px;
        line-height: 25px;
    }
    .hire_div h3 {
        font-size: 31px;
        font-weight: 600;
        margin: 10px 0;
    }
    .hire_div p {
        font-size: 13px;
        width: 100%;
        margin: 20px auto 30px;
    }
    .pro_text {
        margin: -40px 0 -125px;
    }
    .services-img::after,
    .web-img::after {
        width: 507px;
        height: 269px;
    }
    .ecomerce-img img {
        width: 80%;
        height: auto;
        float: right;
    }
    .ecomerce-img::after {
        width: 598px;
        height: 339px;
    }
    .ecomerce-img::before {
        width: 316px;
        height: 171px;
        border-radius: 0 130px 90px 0;
        left: -68px;
    }
    .softdevlop-img::before {
        width: 548px;
        height: 239px;
        border-radius: 21px 0 60px;
    }
    .softdevlop-img::after {
        width: 450px;
        height: 260px;
        border-radius: 96px 0 75px;
    }
    .services p {
        font-size: 11px;
        line-height: 26px;
        margin: 0 0 20px;
        width: auto;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .index-sec-4 .gen-heading {
        font-size: 19px;
        line-height: 31px;
        text-align: left;
        margin: 0 !important;
    }
    .form_right p,
    .index-sec-4 .product-wrapper {
        margin: 0 0 10px;
    }
    .form_left p,
    .para,
    .product-wrapper span {
        font-size: 13px;
    }
    .index-sec-4:after {
        height: 285px;
    }
    img.img-fluid.bannbg {
        height: 400px;
        display: block;
    }
    .index-sec-5 .product-wrapper {
        padding: 20px 0 40px;
    }
    .index-sec-5 {
        min-height: auto;
        padding: 3% 0 0;
    }
    .brand-contentwrapper {
        padding: 20px 40px;
        max-width: inherit;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 230px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .award-content .gen-text {
        font-size: 13px;
        max-width: inherit;
    }
    .mob_app_body .big-headings span.h1 {
        font-size: 60px;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        left: 0;
        max-width: 100px;
    }
    .blog_slider_sec,
    .footer::after,
    .stellarnav li {
        position: relative;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 360px;
        min-height: 370px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 50px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 70px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
    }
    .blog_container {
        padding: 0 15px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -50px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .card_bottom h3 {
        font-size: 16px;
    }
    .form_right h1,
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text {
        font-size: 25px;
    }
    .form_right p {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }
    .form_sec {
        padding: 30px 0;
    }
    .brand-contentwrapper,
    .form_sec::after {
        width: 50%;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .f_links {
        width: 19%;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .license_para p {
        text-align: left;
        font-size: 13px;
    }
    .bottom_link ul {
        gap: 15px;
        font-weight: 500;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 20px 10px 0;
    }
    .services-title p {
        width: 100%;
        font-size: 14px;
    }
    .pro_text h5,
    .what_we_do_sec span.h5 {
        font-size: 15px;
    }
    .pro_text p {
        font-size: 13px;
        line-height: 19px;
    }
    .carousel-control-next {
        right: -50px;
    }
    .carousel-control-prev {
        left: -60px;
    }
    .stellarnav li {
        padding: 13px 0;
    }
    .numb span {
        font-size: 89px;
        line-height: 50px;
    }
    .bottom_link ul li a {
        line-height: 25px;
        font-size: 12px;
    }
    .footer_links1 a,
    .footer_links1 p {
        font-size: 10px;
        line-height: 22px;
    }
    .mega_menu .col-md-9,
    .mega_menu .col-md-9 .col-md-4,
    .mega_menu .row .col-md-3 {
        width: 100%;
    }
    #counter-box p,
    .footer_links1 span.para,
    .step_text p {
        font-size: 14px;
        line-height: 25px;
    }
    .footer_top_left .heading {
        line-height: 25px;
        font-size: 15px;
        margin: 10px 0 0;
    }
    .footer_top_left a {
        margin: 10px 0 0;
        font-size: 17px;
    }
    .main_slider img.d-block.w-100 {
        height: 70vh;
    }
    .con .banner_text h1 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 20px;
    }
    .roi_main .h4 {
        font-size: 13px;
        line-height: 20px;
        width: auto;
    }
    .counter {
        font-size: 40px;
        line-height: 45px;
        margin: 0 0 10px;
    }
    .gsec,
    .h6,
    .three_step .augment_head,
    h6 {
        margin: 0;
    }
    .h6,
    h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .blu_icon_div img {
        margin: 0 0 0 -21%;
    }
    .blue_sec .h3 {
        font-size: 20px;
        margin: 10px 0;
        line-height: 25px;
    }
    .header-wrap {
        flex-wrap: unset;
        height: 100%;
        width: 100%;
    }
    .global-btn a {
        margin: 0 10px 0 0;
    }
    .header-button {
        margin-right: 40px;
    }
    .e_com .banner_text h1 {
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .what_we #counter-box {
        height: 160px;
    }
    .what_we .counter {
        font-size: 40px;
        line-height: 45px;
    }
    .h3 {
        font-size: 30px;
        line-height: 1.1;
        margin: 0 0 10px;
    }
    .h4 {
        font-size: 16px;
        line-height: 27px;
    }
    .e_comm_app:before {
        right: 17%;
    }
    .blog_box .h4 {
        line-height: 25px;
    }
    .form_left span,
    .form_right span,
    .heading_ser h2 {
        font-size: 30px;
        line-height: 48px;
    }
    .services-content h2 {
        font-size: 20px;
        line-height: 35px;
        margin: 0 0 10px;
    }
    .services.what_we .web-img::after {
        width: 615px;
    }
    .tech_head .h2 {
        font-size: 24px;
    }
    .stellarnav ul ul:after {
        width: 0;
        border: 0;
    }
    .brand_text .h4 {
        font-size: 19px;
        line-height: 20px;
    }
    .tech_list ul {
        flex-wrap: wrap;
    }
    .choose_div {
        min-height: 170px;
        width: 100%;
        margin: 20% 0 19%;
        padding: 15px 15px 0;
    }
    .arrow_line:before {
        background-size: 66%;
        background-position: 40% 30%;
    }
    .banner_sec.about:before {
        width: 140px;
        height: 170px;
    }
    .banner_sec.about:after {
        width: 50px;
        height: 60px;
    }
    .choose_div a {
        top: -90px;
        left: 30px;
    }
    .lead-btn {
        display: table;
        margin: 0 auto 20px;
    }
    .services-title h2 {
        font-size: 21px;
        line-height: 30px;
        margin: 6px 0;
    }
    .profile-left img {
        width: 60px !important;
        height: 60px;
        object-fit: cover;
    }
    .index-sec-5 .gen-text {
        font-size: 12px;
    }
    .global-approch .carousel-control-prev {
        left: -50px;
    }
    .blog_box .h4 {
        font-size: 21px;
        width: 144px;
    }
    .what_we_do_sec.gamee:after {
        background-size: 70%;
    }
    .mb_box .h4 {
        margin: 0 0 10px;
        width: 160px;
        line-height: 22px;
    }
    .benifit_head h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }
    .benifit_div h4 {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 10px;
    }
    .benifit_div img {
        float: left;
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .app_dev_div p {
        font-size: 14px;
        line-height: 23px;
    }
    .need_text h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .Delight_text p,
    .cost_text p {
        font-size: 13px;
        line-height: 22px;
    }
    .cost_text h4 {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 10px;
        font-weight: 700;
    }
    .need_text p {
        margin: 0 0 20px;
        font-size: 14px;
    }
    .staff_text h3 {
        font-size: 27px;
        line-height: 35px;
    }
    .staff_text ul li {
        font-size: 13px;
        line-height: 24px;
    }
    #imcs .out_s_text h3 .gardient_text {
        font-size: 28px;
        line-height: 29px;
    }
    .benifit_div p {
        font-size: 13px;
        color: #000;
        font-weight: 500;
        line-height: 18px;
    }
    #soft_sec_for_cmpage .soft_text h4 {
        font-size: 15px;
        line-height: 24px;
        margin: 10px 0;
    }
    #it_staff .media-text h2,
    #it_staff .media-text h3 {
        font-size: 29px;
        line-height: 35px;
    }
    .augment_head p {
        font-size: 16px;
        line-height: 25px;
    }
    .step_text {
        height: 304px;
    }
    .need_text {
        height: auto;
    }
    .need_text .h4 {
        font-size: 13px;
        margin: 10px 0 0;
    }
    .testmonial_sec .soft_head .h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .adv_text span.h4 {
        font-size: 18px;
        line-height: 21px;
    }
    .adv_text {
        height: 226px;
    }
    .augment_main .h4 {
        font-size: 17px;
    }
    .three_step .augment_head .gardient_text {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
    }
    .step_text.one:before {
        background-size: 63%;
    }
    .step_text.two:before {
        background-size: 63%;
        left: -290px;
    }
    .step_text.one:after,
    .step_text.three:after,
    .step_text.two:after {
        font-size: 270px;
    }
    .home .banner_text p,
    .testmonial_sec .soft_head h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .form_right h4 {
        font-size: 30px;
        line-height: 45px;
        padding: 0;
    }
    .blog_slider_head h2 {
        font-size: 30px;
        line-height: 1.1;
    }
    span.h3 {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 10px;
    }
    .counter:after {
        top: -2px;
        width: 118px;
        height: 100px;
        background-size: 30%;
    }
    .need_text.ing .h4 {
        font-size: 16px;
        line-height: 45px;
    }
    .banner_sec.ott.it_staff:after {
        width: 640px;
        height: 640px;
        background-size: 97%;
    }
    .Delight_text {
        height: auto;
        width: 86%;
    }
    .product-wrapper .gardient_text {
        font-size: 32px;
    }
    .nubering:after {
        height: 1040px;
    }
    .nubering .one {
        top: 11px;
    }
    .nubering .two {
        top: 180px;
    }
    .nubering .three {
        top: 390px;
    }
    .nubering .four {
        top: 560px;
    }
    .nubering .five {
        top: 740px;
    }
    .nubering .six {
        top: 890px;
    }
    .enterprise_software_development .banner_sec.ott.it_staff:after {
        width: 800px;
        height: 590px;
        bottom: 0;
        right: -30px;
        background-size: 75%;
        background-position: bottom right;
    }
    .home .banner_text h4 {
        font-size: 20px;
        line-height: 25px;
    }
    .staff_list img {
        max-width: 40px;
    }
    .banner_sec.it_staff h1,
    .banner_sec.it_staff h1 span,
    .banner_text h1,
    .banner_text h1 span {
        font-size: 27px;
        line-height: 1.3;
    }
    .index-sec-4 {
        padding: 5% 0;
    }
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2 {
        text-align: left;
        font-size: 26px;
        line-height: 1.3;
    }
    .Delight_text h4,
    .Delight_text h5 {
        font-size: 18px;
        font-weight: 700;
    }
    .travel_app_development .need_text.ing {
        height: 240px;
        margin: 60px 0 0;
    }
    .locations-text-sec,
    .locations-text-sec img {
        max-width: 210px;
    }
    .contact-staff-sec-1 h1 {
        font-size: 2.25rem;
        line-height: 50px !important;
        max-width: 280px;
    }
    .contact-staff-sec-1 p {
        font-size: 1.25rem;
        max-width: 305px;
    }
    .contact-staff-sec-2 p,
    .global-office p,
    .ready-to-begin p {
        font-size: 1.125rem;
    }
    .global-office h2 {
        font-size: 2.25rem;
    }
    .locations-text-sec h4 {
        font-size: 1.25rem;
    }
    .locations-text-sec p {
        font-size: 0.75rem;
        font-weight: 500;
    }
    .ready-to-begin h2 {
        font-size: 3.75rem;
    }
    .bottom_link ul li a::before {
        right: -7px;
    }
}
@media (max-width: 991px) {
    .arrow_line:before,
    .e_comm_app:after,
    .e_comm_app:before,
    .ec_div_left:after,
    .ec_div_right::before,
    .ec_div_right:after,
    .menuSec,
    .moving_images span,
    .nubering,
    .top_line2::before,
    .top_line::before {
        display: none;
    }
    .why_tabs ul li a {
        font-size: 23px;
        width: 100%;
    }
    .f_links02 {
        width: 93%;
        margin: 0 auto;
    }
    .f_links h5 a {
        font-size: 1rem;
    }
    .banner-txt,
    .form_left p,
    .license_para h3,
    .mb_text p,
    .para,
    .product-wrapper a,
    .product-wrapper span {
        font-size: 14px;
    }
    .work_flow_head {
        margin: 0 0 197%;
    }
    .work_one {
        position: absolute;
        top: -589px;
        left: -7px;
        width: 300px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -587px;
        left: 36px;
    }
    .work_two,
    .work_two.ss2 {
        top: inherit;
        position: absolute;
    }
    .work_two.ss2 {
        left: -8px;
        bottom: 107px;
    }
    .work_two {
        left: 40px;
        bottom: 92px;
        width: 250px;
    }
    .btn.btn_black {
        width: 206px;
        height: 51px;
        font-size: 15px;
    }
    .exp_img ul li a {
        height: 60px;
        width: 71px;
    }
    .soft_text {
        margin: 25% 0 0;
        height: 240px;
        padding: 0;
    }
    .soft_text h4 {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }
    .mobile_head h4 {
        font-size: 15px;
        line-height: 25px;
    }
    .dev_head h3,
    .dev_head h3 .gardient_text,
    .footer_top_left .heading {
        font-size: 23px;
        line-height: 35px;
    }
    .devTeam_text {
        height: 219px;
    }
    .adv_text p,
    .services-content h4,
    .services-content span.h4 {
        font-size: 12px;
    }
    .index-sec-4 .gen-heading,
    .index-sec-4 p.gen-heading small.gardient_text {
        font-size: 22px;
        line-height: 30px;
    }
    .testmonial_sec .soft_head h2 {
        font-size: 45px;
        line-height: 50px;
    }
    .testmonial_sec .soft_head h3 .gardient_text {
        font-size: 35px;
        line-height: 40px;
    }
    .test_hed h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .footer_top_left .heading {
        width: 79%;
    }
    .footer_icons i {
        font-size: 25px;
        padding: 0 24px 0 0;
    }
    .mega_menu span.h5 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .button_sec input[type="submit"] {
        width: 203px;
        height: 51px;
        font-size: 14px;
    }
    .testmonial_sec .carousel-indicators .tst_2[data-bs-target] {
        right: 30px;
        left: auto;
        top: 0;
        width: 50px;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        width: 80px;
        left: 70px;
    }
    .testmonial_sec .carousel-indicators .tst_4[data-bs-target] {
        width: 70px;
        left: 250px;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        width: 70px;
        left: 153px;
        top: 80px;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        width: 80px;
        left: -30px;
    }
    .testmonial_sec .carousel-indicators .tst_7[data-bs-target] {
        left: 90px;
        top: 220px;
    }
    .testmonial_sec .carousel-indicators .tst_8[data-bs-target] {
        left: 230px;
        top: 230px;
    }
    .color_lines_left,
    .pro_text.bottom {
        position: absolute;
        bottom: -100px;
    }
    .banner_sec.it_staff h1,
    .banner_sec.it_staff h1 span,
    .banner_text h1,
    .banner_text h1 span {
        font-size: 25px;
        line-height: 1.3;
        margin: 0 0 10px;
    }
    .choose_div p {
        line-height: 20px;
        font-size: 12px;
    }
    .e_comm_main .services.whatwe .services-img::after {
        width: 638px;
        left: -310px;
        height: 224px;
    }
    .e_comm_main .services.what_we .web-img::after {
        width: 665px;
        right: -300px;
        left: auto;
        height: 230px;
    }
    .global-approch .carousel-control-next {
        right: -30px;
    }
    .tab_list_text h4,
    span.h3 {
        font-size: 22px;
    }
    .form_sec .row,
    .main_slider .carousel-caption .row {
        align-items: center;
    }
    .baner_btn.oc ul,
    .global-approch.design .baner_btn ul,
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        display: block;
    }
    .main_slider .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .mob_app_sec {
        padding: 40px;
        min-height: 530px;
        margin: 30px 0 0;
    }
    .form_right .text_box {
        padding: 9px 15px;
    }
    .pe-0 {
        padding-right: 10px !important;
    }
    .form_left img {
        padding: 20px 0 0;
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
    }
    .award-rightwrapper {
        padding: 4% 0 0;
    }
    .award-logo img {
        margin: 0 auto;
        display: block;
    }
    .cta-btn {
        font-size: 12px;
        padding: 0;
    }
    .baner_btn ul li a {
        width: 196px;
        font-size: 13px;
        color: #fff;
        margin: 0 10px 20px 0;
        height: 40px;
    }
    .banner_sec {
        padding: 10% 0 5%;
    }
    .banner_text h4 {
        font-size: 12px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .augment_head h2,
    .banner_text p {
        margin: 0 0 20px;
    }
    .logo img {
        width: 80%;
        float: left;
    }
    .banner_text p {
        font-size: 15px;
        line-height: 24px;
        width: auto;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    .button_sec a {
        padding: 7px 2px;
        height: 39px;
        width: 197px;
    }
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .tab_bg {
        left: 0;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul {
        display: flex;
        flex-direction: inherit;
    }
    .header-right {
        width: calc(100% - 0px);
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        display: inline-flex;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .globl-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 20px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
    }
    .hire_div h4,
    .hire_sec .index-sec-4 .gen-heading {
        font-size: 26px;
        line-height: 25px;
    }
    .hire_div h3 {
        font-size: 31px;
        font-weight: 600;
        margin: 10px 0;
    }
    .hire_div p {
        font-size: 13px;
        width: 100%;
        margin: 20px auto 30px;
    }
    .services-img::after,
    .web-img::after {
        width: 507px;
        height: 269px;
    }
    .ecomerce-img img {
        width: 80%;
        height: auto;
        float: right;
    }
    .ecomerce-img::after {
        width: 598px;
        height: 339px;
    }
    .ecomerce-img::before {
        width: 516px;
        height: 171px;
        border-radius: 0 130px 90px 0;
        left: -68px;
    }
    .softdevlop-img::before {
        width: 548px;
        height: 239px;
        border-radius: 21px 0 60px;
    }
    .softdevlop-img::after {
        width: 450px;
        height: 260px;
        border-radius: 96px 0 75px;
    }
    .services-title h2 {
        font-size: 23px;
        line-height: 30px;
        margin: 0;
    }
    .services p {
        font-size: 14px;
        line-height: 26px;
        margin: 0 0 20px;
        width: auto;
    }
    .cta-btn,
    .index-sec-4 .product-wrapper,
    .services-content h2 {
        margin: 0 0 10px;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .index-sec-4 .gen-heading {
        font-size: 19px;
        line-height: 31px;
        text-align: left;
        margin: 0 !important;
    }
    .index-sec-4:after {
        height: 285px;
    }
    img.img-fluid.bannbg {
        height: 400px;
        display: block;
    }
    .index-sec-5 .product-wrapper {
        padding: 20px 0 40px;
    }
    .form_left h1,
    .gen-heading,
    .why_ctext h2 {
        font-size: 20px;
    }
    .gen-text,
    .out_s_text p,
    .step_text p {
        font-size: 13px;
        line-height: 20px;
    }
    .index-sec-5 {
        min-height: auto;
        padding: 3% 0 0;
    }
    .brand-contentwrapper {
        padding: 20px 40px;
        max-width: inherit;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 230px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .blog_slider_sec,
    .footer::after,
    .nubering,
    .stellarnav li {
        position: relative;
    }
    .award-content .gen-text {
        font-size: 13px;
        max-width: inherit;
    }
    .mob_app_body .big-headings span.h1 {
        font-size: 60px;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        left: 0;
        max-width: 100px;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 360px;
        min-height: 370px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 50px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 70px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .blog_slider_head {
        padding: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
    }
    .blog_slider_head h1,
    .blog_slider_head h2 {
        font-size: 30px;
    }
    .blog_container {
        padding: 0 15px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -100px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .card_bottom h3 {
        font-size: 16px;
    }
    .form_right h1 {
        font-size: 25px;
    }
    .form_right p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 10px;
        color: #000;
    }
    .form_sec {
        padding: 30px 0;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .license_para p {
        text-align: center;
        font-size: 13px;
    }
    .bottom_link ul {
        gap: 2px;
        gap: 22px;
        font-weight: 500;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    .services.staff_aug .services-title h2 {
        font-size: 27px;
        line-height: 20px;
        margin: 0;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 20px 10px 0;
    }
    .services-title p {
        width: 100%;
        font-size: 14px;
    }
    .pro_text h5 {
        font-size: 15px;
    }
    .pro_text p {
        font-size: 13px;
        line-height: 19px;
    }
    .carousel-control-next {
        right: -50px;
    }
    .carousel-control-prev {
        left: -60px;
    }
    .stellarnav li {
        padding: 13px 0;
    }
    .numb span {
        font-size: 71px;
        line-height: 50px;
    }
    .footer_links1 a {
        font-size: 11px;
        line-height: 22px;
    }
    .Craft_sec .col-xs-8.col-sm-8.col-md-8.centerCol,
    .Smarter_sec .col-xs-12.col-sm-7.col-md-7.centerCol,
    .enterprise_software_development .Craft_sec .col-xs-8.centerCol,
    .mega_menu .row .col-md-3,
    .roi_sec .centerCol,
    .step_text {
        width: 100%;
    }
    .footer_links1 span.para {
        font-size: 16px;
        line-height: 25px;
    }
    .footer_top_left a {
        margin: 10px 0 0;
        font-size: 17px;
    }
    .main_slider img.d-block.w-100 {
        height: 70vh;
    }
    .con .banner_text h1 {
        margin: 0 0 20px;
        font-size: 42px;
        line-height: 55px;
    }
    .roi_main .h4 {
        font-size: 13px;
        line-height: 20px;
        width: auto;
    }
    .counter {
        font-size: 40px;
        line-height: 45px;
        margin: 0 0 10px;
    }
    .h6,
    h6 {
        font-size: 13px;
        line-height: 20px;
        margin: 0;
    }
    .blu_icon_div img {
        margin: -40px 0 0 -30%;
    }
    .blue_sec .h3 {
        font-size: 20px;
        margin: 10px 0;
        line-height: 25px;
    }
    .header-wrap {
        flex-wrap: unset;
        height: 100%;
        width: 119%;
    }
    .roi_sec .main_heading .h3 {
        width: 100%;
        font-size: 22px;
        line-height: 27px;
    }
    .need_for_sec .row .col-md-3,
    .roi_sec .col-md-3 {
        width: 50%;
    }
    .roi_main {
        margin: 0 0 30px;
        min-height: 290px;
    }
    .gsec {
        margin: 0;
    }
    .global-btn a {
        margin: 0 10px 0 0;
    }
    .f_links {
        width: 25%;
        margin: 0 auto;
    }
    .blog_box .h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .heading_ser h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .services-content h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .services.whatwe .services-img::after {
        width: 667px;
    }
    .services.what_we .web-img::after {
        width: 615px;
    }
    .brand-contentwrapper {
        width: 80%;
    }
    .choose_div a img {
        width: 40%;
    }
    .choose_div a {
        top: -70px;
        left: 30px;
        width: 75px;
        height: 75px;
    }
    .h3,
    .out_s_text h1,
    .out_s_text h1 .gardient_text,
    .out_s_text h3,
    .out_s_text h3 .gardient_text {
        font-size: 21px;
        line-height: 25px;
    }
    .h4 {
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
    }
    .tech_list ul {
        flex-wrap: wrap;
    }
    .tech_head .h2 {
        font-size: 19px;
    }
    .pro_text {
        margin: 0 0 -180px;
    }
    .process_sec {
        padding: 5% 10px 20%;
    }
    .global-approch .carousel-control-prev {
        left: -20px;
    }
    .baner_btn ul {
        flex-direction: inherit;
    }
    .banner_sec.about .banner_text h1 {
        font-size: 20px;
        line-height: 36px;
    }
    .web-company-text h3 {
        font-size: 19px;
        line-height: 30px;
    }
    .web-company-text p {
        line-height: 20px;
    }
    .blog_sec.what_we.mbaa .heading_ser h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .col-xs-12.col-sm-12.col-md-3.bx-widt {
        width: 33%;
    }
    .web-img img {
        width: 100%;
        margin: 0;
    }
    .form_left span,
    .form_right span {
        font-size: 25px;
        line-height: 35px;
    }
    .blog_sec.what_we.mbaa .mb_box {
        min-height: 440px;
    }
    .what_we_do_sec.gamee:after {
        background-size: 70%;
    }
    .main_heading .h3 {
        width: auto;
    }
    .mobile_app_sec p {
        margin: 20px auto 0;
    }
    .blog_sec.what_we.mbaa .col-md-3 {
        width: 31%;
    }
    .blog_sec.what_we.mbaa .mb_box .h4 {
        font-size: 14px;
        line-height: 20px;
    }
    .mobile_app_sec:before {
        background-size: 84%;
    }
    .mobile_app_sec:after {
        right: -100px;
        background-size: 67%;
    }
    .augment_head .h2 {
        font-size: 26px;
    }
    .augment_head p {
        font-size: 12px;
        line-height: 22px;
    }
    .step_text .h4 {
        font-size: 15px;
        line-height: 21px;
    }
    .augment_main .h4,
    .need_text .h4 {
        font-size: 13px;
    }
    .Delight_text,
    .adv_text,
    .need_text,
    .step_text {
        height: auto;
    }
    .need_text .h4 {
        margin: 10px 0 0;
    }
    .testmonial_sec .soft_head .h2 {
        font-size: 55px;
        line-height: 50px;
    }
    .adv_text span.h4 {
        font-size: 14px;
        line-height: 16px;
    }
    .step_text.one:before {
        background-size: 68%;
        top: 80px;
    }
    .step_text.two:before {
        background-size: 59%;
        left: -274px;
    }
    .step_text.one:after,
    .step_text.three:after,
    .step_text.two:after {
        font-size: 270px;
    }
    .testmonial_sec .soft_head h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text {
        font-size: 23px;
        line-height: 32px;
    }
    .form_right h4 {
        font-size: 30px;
        line-height: 45px;
    }
    .out_s_text ul li {
        font-size: 10px;
        line-height: 20px;
    }
    .testmonial_sec .soft_head h4 {
        font-size: 16px;
        line-height: 26px;
    }
    #counter-box p {
        font-size: 14px;
        line-height: 25px;
    }
    span.h3 {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 10px;
    }
    .counter:after {
        top: -2px;
        width: 118px;
        height: 100px;
        background-size: 30%;
    }
    .need_text.ing .h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .banner_sec.ott.it_staff:after {
        width: 640px;
        height: 640px;
        background-size: 97%;
    }
    .Delight_text p {
        font-size: 13px;
        line-height: 22px;
    }
    .nubering:after {
        height: 1040px;
    }
    .nubering .one {
        top: 11px;
    }
    .nubering .two {
        top: 180px;
    }
    .nubering .three {
        top: 390px;
    }
    .nubering .four {
        top: 560px;
    }
    .nubering .five {
        top: 740px;
    }
    .nubering .six {
        top: 890px;
    }
    .nubering span {
        font-size: 20px;
        height: 60px;
        width: 60px;
    }
    .travel_app_development .need_text.ing {
        height: 280px;
    }
    .devTeam_text img {
        margin: 0 20px 140px 0;
    }
    .devTeam_sec .h2,
    .devTeam_sec h2,
    .home .banner_text p {
        font-size: 25px;
        line-height: 30px;
    }
    .bottom_link ul li a {
        padding: 0 0 0 4px;
        font-size: 9px;
        line-height: 25px;
    }
    .soft_head h2,
    .soft_head h2 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 24px;
        line-height: 30px;
        margin: 0;
    }
    .mobile_head h2,
    .mobile_head h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 0;
    }
    .devTeam_text h3,
    .devTeam_text h4,
    .devTeam_text h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .devTeam_text p {
        font-size: 13px;
        line-height: 16px;
    }
    .card_bottom .h3 {
        font-size: 17px;
        line-height: 26px;
    }
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2 {
        text-align: left;
        font-size: 21px;
        line-height: 29px;
    }
    .gardient_text,
    .three_step .augment_head .gardient_text {
        font-size: inherit;
    }
    .banner_sec.it_staff:after {
        width: 430px;
        height: 710px;
        right: -8px;
        background-size: 100%;
    }
    .h2,
    h2 {
        font-size: 23px;
        line-height: 1.3;
    }
    .fa_head .h3 {
        font-size: 21px;
    }
}
@media (max-width: 768px) {
    .full-modal-contant p {
        font-size: 30px;
    }
     .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    .ind-para {
        font-size: 16px;
    }
    #need_main .col-md-7 .row .col-md-5,
    #need_main .col-md-7 .row .col-md-7,
    .exp_sec .col-xs-12.col-sm-6.col-md-6,
    .footer_links1 ul,
    .it-staff-augmentation .why_choose .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
        width: 100%;
    }
    .work_one {
        position: absolute;
        top: -589px;
        left: 56px;
        width: 270px;
    }
    .work_two,
    .work_two.ss2 {
        top: inherit;
        position: absolute;
    }
    .btn.btn_dev,
    .work_two {
        width: 190px;
    }
    .work_two {
        left: -10px;
        bottom: 39px;
    }
    .work_two.ss2 {
        left: 22px;
        bottom: 99px;
    }
    .header-button .btn.btn_dev {
        width: 145px;
        height: 45px;
        font-size: 11px;
    }
    .exp_img ul {
        gap: 20px;
        margin: 1% 0 0;
        flex-wrap: wrap;
    }
    .exp_img ul li a {
        height: 60px;
        width: 82px;
        border-radius: 8px;
    }
    .images_2.aos-init.aos-animate {
        margin-left: -38px;
    }
    .out_s_img {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .out_source_sec {
        padding: 15% 0;
    }
    .gen-text,
    .out_s_text p {
        font-size: 13px;
        line-height: 20px;
    }
    .btn.btn_black {
        width: 180px;
        height: 50px;
        font-size: 14px;
    }
    .devTeam_text img {
        margin: 0 20px 130px 0;
    }
    .services-title {
        padding: 0 0 0 5%;
    }
    .stf_img img {
        width: 64%;
    }
    .staff_list img {
        max-width: 40px;
        margin: 0 0 5px;
    }
    .col-xs-12.col-sm-12.col-md-8.col-lg-8.cust-col,
    .form_sec::after,
    .need_for_sec .row .col-md-3,
    .process_sec .col-xs-12.col-sm-12.col-md-8.col-lg-8.cust-col,
    .soft_sec .row + .row .col-xs-12.col-sm-4.col-md-4,
    .why_choose .col-md-4 {
        width: 50%;
    }
    .col-xs-12.col-sm-12.col-md-2.col-lg-2.cust-col,
    .process_sec .col-xs-12.col-sm-12.col-md-2.col-lg-2.cust-col {
        width: 25%;
    }
    .testmonial_sec .soft_head h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .testmonial_sec .carousel-indicators .tst_2[data-bs-target] {
        right: 30px;
        left: auto;
        top: 0;
        width: 50px;
    }
    .floating_imgs img,
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        width: 80px;
    }
    .testmonial_sec .carousel-indicators .tst_4[data-bs-target] {
        width: 70px;
        left: 120px;
        top: 0;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        width: 70px;
        left: 240px;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        width: 100px;
        left: 0;
    }
    .testmonial_sec .carousel-indicators .tst_7[data-bs-target] {
        left: 130px;
        top: 160px;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        left: 40px;
        top: 100px;
    }
    .desktop_view,
    .e_comm_app:after,
    .e_comm_app:before,
    .ec_div_right::before,
    .ec_div_right:after,
    .gchar-img img,
    .it-staff-augmentation .why_choose .col-xs-12.col-sm-6.col-md-6.col-lg-6 + .col-xs-12.col-sm-6.col-md-6.col-lg-6,
    .step_text.one:before,
    .step_text.two:before {
        display: none;
    }
    .main_slider .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .web-company {
        padding: 5% 0 30px;
    }
    .optmization-services .col-md-4 {
        flex: 0 0 auto;
        width: 49.333333%;
    }
    span.h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .roi_sec .main_heading .h3 {
        font-size: 20px;
        line-height: 27px;
    }
    .process_sec {
        padding: 5% 10px;
    }
    .mob_app_sec {
        padding: 40px;
        min-height: 530px;
        margin: 30px 0 0;
    }
    .form_right .text_box {
        padding: 9px 15px;
    }
    .pe-0 {
        padding-right: 10px !important;
    }
    .form_left img {
        padding: 20px 0 0;
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
    }
    .award-rightwrapper {
        padding: 4% 0 0;
    }
    .award-logo img {
        margin: 0 auto;
        display: block;
    }
    .cta-btn {
        font-size: 12px;
        padding: 0;
    }
    .banner_sec {
        padding: 14% 0;
    }
    .banner_text h4 {
        font-size: 12px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .logo img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner_text p {
        font-size: 13px;
        line-height: 24px;
        margin: 0 0 20px;
        width: auto;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    .adv_text p,
    .banner-txt,
    .faq_div .accordion-button,
    .product-wrapper a {
        font-size: 14px;
    }
    .button_sec a {
        padding: 7px 8px;
        height: 39px;
        width: 100%;
    }
    .mob_app_body .big-headings h1,
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .tab_bg {
        left: 0;
    }
    .tab_list_text h4 {
        font-size: 22px;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul {
        display: flex;
        flex-direction: inherit;
    }
    .baner_btn ul li a {
        width: 205px;
        font-size: 13px;
        color: #fff;
        margin: 0 0 20px;
    }
    .header-right {
        width: calc(100% - 0px);
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .globl-content h2 {
        font-size: 17px;
        line-height: 27px;
        margin: 10px 0;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 10px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
        display: block;
    }
    .global-approch .carousel-control-prev {
        left: -47px;
        bottom: 390px;
    }
    .global-approch .carousel-control-next {
        right: -47px;
        bottom: 390px;
    }
    .heading_ser h2,
    .hire_div h4 {
        font-size: 26px;
        line-height: 35px;
    }
    .hire_div h3 {
        font-size: 31px;
        font-weight: 600;
        margin: 10px 0;
    }
    .pro_text.bottom {
        position: inherit;
        bottom: auto;
    }
    .pro_text {
        margin: 0 0 30px;
    }
    .services-img::after,
    .web-img::after {
        width: 387px;
        height: 269px;
    }
    .ecomerce-img img {
        width: 80%;
        height: auto;
        float: right;
    }
    .ecomerce-img::after {
        width: 488px;
        height: 339px;
    }
    .ecomerce-img::before {
        width: 206px;
        height: 171px;
        border-radius: 0 130px 90px 0;
        left: -68px;
    }
    .softdevlop-img::before {
        width: 398px;
        height: 239px;
        border-radius: 21px 0 60px;
    }
    .softdevlop-img::after {
        width: 340px;
        height: 260px;
        border-radius: 96px 0 75px;
    }
    .services-title h2 {
        font-size: 15px;
        line-height: 20px;
        margin: 0;
    }
    .services p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 20px;
        width: auto;
    }
    .augment_head h2,
    .index-sec-4 .product-wrapper,
    .services-content h2 {
        margin: 0 0 10px;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .index-sec-4 .gen-heading {
        font-size: 20px;
        line-height: 23px;
    }
    .index-sec-4 .gen-headingtwo {
        font-size: 35px;
        line-height: 60px;
        text-align: left;
    }
    .index-sec-4 {
        padding: 10% 0;
    }
    .index-sec-4:after {
        height: 175px;
    }
    img.img-fluid.bannbg {
        height: 740px;
        display: block;
    }
    .index-sec-5 .product-wrapper {
        padding: 20px 0 40px;
    }
    .form_left h1,
    .gen-heading {
        font-size: 20px;
    }
    .index-sec-5 {
        min-height: auto;
    }
    .brand-contentwrapper {
        padding: 20px 40px;
        max-width: inherit;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .f_links,
    .gsec,
    .h4 {
        margin: 0;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 150px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .award-content .gen-text {
        font-size: 13px;
        max-width: inherit;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100px;
    }
    .blog_slider_sec,
    .footer::after,
    .line_man {
        position: relative;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 230px;
        min-height: 220px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 40px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 40px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .blog_slider_head {
        padding: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
    }
    .blog_slider_head h1,
    .fa_head span small,
    .fa_head span.h3,
    .product-wrapper .gardient_text {
        font-size: 30px;
    }
    .blog_container,
    .container-fluid,
    .mobile_app_main {
        padding: 0 15px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -50px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .card_bottom h3 {
        font-size: 17px;
    }
    .form_left p,
    .para {
        font-size: 13px;
    }
    .form_right h1 {
        font-size: 25px;
    }
    .form_right p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 10px;
        color: #000;
    }
    .form_sec {
        padding: 30px 0;
    }
    .button_sec {
        flex-direction: column;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .license_para p {
        text-align: center;
        font-size: 13px;
    }
    .bottom_link ul {
        gap: 22px;
        font-weight: 500;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 20px 10px 0;
    }
    .services-title p {
        width: 100%;
        font-size: 13px;
    }
    .pro_text h5,
    .pro_text p {
        font-size: 11px;
    }
    .pro_text p {
        line-height: 17px;
    }
    .form_sec .row {
        align-items: center;
    }
    .f_links {
        width: 33%;
    }
    .blue_d_right {
        top: 30px;
        right: 130px;
        max-width: 140px;
    }
    .red_circle_left {
        top: 100px;
        left: 170px;
        max-width: 70px;
    }
    .red_circle_right {
        right: 240px;
    }
    .blue_d_left {
        left: 170px;
    }
    .carousel-control-next {
        right: -30px;
    }
    .carousel-control-prev {
        left: -30px;
    }
    .header-wrap {
        flex-wrap: unset;
        height: 100%;
        width: 100%;
    }
    .blu_icon_div img {
        margin: -6% 0 0 -23%;
        width: 20%;
    }
    .agree_box {
        justify-content: space-between;
        max-width: 380px;
        flex-wrap: wrap;
        align-items: center;
    }
    .global-btn a {
        margin: 0 10px 0 0;
    }
    .blog_box .h4 {
        font-size: 15px;
        line-height: 19px;
        width: 184px;
    }
    .services-content h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .services.whatwe .services-img::after {
        width: 537px;
        height: 200px;
    }
    .services.what_we .web-img::after {
        width: 455px;
    }
    .brand-contentwrapper {
        width: 80%;
    }
    .choose_div a img,
    .col-xs-12.col-sm-4.col-md-8.col-lg-8.cust-col {
        width: 40%;
    }
    .choose_div a {
        top: -70px;
        left: 30px;
        width: 75px;
        height: 75px;
    }
    .h3 {
        font-size: 21px;
        line-height: 25px;
    }
    .h4 {
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
    }
    .tech_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .tech_head .h2 {
        font-size: 19px;
        line-height: 28px;
    }
    .what_we_do_sec h2 {
        font-size: 15px;
        line-height: 20px;
    }
    .blog_box p {
        font-size: 11px;
        line-height: 22px;
    }
    .hire_sec .index-sec-4 .gen-heading {
        font-size: 18px;
        line-height: 28px;
    }
    .main_slider img.d-block.w-100 {
        height: 100vh;
    }
    .carousel-inner .bam_img img {
        width: 60% !important;
        margin: 0 auto;
    }
    .banner_text_main {
        padding: 10% 0 0;
    }
    .first-global.global-img::after {
        top: 0;
    }
    .baner_btn ul {
        display: flex;
        gap: 11px;
    }
    .pro_img.moving img {
        margin: 120px auto;
        display: block;
    }
    .col-xs-12.col-sm-4.col-md-2.col-lg-2.cust-col {
        width: 30%;
    }
    .web-development .bam_img img {
        width: 100%;
        padding: 20px 0 0;
    }
    section.brand_slider_sec .col-xs-12.col-sm-3.col-md-2.col-lg-2 {
        width: 53%;
    }
    .brand_text .h4 {
        font-size: 27px;
        line-height: 40px;
    }
    .bloog .services-title {
        margin: 0 0 0 20px;
    }
    .services-text {
        padding: 2px 6px 1px;
    }
    .con .banner_text h1 {
        font-size: 46px;
        line-height: 55px;
    }
    .choose_div {
        min-height: 120px;
    }
    .blog_sec.what_we.mbaa .heading_ser .h3 {
        font-size: 26px;
        line-height: 34px;
        width: 100%;
    }
    .process_sec .centerCol {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .hire_div p {
        font-size: 15px;
        width: 100%;
        margin: 20px auto 80px;
        color: #000;
    }
    .home .type-text {
        height: 50px;
    }
    .home .banner_text p {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        margin: 10px auto 20px;
    }
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 27px;
        line-height: 32px;
    }
    .services.staff_aug {
        padding: 3% 15px 2%;
    }
    .my-services h2,
    .my-services h2 span {
        font-size: 23px;
        line-height: 25px;
        margin: 0 0 10px;
        width: 100%;
    }
    .logo img {
        width: 90%;
        margin: 10px 0 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile_app_imeg img,
    .right_col_main .mobile_app_imeg img {
        width: 100%;
        float: right;
    }
    .benifit_head h3 {
        font-size: 23px;
        line-height: 34px;
        margin: 0 0 10px;
    }
    .benifit_div h4 {
        font-size: 11px;
        line-height: 17px;
        margin: 0 0 7px;
    }
    .app_dev_div h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .app_dev_div p {
        font-size: 13px;
        line-height: 21px;
    }
    .need_text h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .cost_text p,
    p {
        font-size: 13px;
        line-height: 22px;
    }
    .cost_text h4 {
        font-size: 18px;
        line-height: 19px;
        margin: 0 0 10px;
        font-weight: 700;
    }
    .need_text p {
        margin: 0 0 20px;
    }
    .staff_text h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .staff_text ul li {
        font-size: 13px;
        line-height: 24px;
    }
    .benifit_div p {
        font-size: 13px;
        color: #000;
        font-weight: 500;
        line-height: 17px;
    }
    #imcs .out_s_text h3 .gardient_text {
        font-size: 18px;
        line-height: 29px;
    }
    #soft_sec_for_cmpage .soft_text h4 {
        font-size: 15px;
        line-height: 24px;
        margin: 10px 0;
    }
    #it_staff .media-text h2,
    #it_staff .media-text h3 {
        font-size: 32px;
        line-height: 20px;
    }
    .line_man {
        display: none;
    }
    .cost_text {
        height: 212px;
    }
    #cma_bg .banner_sec.cma_bg .col-xs-12.col-sm-6.col-md-6 {
        width: 70%;
    }
    #it_staff .media-text h3,
    .testmonial_sec .soft_head h3 .gardient_text,
    h2 {
        font-size: 32px;
        line-height: 30px;
    }
    .augment_head .h2 {
        font-size: 26px;
    }
    .augment_head p {
        font-size: 12px;
        line-height: 22px;
    }
    .step_text .h4 {
        font-size: 16px;
        line-height: 21px;
    }
    .adv_text,
    .need_text,
    .step_text {
        height: auto;
    }
    .need_text .h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .testmonial_sec .soft_head .h2 {
        font-size: 55px;
        line-height: 50px;
    }
    .adv_text span.h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .augment_main .h4 {
        font-size: 16px;
        line-height: 17px;
        display: inline-block;
    }
    .three_step .augment_head .gardient_text {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
    }
    .step_text.one:before {
        background-size: 70%;
        top: 130px;
    }
    .step_text.two:before {
        background-size: 70%;
        left: -309px;
    }
    .h2,
    h2 {
        font-size: 18px;
        line-height: 37px;
    }
    .testmonial_sec .soft_head h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text {
        font-size: 18px;
        line-height: 22px;
    }
    .form_right h4 {
        font-size: 28px;
        line-height: 33px;
    }
    .blog_slider_head h2 {
        font-size: 21px;
    }
    .out_s_text ul li {
        font-size: 10px;
        line-height: 20px;
    }
    .testmonial_sec .soft_head h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .step_text.one:after,
    .step_text.three:after {
        left: -70px;
    }
    .step_text.one:after,
    .step_text.three:after,
    .step_text.two:after {
        font-size: 220px;
    }
    .mobile_head h2,
    .mobile_head h3 {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
    }
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 13px;
        line-height: 16px;
    }
    .devTeam_text {
        height: 230px;
    }
    .footer_top_left a img {
        width: 60%;
    }
    form#contact_form label {
        font-size: 12px;
        line-height: 14px;
    }
    .banner_sec.it_staff:after {
        width: 320px;
        height: 440px;
        right: -8px;
        background-size: 100%;
    }
}
@media (max-width: 575px) {
    .highlight::before {
        top: 16px;
        width: 78px;
        height: 10px;
    }
    .full-modal-contant h3 {
        font-size: 40px;
    }
    .full-modal-contant p {
        font-size: 32px;
        padding: 0 80px;
        line-height: 36px;
    }
    .full-modal-form input {
        padding: 15px 15px;
        width: 400px;
    }
    .full-btn a {
        width: 400px;
        height: 55px;
    }
    .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    .banner_sec.about:after,
    .banner_sec.con:before,
    .banner_sec.home:after,
    .big_image,
    .blog_sliders.alee-slider .owl-nav,
    .channel-development::after,
    .e_comm_app:after,
    .e_comm_app:before,
    .ec_div_right::before,
    .ec_div_right:after,
    .ecomerce-img::after,
    .ecomerce-img::before,
    .email-media::after,
    .email-media::before,
    .explainer-services:before,
    .ios-banner:before,
    .mega_menu span.h5,
    .message-box::after,
    .message-box::before,
    .moving_images,
    .services-img::after,
    .services.explainer-services .owl-nav,
    .site_map_main .ring:after,
    .softdevlop-img::after,
    .softdevlop-img::before,
    .staffing-wrap .why_img img,
    .stellarnav .comp_btn,
    .testmonial_sec .carousel-indicators,
    .top_line2::before,
    .top_line::before,
    .video-exp:before,
    .video_sec,
    .web-img::after,
    section.lead-details:after,
    span.gen-heading br {
        display: none;
    }
    .terms h1 {
        font-size: 33px;
        margin: 0 0 14%;
        text-align: center;
    }
    .footer_license,
    .form_sec,
    .services {
        padding: 30px 0;
    }
    .type-text-style {
        text-decoration-thickness: 2px;
        font-size: 20px !important;
        line-height: 1px;
        position: relative;
        top: -5px;
        padding: 0 5px !important;
    }
    .work_one,
    .work_two.ss2 {
        top: -1050px;
    }
    .footer_icons i {
        font-size: 14px;
        padding: 0 13px 0 0;
    }
    .case-studies-port .banner_text p {
        font-size: 16px;
        line-height: 23px;
    }
    .case-studies-port.banner_sec.it_staff {
        padding: 2% 0;
        background: 0 0;
    }
    .case-study-box h5 {
        font-size: 28px;
    }
    .case-study-box p {
        font-size: 16px;
        padding: 3px 0 0;
        line-height: 22px;
    }
    .case-study-box.case-study-box-2,
    .case-study-box.case-study-box-3 {
        margin: 37px 0 0;
    }
    .case-study-box.case-study-box-4 {
        margin: 37px 0;
    }
    .offcanvas-end {
        overflow-x: auto;
    }
    .offcanvas-header {
        padding: 0.5rem 1rem 1rem;
    }
    .work_flow {
        height: 580px;
    }
    .work_one {
        position: absolute;
        left: 10px;
        width: 270px;
    }
    .work_two,
    .work_two.ss2 {
        left: 300px;
        width: 230px;
        position: absolute;
    }
    .work_two {
        top: inherit;
        bottom: 689px;
    }
    .work_one.ss3 {
        position: absolute;
        top: -856px;
        left: 10px;
    }
    .why_tabs ul li a {
        font-size: 22px;
        width: 100%;
    }
    .footer_links1 ul {
        margin: 10px 0;
        width: 100%;
    }
    .ind-para {
        font-size: 16px;
    }
    .license_para h3 {
        margin-bottom: 10px;
    }
    .f_links h5 {
        margin-bottom: 5;
    }
    .locations-text-sec h4 {
        padding: 15px 0 0;
    }
    .locations-text-sec img {
        max-width: 240px;
        border-radius: 20px;
    }
    .locations-text-sec {
        max-width: 240px;
        height: 460px;
    }
    .contact-form-staff label {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .contact-form-staff {
        padding: 35px 10px 0;
    }
    .contact_us,
    .source-about .container-fluid {
        padding: 0 10px;
    }
    .f_links02 {
        width: 100% !important;
    }
    .contact-staff-sec-1 h1 {
        font-size: 2.25rem;
        padding-bottom: 0;
        line-height: 40px !important;
        letter-spacing: -2px;
        max-width: 100%;
    }
    .global-office h2,
    .ready-to-begin h2 {
        line-height: 41px;
        letter-spacing: -1px;
    }
    .contact_us .banner_sec.it_staff {
        height: auto;
        padding: 10% 0 20px;
    }
    .ready-to-begin h2 {
        font-size: 2.25rem;
    }
    .Craft_sec h2,
    .Reli_sec.hir .Reli_text .h2,
    .Reli_sec.hir .Reli_text h2,
    .Smarter_sec .h2,
    .arvr_text h3,
    .augment_head .h2,
    .banner_slider_main .type-text,
    .fa_head .h3,
    .fa_head span small,
    .fa_head span.h3,
    .need_head .h2,
    .ready-to-begin p,
    .rewrite_img .h4 {
        font-size: 20px;
    }
    .contact-form-staff .send-msg-btn {
        padding: 10px 0;
        font-size: 0.75rem;
    }
    .global-office h2 {
        font-size: 2.25rem;
        margin-bottom: 0;
    }
    .contact-staff-sec-1 p,
    .global-office p {
        line-height: 25px;
        font-size: 1rem;
    }
    .global-office {
        padding: 0 0 30px;
    }
    .contact-staff-sec-1 p {
        max-width: 510px;
    }
    .contact-staff-sec-2 {
        margin-top: 30px;
    }
    .contact-staff-sec-2 p {
        font-size: 1rem;
        margin: 0 0 10px;
    }
    .contact-form-staff input {
        padding: 25px 15px;
        margin-bottom: 20px;
        height: 3rem;
    }
    .contact-form-staff textarea {
        padding: 30px 15px;
        margin-bottom: 20px;
    }
    .work_flow {
        overflow: hidden;
        background: unset;
        padding: 5% 0;
        background-size: 84%;
        background-position: center;
    }
    .site-main ul li,
    .slick-slide img {
        display: block;
        width: 100%;
    }
    .test_hed .col-xs-12.col-sm-9.col-md-9 {
        width: 85%;
    }
    .test_hed .col-xs-12.col-sm-3.col-md-3 {
        padding-right: 0;
        width: 15%;
    }
    .header-button .btn.btn_dev {
        width: 130px;
        height: 45px;
        font-size: 11px;
        margin: 0;
        padding: 0 10px;
    }
    .andriod-left p,
    .andriod-right p,
    .blog_box p,
    .cost_text p,
    .hire-text p,
    .lan-tabs .tab-content p,
    .out_s_text p,
    .source-about-title p,
    .white-anim-text p {
        font-size: 13px;
        line-height: 22px;
    }
    .out_s_img img {
        width: 70%;
        display: block;
        margin: 0 auto 30px;
    }
    .soft_head p {
        font-size: 15px;
        line-height: 27px;
    }
    .soft_text {
        margin: 5% 0 0;
        height: 210px;
        padding: 10px;
    }
    .mobile_app_imeg img,
    .right_col_main .mobile_app_imeg img {
        margin: 0 0 10px;
    }
    .right_col_main.aos-init.aos-animate .row {
        flex-direction: column-reverse;
    }
    .mobile_app_imeg_main img {
        width: 80%;
        margin: 30px auto;
        display: block;
    }
    .WooCommerce-development .arvr_box,
    .WooCommerce-development .need_text.ing,
    .adv_text,
    .affordable-seo-services .need_text.ing,
    .android-development-services .arvr_sec .arvr_box,
    .android-development-services .icon_app_div,
    .android-development-services .need_text.ing,
    .android-game-development .arvr_box,
    .android-game-development .need_text.ing,
    .angular-development-services .arvr_box,
    .angular-development-services .need_text.ing,
    .animated-social-media-videos .need_text.ing,
    .api_intergration_services .need_text.ing,
    .app-support-and-maintenance .need_text.ing,
    .app_store_optimization .need_text.ing,
    .ar-vr-app-development .arvr_box,
    .ar-vr-app-development .need_text.ing,
    .b2b-email-marketing-services .need_text.ing,
    .bigcommerce-development-services .arvr_box,
    .bigcommerce-development-services .need_text.ing,
    .codeigniter-development-services .arvr_box,
    .custom_web_design .need_text.ing,
    .d2-animation .need_text.ing,
    .d3-animation .need_text.ing,
    .d3_game_development .arvr_box,
    .d3_game_development .need_text.ing,
    .data_analytics_services .need_text.ing,
    .devTeam_text,
    .devops-services .need_text.ing,
    .explainer-videos-services .need_text.ing,
    .express-js-development-services .arvr_box,
    .flutter-app .arvr_box,
    .flutter-app .need_text.ing,
    .food_delivery_app .need_text.ing,
    .game-development-outsourcing .arvr_box,
    .game-development-outsourcing .need_text.ing,
    .headless-cms-development .arvr_box,
    .headless-cms-development .need_text.ing,
    .hire-cross-platform-developers .out_text,
    .hire-flutter-developers .out_text,
    .hire-ionic .out_text,
    .hire-react-native .out_text,
    .hire-scala-developerser .icon_app_div,
    .hire-shopify-developers .icon_app_div,
    .hire-swift-developers .out_text,
    .ios-game-development .arvr_box,
    .ios-game-development .need_text.ing,
    .iot-app-development .arvr_box,
    .iot-app-development .need_text.ing,
    .it_consulting_services .need_text.ing,
    .kotlin_app_development .arvr_box,
    .kotlin_app_development .need_text.ing,
    .laravel-development-services .arvr_box,
    .laravel-development-services .need_text.ing,
    .magento-development-services .arvr_sec .arvr_box,
    .magento-development-services .need_text.ing,
    .metrojs-development-services .arvr_box,
    .metrojs-development-services .need_text.ing,
    .mvp .need_text.ing,
    .my-media .tab-pane,
    .my-media.onpage .tab-pane,
    .need_text.ing,
    .nft-game-development .arvr_box,
    .nft-game-development .need_text.ing,
    .node-js-development .arvr_box,
    .node-js-development .need_text.ing,
    .nopcommerce-development-services .arvr_box,
    .nopcommerce-development-services .need_text.ing,
    .orm .need_text.ing,
    .ott_platform_development.seo.iosp .need_text.ing,
    .ott_platform_development.seo.iosp.odm .need_text.ing,
    .php-development .arvr_box,
    .ppc-pay-per-click-services .need_text.ing,
    .product_managment_consulting .need_text.ing,
    .progressive-web .need_text.ing,
    .qa-and-testing-services .need_text.ing,
    .react-native-app-development .arvr_box,
    .react-native-app-development .need_text.ing,
    .reactjs-development .arvr_box,
    .reactjs-development .need_text.ing,
    .saas .need_text.ing,
    .shipping-integration-services .need_text.ing,
    .shopify-development-services .arvr_box,
    .shopify-development-services .need_text.ing,
    .social-media-marketing .need_text.ing,
    .social_api_integration_services .need_text.ing,
    .software-product-development .need_text.ing,
    .software_testing .need_text.ing,
    .startup_consulting_services .need_text.ing,
    .symfony-development-services .arvr_box,
    .symfony-development-services .need_text.ing,
    .testmonial_sec .carousel-inner,
    .travel_app_development .need_text.ing,
    .travel_app_development.on_demand .need_text.ing,
    .ui_ux_design_services .need_text.ing,
    .unity-game-development .arvr_box,
    .unity-game-development .need_text.ing,
    .unreal_game_development_services .arvr_box,
    .unreal_game_development_services .need_text.ing,
    .vuejs-development-services .arvr_box,
    .vuejs-development-services .need_text.ing,
    .wearable-app-development .arvr_box,
    .web-development-services .need_text.ing,
    .webflow-development .arvr_box,
    .webflow-development .need_text.ing,
    .whiteboard-animation-services .need_text.ing,
    .wordpress-development-services .arvr_box,
    .wordpress-development-services .need_text.ing,
    .yii-development-services .arvr_box,
    .zend-development-services .arvr_box {
        height: auto;
    }
    .services-content {
        padding: 0 20px;
    }
    .ab .globl-content,
    .app_dev_text,
    .blog_slider_head,
    .blu_right_main,
    .cta-btn,
    .extspace,
    .globl-content,
    .out_s_text.text_pad h2,
    .saas .banner_sec,
    .services-title,
    .services.staff_aug .services-content,
    .tech_sec,
    .travel_app_development .need_head {
        padding: 0;
    }
    #cma_bg .banner_sec.cma_bg .col-xs-12.col-sm-6.col-md-6,
    #need_main .col-md-7 .row .col-md-5,
    #need_main .col-md-7 .row .col-md-7,
    .banner_sec.ppc-banner .col-xs-12.col-sm-6.col-md-6.col-lg-6,
    .brand_slider_sec .col-xs-12.col-sm-9.col-md-10.col-lg-10,
    .col-xs-12.col-sm-12.col-md-3.bx-widt,
    .comp_btn a,
    .details-content,
    .dev-opps-content,
    .enterprise_software_development .Craft_sec .col-xs-8.centerCol,
    .hire_sec .col-sm-4,
    .hire_sec .col-sm-8,
    .icon_app_sec.hid .col-xs-12.col-sm-6.col-md-6.centerCol,
    .it-staff,
    .lead-grn-title,
    .mobile_app_main .col-sm-4,
    .mobile_app_sec .col-xs-12.col-sm-3.col-md-3.col-lg-3,
    .mobile_app_sec .col-xs-12.col-sm-6.col-md-6.col-lg-6,
    .optmization-services .col-md-4,
    .outsrc-content,
    .process_sec .col-xs-12.col-sm-12.col-md-2.col-lg-2.cust-col,
    .process_sec .col-xs-12.col-sm-12.col-md-8.col-lg-8.cust-col,
    .roi_sec .col-md-3,
    .soft_sec .col-xs-12.col-sm-4.col-md-4,
    .soft_sec .row + .row .col-xs-12.col-sm-4.col-md-4,
    .source-about-text,
    .staff_list .col-xs-12.col-sm-3.col-md-4,
    .tech_sec .col-xs-12.col-sm-4.col-md-4.col-lg-4,
    .web-company-text p:nth-child(3),
    .what_we_do_sec.web-2 .col-xs-12.col-sm-6.col-md-6.col-lg-6,
    .why_choose .col-md-4,
    .why_choose .col-xs-12.col-sm-5.col-md-5.col-lg-5,
    .why_choose .col-xs-12.col-sm-7.col-md-7.col-lg-7,
    div#accordionExample .col-xs-6.col-sm-6.col-md-6.col-lg-6 {
        width: 100%;
    }
    .ext,
    .left_col .numb span,
    .left_col .pro_text.bottom,
    .pro_text,
    .right_col .numb span,
    .right_col_main,
    .services-content h4,
    .services-content span.h4 {
        text-align: left;
    }
    .stf_img img {
        width: 100%;
        margin: 30px 0 0;
    }
    .easy-animeted-text p,
    .footer_links1 a,
    .sec8-leftcontent span,
    .services-content ul li {
        font-size: 13px;
        line-height: 25px;
    }
    .chk_div p,
    .test_hed p {
        font-size: 14px;
    }
    .pro_text h4,
    .test_hed p {
        line-height: 28px;
    }
    .sec8-leftcontent.aos-init.aos-animate {
        margin: 0 0 40px;
    }
    .pro_text.bottom {
        position: unset;
        margin: 40px 0 0;
    }
    .process_sec {
        padding: 7% 10px 0;
    }
    .soft_head_btn {
        justify-content: center;
        margin: 0 0 30px;
    }
    .augment_head,
    .drop_menu .h3,
    .drop_menu.why,
    .index-sec-4 .product-wrapper,
    .moving,
    .right_col .numb span,
    .servisec .anchor_div,
    .soft_text h4 {
        margin: 0;
    }
    .blog_container,
    .container-fluid,
    .mobile_app_main,
    .services.staff_aug .col-md-6.col-sm-12.col-xs-12 {
        padding: 0 15px;
    }
    .staff_list {
        width: calc(75% - -148px);
    }
    .clucth img {
        float: none;
        width: 20%;
        margin: 0 0 50px;
    }
    .out_text.text-right small,
    .source-about .satrbtn,
    .test_text .col-xs-12.col-sm-6.col-md-6 {
        float: none;
    }
    .chk_div p {
        margin: -30px 0 0;
    }
    .top_line2::before,
    .top_line::before {
        width: 150px;
        top: 10%;
    }
    .bottom_link ul {
        gap: 10px;
        justify-content: center;
    }
    .bottom_link ul li a {
        line-height: 25px;
        padding: 0;
    }
    .exp_img ul li a {
        height: 70px;
        width: 89px;
    }
    .out_source_sec {
        padding: 15% 0 5%;
    }
    .bloog .staff_aug_head {
        padding: 5% 0 0;
    }
    .blog_card p {
        font-weight: 600;
    }
    .blog_box .h4,
    .blog_slider_head h2,
    .blog_slider_head h2 span,
    .e_com .banner_text h1,
    .h3,
    .hire_div h4,
    .hiring-title h4,
    .lead-grn-title h4,
    .main-lead-page .services-content h2,
    .media-text .h3,
    .media-text h3,
    .source-about .source-about-text h2,
    .tech.we.work h4,
    .video-explain .banner_text h1,
    span.h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .eight video {
        height: 100%;
    }
    .images_2.aos-init.aos-animate {
        margin-left: -126px;
    }
    .testmonial_sec .carousel-indicators .tst_1[data-bs-target] {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px !important;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        top: 0;
        right: 0;
    }
    .testmonial_sec .carousel-indicators .tst_7[data-bs-target] {
        right: 67px;
    }
    .testmonial_sec .carousel-indicators .tst_8[data-bs-target] {
        left: auto;
        top: 0;
        right: 160px;
    }
    a.menu-toggle {
        top: 12px;
    }
    .text_div {
        padding: 0 5%;
    }
    .banner_sec.it_staff h1,
    .banner_sec.it_staff h1 span,
    .banner_text h1,
    .banner_text h1 span {
        font-size: 2.25rem;
        margin: 10px 0 15px;
        letter-spacing: 0.1px;
    }
    .main_slider .col-sm-6,
    .mobile_app_main .col-sm-3,
    .mobile_app_main .col-sm-9,
    .soft_sec.col-sm-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .exp_text h3,
    .exp_text h3 .gardient_text {
        font-size: 25px;
        line-height: 30px;
    }
    .mobile_app_main .centerCol {
        width: 87%;
    }
    .button_sec,
    .mobile_app_div .row {
        flex-direction: column;
    }
    .mobile_app_imeg img,
    .right_col_main .mobile_app_imeg img {
        width: 15%;
        float: left;
    }
    .app_dev_div p,
    .lead-content p,
    .mobile_app_div p {
        font-size: 13px;
        line-height: 21px;
    }
    .testmonial_sec .soft_head h2,
    .what_we .counter {
        font-size: 30px;
        line-height: 35px;
    }
    .brand-contentwrapper,
    .form_left img {
        max-width: inherit;
    }
    .footer::after,
    .stellarnav,
    .stellarnav li {
        position: relative;
    }
    .banner_text_main,
    .counter_sec.what_we,
    .services-img,
    .staff_aug_head {
        padding: 10% 0 0;
    }
    .banner_sec.about:before {
        width: 160px;
        height: 200px;
    }
    .mob_app_sec {
        padding: 40px;
        min-height: 530px;
        margin: 30px 0 0;
    }
    .form_right .text_box {
        padding: 9px 15px;
    }
    .pe-0 {
        padding-right: 10px !important;
    }
    .form_left img {
        padding: 20px 0 0;
        width: 100%;
        margin: 0 auto;
    }
    .award-rightwrapper {
        padding: 4% 0 0;
    }
    .award-logo img {
        margin: 0 auto;
        display: block;
    }
    .banner_sec,
    .index-sec-4 {
        padding: 10% 0;
    }
    .banner_text h4 {
        margin: 0 0 3px;
    }
    .logo img {
        width: 80%;
        display: block;
        margin: 0;
    }
    .banner_text p {
        margin: 0 0 20px;
        width: auto;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    #thumbs .owl-item.active .item span,
    .arvr_text .h5,
    .banner-txt,
    .drop_menu .h3,
    .hire_sec .product-wrapper .h4,
    .product-wrapper a {
        font-size: 14px;
    }
    .button_sec a {
        padding: 7px 8px;
        height: 39px;
        width: 100%;
    }
    .mob_app_body .big-headings h1,
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .main_slider.ban .carousel-control-prev,
    .tab_bg {
        left: 0;
    }
    .tab_list_text h4 {
        font-size: 22px;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul {
        display: flex;
        flex-direction: inherit;
        gap: 10px;
    }
    .baner_btn ul li a {
        width: 180px;
        font-size: 12px;
        color: #fff;
        margin: 0 0 10px;
        height: 47px;
    }
    .header-right {
        width: calc(77% - 96px);
        justify-content: flex-start;
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        display: inline-flex;
        position: absolute;
        top: 6px;
        right: 10px;
    }
    .globl-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 40px 0 20px;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 20px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 20px;
    }
    .hire_div h3 {
        font-size: 31px;
        font-weight: 600;
        margin: 10px 0;
    }
    .card_bottom h3,
    .footer_top_left a,
    .form_left p,
    .hire_div p,
    .need_head .btn.btn_dev,
    .para,
    .pro_text h4,
    .roi_main .h4,
    .services-dual.list ul li {
        font-size: 13px;
    }
    .hire_div p {
        width: 100%;
        margin: 20px auto 80px;
    }
    .pro_text.bottom {
        position: inherit;
        bottom: auto;
    }
    .pro_text,
    .sec8-leftcontent {
        margin: 0 0 30px;
    }
    .services-title h2 {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
    }
    .services p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 20px;
        width: auto;
    }
    .index-sec-4 .product-wrapper,
    .services-content h2,
    .source-about-img img,
    .videos-img {
        margin: 30px 0 10px;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .ecomerce-img img {
        width: 100%;
        height: auto;
        float: none;
    }
    .index-sec-4 .gen-heading {
        font-size: 20px;
        line-height: 23px;
    }
    .index-sec-4:after {
        height: 175px;
    }
    img.img-fluid.bannbg {
        height: 840px;
        display: block;
    }
    .index-sec-5 .product-wrapper {
        padding: 20px 0 40px;
    }
    .blog_card p,
    .faq_div .accordion-button,
    .gen-text,
    .step_text p {
        font-size: 13px;
        line-height: 20px;
    }
    .index-sec-5,
    .optmization-services.afford .optmization-box,
    .web-development-main .chs .choose_div {
        min-height: auto;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 150px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .award-content .gen-text,
    .exp_text p {
        font-size: 13px;
        max-width: inherit;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100px;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 230px;
        min-height: 220px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 40px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 40px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
        position: relative;
    }
    .Igniting .h2,
    .blog_slider_head h1 {
        font-size: 30px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -50px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .form_right h1 {
        font-size: 25px;
    }
    .form_right p {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 22px;
        color: #000;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .bottom_link ul li a,
    .cta-btn {
        font-size: 11px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .blog_sec.what_we.mbaa .col-md-3,
    .f_links,
    .need_for_sec .row .col-md-3,
    .roi_sec .col-sm-3 {
        width: 50%;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .license_para p {
        text-align: center;
        font-size: 12px;
        margin: 15px 0;
    }
    .footer_license .col-12 {
        flex: 0 0 auto;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    #counter-box p,
    .brand_text,
    .counter {
        text-align: center;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 70px 30px 0;
    }
    .footer_icons,
    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul {
        max-width: 320px;
    }
    .footer_icons {
        max-width: inherit;
        margin: 10px 0 20px;
    }
    .services-title p {
        width: 100%;
        font-size: 13px;
    }
    .choose_div .h4,
    .pro_text h5,
    .source-about-text h2 {
        font-size: 15px;
    }
    .pro_text p {
        font-size: 12px;
        line-height: 17px;
    }
    .stellarnav ul ul:after {
        background: #6667ab00;
        border: 0;
    }
    .main_menu > ul > li > a:before {
        background: #ff000000;
    }
    .drop_menu p {
        line-height: 20px;
        margin: 0 0 20px;
    }
    .banner_text {
        padding: 7% 0 0;
    }
    .bam_img img {
        width: 81%;
        padding: 20px 0 0;
    }
    .award-logo {
        margin: 30px auto;
    }
    .footer_top_left .heading {
        font-size: 14px;
        line-height: 21px;
    }
    .gsec {
        margin: 0 0 0 16px;
    }
    .cutting_edege,
    .global-approch,
    .main-pcc-page .global-approch,
    .why_choose {
        padding: 5% 0;
    }
    .baner_btn ul {
        display: inline-flex;
    }
    .index-sec-6 {
        padding: 20px 0;
    }
    .lan-tabs .tab-buttons,
    .lan-tabs .tab-panel,
    .product-btn {
        margin-bottom: 0;
    }
    .main_slider img.d-block.w-100 {
        height: 100vh;
    }
    .global-approch.my-media.onpage.Add_Onto,
    .softdevlop-img {
        padding: 0 0 10%;
    }
    .numb span {
        font-size: 60px;
        line-height: 30px;
    }
    .pro_img.moving {
        display: flex;
        align-items: center;
        height: 100%;
    }
   .header-button a + a {
    font-size: 12px;
    margin:0;
    width: 142px;
  }
    .roi_sec .main_heading .h3 {
        width: auto;
        font-size: 18px;
        line-height: 25px;
    }
    .roi_main {
        margin: 0 0 20px;
        min-height: auto;
    }
    .roi_main .h4 {
        line-height: 17px;
        width: auto;
        margin: 10px 0 0;
    }
    .augment_head p,
    .roi_main p {
        font-size: 13px;
        line-height: 23px;
    }
    .need_head .btn.btn_dev {
        width: 200px;
        height: 41px;
    }
    .counter {
        font-size: 30px;
        line-height: 35px;
        margin: 0 auto 10px;
    }
    #counter-box p {
        line-height: 20px;
    }
    .blue_main .h6,
    .globl-content .h6,
    h6 {
        font-size: 15px;
        line-height: 15px;
        margin: 10px 0 0;
        display: block;
    }
    .global-approch.ab .container-fluid {
        padding-left: 15px;
    }
    .blue_sec .h3 {
        margin: 10px 0;
        font-size: 17px;
        line-height: 20px;
    }
    .footer_top_right span.heading {
        font-size: 20px;
        text-align: left;
        display: block;
    }
    .bottom_link ul {
        gap: 7px;
        font-weight: 500;
    }
    .roi_sec .col-sm-7 {
        width: 88.333333%;
    }
    .blu_icon_div img {
        float: none;
        margin: 0;
    }
    .blog_card {
        min-height: 330px;
    }
    .moving_images span:nth-child(5) {
        top: 11%;
    }
    .moving_images span:nth-child(4) {
        top: 25%;
        right: 1%;
    }
    .main_heading span.p {
        font-size: 12px;
        display: block;
        line-height: 20px;
    }
    .drop_menu span.h5 {
        display: none;
        font-size: 12px;
        width: 100%;
        font-weight: 400;
    }
    .easy-animeted-text,
    .footer_license .col-12 {
        width: auto;
    }
    .main_slider.ban .carousel-control-next {
        right: 0;
    }
    .main_slider.ban .carousel-control-next,
    .main_slider.ban .carousel-control-prev {
        top: 36%;
    }
    .first-global.global-img img {
        border-radius: 20px;
        height: 100%;
    }
    .brand_text .h4 {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }
    .brand_text .p {
        font-size: 12px;
        line-height: 15px;
    }
    .index-sec-4 .gen-text,
    p {
        line-height: 22px;
        font-size: 13px;
    }
    .index-sec-4 .gen-text {
        margin: 0 0 20px;
        width: auto;
    }
    .header-wrap {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset;
    }
    .global-btn.port a {
        width: 166px;
        margin: 0 10px 20px 0;
    }
    .con .banner_text h1 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 5px;
    }
    .header-button {
        margin-right: 60px;
    }
    .banner_sec.about .banner_text h1 {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 10px;
    }
    p {
        margin: 0 0 10px;
    }
    p.modal-pera-text {
        font-size: 12px !important;
    }
    .adv_text p,
    p.modal-pera-text a {
        font-size: 12px;
    }
    .agree_box {
        flex-wrap: inherit;
    }
    .what_we .counter:after {
        right: -20px;
    }
    .tech_list ul li {
        width: 35%;
        margin: 0 10px;
    }
    .tech_list ul li a {
        width: 115px;
        height: 115px;
    }
    .services-content h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .services.whatwe .services-img::after {
        width: 537px;
        height: 200px;
    }
    .services.what_we .web-img::after {
        width: 455px;
    }
    .choose_div a img {
        width: 40%;
    }
    .choose_div a {
        width: 75px;
        height: 75px;
        top: -60px;
        left: 30px;
    }
    .h4 {
        font-size: 13px;
        line-height: 20px;
        font-weight: 700;
        margin: 0;
    }
    .tech_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .optmization-tittle h2,
    .what_we_do_sec h2 {
        font-size: 15px;
        line-height: 20px;
    }
    .tech_head .h2 {
        font-size: 13px;
        line-height: 28px;
    }
    div#counter-box-container .col-sm-3 {
        width: 50%;
        margin: 0 0 20px;
    }
    section.blog_sec.what_we .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 50%;
        float: none;
        margin: 0 auto;
    }
    .blog_sec.what_we.mbaa .mb_box {
        margin: 10px 0;
        min-height: auto;
        height: 400px;
    }
    .optmization-box {
        padding: 25px 16px;
        min-height: auto;
    }
    .web-development-main .banner_text h1 {
        font-size: 19px;
        line-height: 26px;
    }
    .banner_sec.div-opps-banner .banner_text h1,
    .easy-animeted-text h2,
    .easy-animeted-text h3,
    .heading_ser h2,
    .hire-a-react-app .globl-content h2,
    .main-pcc-page .banner_text h1,
    .source-about-title h4,
    .tech-content h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .global-approch .carousel-control-next {
        right: -25px;
    }
    .global-approch .carousel-control-prev {
        left: -24px;
    }
    .profile-left img {
        margin: 0 0 0 10px;
    }
    .blue_d_left {
        left: 80px;
    }
    .red_circle_right {
        right: 230px;
        bottom: 0;
    }
    .profile-wrapper {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }
    .brand-contentwrapper {
        width: 100%;
        padding: 20px;
    }
    .banner_sec.e_com {
        padding: 22% 0 0;
    }
    .banner_sec.game_dev .banner_text h1 {
        font-size: 19px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .banner_sec.game_dev {
        padding: 23% 0 0;
    }
    .what_we_do_sec.gamee:after {
        background-size: 40%;
    }
    .col-12.col-md-3.col-lg-3.f_links.last,
    .our-people .Reli_img img {
        width: 80%;
    }
    .banner_sec.con.port {
        padding: 21% 0 18%;
    }
    .services-content h3,
    .services-content h4,
    .services-content h5,
    .services-content span.h4 {
        font-size: 15px;
        line-height: 18px;
        padding: 0;
        margin: 10px 0 5px;
    }
    .global-approch .carousel-control-next,
    .global-approch .carousel-control-prev {
        top: 43%;
    }
    .Craft_sec .h4,
    .Craft_sec h3,
    .Reli_sec .Reli_text .h4,
    .Reli_sec .Reli_text h2,
    .Reli_text h2,
    .advant_sec .augment_head .h4,
    .form_left span,
    .form_right h4,
    .form_right span,
    .icon_app_head .h4,
    .out_s_text h2,
    .out_s_text h3,
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text,
    .testmonial_sec .soft_head .h2,
    .testmonial_sec .soft_head h3,
    .testmonial_sec .soft_head h3 .gardient_text,
    .why_ctext h2,
    .why_ctext h3,
    .why_ctext span.h3 {
        font-size: 20px;
        line-height: 1.3;
    }
    .iot .banner_text h1 {
        font-size: 20px;
        line-height: 29px;
    }
    .optmization-boxtext span.h2 {
        font-size: 15px;
        line-height: 30px;
    }
    .optmization-boxtext p {
        font-size: 13px;
        line-height: 18px;
    }
    .media-text p {
        width: 100%;
        font-size: 12px;
        line-height: 21px;
    }
    .mobile_app_img.moving {
        width: 40%;
        margin: 20px auto;
    }
    .mobile_app_sec:after {
        top: 300px;
    }
    .opt .optmization-box {
        min-height: 290px;
    }
    .choose_div,
    .mb_text,
    .tech_head,
    .what-content p {
        font-size: 14px;
        left: 26px;
    }
    .optmization-tittle p {
        font-size: 16px;
        line-height: 24px;
    }
    .web-company-text p {
        line-height: 20px;
        font-size: 13px;
    }
    .what_we div#counter-box p {
        font-size: 10px;
        line-height: 15px;
    }
    .my-media .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        gap: 30px;
        justify-content: center;
        gap: 20px;
    }
    .channel-content span.h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .channel-content p {
        font-size: 13px;
        line-height: 27px;
    }
    .optmization-services.Why .optmization-box {
        padding: 25px 16px;
        min-height: 250px;
    }
    .channel-development {
        padding: 53% 0 0;
    }
    .media-text h2,
    .media-text h3 {
        font-size: 26px;
        width: auto;
        line-height: 37px;
    }
    .main-media:before {
        width: 60px;
        height: 140px;
        background-size: 100%;
    }
    .main-media:after {
        bottom: -230px;
        left: 0;
        width: 275px;
        height: 460px;
        background-size: 30%;
        top: auto;
    }
    .h2,
    .main-pcc-page.seo_main .banner_text h1,
    h2 {
        font-size: 20px;
        line-height: 27px;
    }
    .main-pcc-page.seo_main .process-marketing {
        border-radius: 0;
    }
    .need_text h3,
    .process-content h2 {
        font-size: 23px;
        line-height: 30px;
    }
    .process-b1 img,
    .process-b2 img,
    .process-b3 img,
    .process-b4 img,
    .videos-img a img {
        width: 20%;
    }
    .process-b2,
    .process-b3,
    .process-b4,
    .process-box {
        margin: 10px 0;
    }
    .procces-text p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 20px;
    }
    .tabs-icon .ppc_icon {
        width: 83px;
    }
    .why_choose.seo_choose .ppc-five,
    .why_choose.seo_choose .ppc-four,
    .why_choose.seo_choose .ppc-one,
    .why_choose.seo_choose .ppc-six,
    .why_choose.seo_choose .ppc-three,
    .why_choose.seo_choose .ppc-two {
        margin: 0 auto 50px;
    }
    .seo_main .ppc-media {
        background: #6d1ce7;
    }
    .process-content p {
        font-size: 13px;
        line-height: 21px;
        margin: 0 0 20px;
        width: 100%;
    }
    .main-pcc-page.seo_main .ppc-banner {
        padding: 18% 0 0;
    }
    .why_choose.seo_choose .row + .row {
        padding: 70px 0 0;
    }
    .adv_img img,
    .ch_img img {
        width: 70%;
        margin: 0 auto;
    }
    .social-img img {
        margin: 20px auto 30px;
        width: auto;
    }
    .global-approch.my-media.ppp .my-media .nav {
        gap: 18px;
    }
    .my-media.ppp .nav-tabs .nav-link {
        width: 272px;
    }
    .my-media.ppp .tabs-icon .ppc_icon.ppc_2 {
        width: 58px;
    }
    .process-marketing {
        border-radius: 0 !important;
    }
    .ppc_page .optmization-box {
        min-height: 310px;
    }
    .optmization-tittle h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .ppc-media {
        padding: 5% 0 0;
        background: #311682;
    }
    .banner_sec.ppc-banner {
        padding: 18% 0 22%;
    }
    .web-development-main .counter_sec.what_we {
        padding: 11% 0 0;
    }
    .web-development-main .optmization-services {
        padding: 6% 0 3%;
    }
    .baner_btn ul {
        display: inline-flex;
        flex-direction: row;
    }
    .brand_slider_sec .col-xs-12.col-sm-3.col-md-2.col-lg-2 {
        width: 78%;
        margin: 0 auto;
    }
    .brand_text {
        padding: 0 10px;
    }
    .brand_slider_sec {
        padding: 4% 0;
    }
    li.menu-links.small_menue ul {
        width: 280px;
        top: 0;
        left: 0;
        box-shadow: none;
        padding: 0;
    }
    .stellarnav ul ul {
        top: 0;
    }
    .mega_menu .row.bord {
        padding: 0;
        border-bottom: 0;
    }
    .stellarnav.mobile ul ul {
        padding: 0;
        box-shadow: none;
    }
    .anchor_div a {
        padding: 2px 0 !important;
    }
    .globl-content span.h6 {
        font-size: 13px;
        padding: 10px 0 0;
    }
    .e_comm_main .counter_sec.what_we {
        padding: 6% 0 0;
    }
    .choose_div {
        height: auto;
        margin: 20% 0 0;
        padding: 20px 10px 10px;
        left: auto;
        width: 100%;
    }
    .source-about .row,
    .tech_list {
        padding: 0 0 20px;
    }
    .andriod-left .andriod-maincont,
    .what_we_do_sec .baner_btn ul li a {
        margin: 0 0 20px !important;
    }
    .web-img img {
        width: 100%;
        margin: 0 0 20px;
    }
    .my-media .tab-pane {
        padding: 20px 10px;
        width: 100%;
        margin: 0;
    }
    .ppc-five,
    .ppc-four,
    .ppc-one,
    .ppc-six,
    .ppc-three,
    .ppc-two {
        margin: 0 auto 80px;
        background: #212782;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
    }
    .tri-box.tri-five,
    .tri-box.tri-four,
    .tri-box.tri-one,
    .tri-box.tri-six,
    .tri-box.tri-three,
    .tri-box.tri-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background-image: -moz-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -webkit-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -ms-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
    }
    .tri-box.andr-five,
    .tri-box.andr-four,
    .tri-box.andr-one,
    .tri-box.andr-six,
    .tri-box.andr-three,
    .tri-box.andr-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background: #ff5676;
    }
    .react-icon,
    .tri-icon {
        top: -60px;
    }
    .message-box {
        padding: 25px 0;
        border-radius: 0;
        width: 100%;
    }
    .message-box h2,
    .message-box h3 {
        line-height: 30px;
        margin: 0 0 10px;
        font-size: 20px;
    }
    .email-media {
        background: #33177c !important;
    }
    .lead-extra {
        padding: 30px 20px 20px;
    }
    .lead-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 20px;
    }
    .lead-details {
        background: #4233d8 !important;
    }
    .vid-img img {
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
    }
    .video-explainations {
        background: #011873;
        padding: 5% 0 0;
    }
    .video-animations {
        background: #671b98;
    }
    .global-btn.media-btn,
    .try-content {
        margin: 0 auto;
    }
    .white-anim-text {
        width: 100%;
        margin: 0;
        position: inherit;
    }
    .easy-animation.white-explainations {
        padding: 6% 0 5%;
    }
    .services.divop-services .lead-content h2 {
        font-size: 12px;
        line-height: 26px;
    }
    .divop-services .services p {
        font-size: 13px;
        margin: 0;
    }
    .satr {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .hiring-title p,
    .source-about-text p {
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }
    .source-about-title {
        margin: 0 auto 20px;
        width: 100%;
    }
    .services.divop-services {
        padding: 30px 0;
        background: #027ceb;
    }
    .dev .services-content span.h4 {
        color: #000;
    }
    .services.out-services {
        background: #1842e3;
    }
    .bam_img.moving {
        z-index: 2;
    }
    .outsource-digital {
        background: #3d28ef;
    }
    .outsource-digital .services p {
        color: #fff;
    }
    .itstaff-services {
        background: #173fd9;
        padding: 20px 0 10px;
    }
    .it .choose_div {
        min-height: auto !important;
    }
    .hiring-title h2,
    .hiring-title h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .mob-box {
        height: 60px;
    }
    .details-content p {
        font-size: 13px;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .details-content span.h4 {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .hiring-title {
        padding: 0 0 20px;
        text-align: inherit;
    }
    .my-media .nav-tabs .nav-link {
        width: 270px;
        height: 80px;
    }
    .details-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .andriod-boxtext {
        width: 100%;
        text-align: left;
        position: relative;
    }
    .andriod-boxtext span.h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #000;
    }
    .andriod-right .andriod-maincont {
        margin: 0 0 50px;
        position: relative;
    }
    .andriod-bol span {
        position: absolute;
        left: 0;
        top: -50px;
        display: none;
    }
    .lan-tabs .tab-button img {
        width: 105px;
        height: 50px;
    }
    .details-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px;
    }
    .andriod-left {
        padding: 20px 0 0;
    }
    .hire-a-react-app .react-box {
        height: 70px;
    }
    .optmization-services {
        padding: 5% 0 3%;
    }
    .react-tab .tab-button {
        margin: 10px 10px 15px;
        width: 126px;
        height: 95px;
    }
    .tri-box.react-five,
    .tri-box.react-four,
    .tri-box.react-one,
    .tri-box.react-six,
    .tri-box.react-three,
    .tri-box.react-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background: #7e7fec;
    }
    .tri-box.ios-five,
    .tri-box.ios-four,
    .tri-box.ios-one,
    .tri-box.ios-six,
    .tri-box.ios-three,
    .tri-box.ios-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background: #07f;
    }
    .tri-box.react-six {
        margin-bottom: 0 !important;
    }
    .services.styl .container-fluid {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .sitemap-content h3 {
        font-size: 22px;
        margin: 0;
    }
    .home .type-text {
        height: auto;
        line-height: 28px;
    }
    .home .banner_text p {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        margin: 7px auto 20px;
    }
    .home .banner_text h1 {
        height: 40px;
    }
    .home .banner_text h4 {
        margin: 0 0 5px;
    }
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 27px;
        line-height: 32px;
    }
    .services.staff_aug {
        padding: 3% 0 2%;
    }
    .my-services h2,
    .my-services h2 span {
        font-size: 27px;
        line-height: 35px;
        margin: 0 0 10px;
        width: 70%;
    }
    .services.staff_aug .services-title h2 {
        font-size: 23px;
        line-height: 20px;
        margin: 0 0 5px;
    }
    .benifit_head h3 {
        font-size: 23px;
        line-height: 34px;
        margin: 0 0 10px;
    }
    .benifit_div h4 {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 7px;
    }
    .app_dev_div h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .cost_text h4 {
        font-size: 18px;
        line-height: 19px;
        margin: 0 0 10px;
        font-weight: 700;
    }
    .need_text p {
        margin: 0 0 20px;
        font-size: 13px;
    }
    .staff_text h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .staff_text ul li {
        font-size: 13px;
        line-height: 24px;
    }
    .benifit_div p {
        font-size: 13px;
        color: #000;
        font-weight: 500;
        line-height: 17px;
    }
    #imcs .out_s_text h3 .gardient_text {
        font-size: 18px;
        line-height: 29px;
    }
    #soft_sec_for_cmpage .soft_text h4 {
        font-size: 15px;
        line-height: 24px;
        margin: 10px 0;
    }
    #it_staff .media-text h3,
    h2 {
        font-size: 32px;
        line-height: 20px;
    }
    .line_man {
        position: relative;
        display: none;
    }
    .cost_text {
        height: auto;
        padding: 20px 10px;
    }
    #it_staff .banner_sec.cma_bg:after {
        background-size: 100% 100%;
        background-position: top;
    }
    .form_sec::after {
        width: 100%;
        height: 66%;
        bottom: 0;
        top: auto;
    }
    .banner_sec.it_staff:after {
        width: 170px;
        height: 420px;
        background-size: 99%;
        display: none;
    }
    .banner_sec.it_staff {
        height: auto;
        padding: 6% 0 0;
    }
    .client_div .h4,
    .step_text .h4 {
        font-size: 15px;
        line-height: 21px;
    }
    .step_text {
        height: auto;
        margin: 0 0 30px;
    }
    .need_text {
        height: auto;
        margin: 0 0 40px;
    }
    .need_text .h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .adv_text span.h4 {
        font-size: 16px;
        line-height: 25px;
    }
    .augment_main .h4 {
        font-size: 17px;
    }
    .three_step .augment_head .gardient_text {
        font-size: 21px;
        line-height: 20px;
        margin: 0;
    }
    .step_text.one:before {
        background-size: 69%;
        top: 80px;
        display: none;
    }
    .step_text.two:before {
        background-size: 65%;
        left: 70px;
        display: none;
    }
    .product-wrapper .gardient_text {
        font-size: 31px;
    }
    .out_s_text ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .testmonial_sec .soft_head h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .step_text.one:after,
    .step_text.three:after,
    .step_text.two:after {
        left: -10px;
        font-size: 130px;
        top: 60px;
    }
    .augment_main img {
        margin: 0 0 20px;
        width: 100%;
    }
    .drop_menu {
        margin: 0 !important;
    }
    .comp_btn .ins {
        background: url(../images/ins.png) -2px -8px / cover no-repeat;
    }
    .comp_btn {
        display: flex;
        flex-flow: column;
        width: 100%;
    }
    .banner_sec.ott.it_staff:after {
        width: 240px;
        height: 266px;
        background-size: 97%;
    }
    .index-sec-4 .btn.btn_dev {
        width: 213px;
        margin: 0 0 20px;
    }
    .Delight_text.dright {
        float: none;
        margin: 0 0 20px;
    }
    .Igniting .h4,
    .Reli_text .h4,
    .rewrite_img .h6 {
        margin: 0 0 10px;
    }
    .ott_platform_development .cutting_edege:after {
        width: 250px;
        height: 156px;
    }
    .nubering span {
        font-size: 20px;
        height: 60px;
        width: 60px;
    }
    .Delight_text {
        height: auto;
        width: auto;
        margin: 0 0 30px;
    }
    .testmonial_sec .carousel-indicators .tst_2[data-bs-target] {
        right: 30px;
        left: auto;
        top: 0;
        width: 50px;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        width: 80px;
    }
    .testmonial_sec .carousel-indicators .tst_4[data-bs-target] {
        width: 70px;
        left: 120px;
        top: 0;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        top: 0;
        width: 70px;
        left: 240px;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        width: 100px;
        left: 0;
    }
    .testmonial_sec .carousel-indicators .tst_7[data-bs-target] {
        left: 130px;
        top: 160px;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        left: 40px;
        top: 100px;
    }
    .dev_head h2,
    .dev_head h2 .gardient_text,
    .dev_head h3,
    .dev_head h3 .gardient_text {
        font-size: 18px;
        line-height: 25px;
    }
    .why_img img {
        width: 70%;
        margin: 30px auto 0;
    }
    .comp_text span.h5 small {
        font-size: inherit;
    }
    .banner_sec.home {
        padding: 10% 0;
        height: auto;
    }
    .out_s_text h1,
    .out_s_text h1 .gardient_text,
    .out_s_text h3,
    .out_s_text h3 .gardient_text {
        font-size: 20px;
        line-height: 1.3;
        font-weight: 700;
        margin: 10px 0;
    }
    .index-sec-4 {
        padding: 6% 0;
    }
    .our-story .banner_text {
        padding: 0 0 5%;
    }
    .our-story .Reli_img img {
        width: 60%;
        margin: 0 auto 20px;
    }
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 18px;
        line-height: 16px;
    }
    .life_at_binate .banner_sec .h1,
    .our-people .banner_sec h1,
    .our-people .banner_sec h1 span {
        font-size: 30px;
        line-height: 1.3;
    }
    .our-people .ben_image img {
        margin: 0 auto;
        width: 80%;
    }
    .life_at_port .h4 {
        font-size: 20px;
        line-height: 1.3;
        margin: 0 0 10px;
        display: block;
    }
    .lab .Reli_img img {
        width: 70%;
        margin: 0 auto 30px;
    }
    .augment_head.text-center .h6 {
        font-size: 16px;
        margin: 7px 0;
    }
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2 {
        text-align: inherit;
        font-size: 20px;
        line-height: 1.3;
    }
    .banner_text span.h4 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 5px;
    }
    .Reli_sec .Reli_img.moving img,
    .ben_image img {
        margin: 20px auto;
        width: 70%;
    }
    .dedicated-wrap .why_img img {
        width: 80%;
        margin: 20px auto 0;
    }
    .it_staffing_servies .ben_image img {
        width: 55%;
        margin: 0 auto;
        float: none;
    }
    .Delight_head h2,
    .Delight_head h3 {
        font-size: 20px;
        text-align: left;
        margin: 0 0 20px;
    }
    .Delight_text .h3,
    .Delight_text h3 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
    }
    .ott_platform_development .need_text.ing {
        height: auto;
        margin: 20px 0 40px;
    }
    .counter:after {
        top: 3px;
        width: 118px;
        height: 100px;
        background-size: 21%;
    }
    .ott_platform_development .btn.btn_dev {
        width: 200px;
        height: 51px;
    }
    .banner_sec.it_staff {
        background: #fff;
    }
    .food_delivery_app .need_head .btn.btn_dev {
        width: 135px;
    }
    .travel_app_development .need_head .btn.btn_dev {
        width: 165px;
    }
    .Reli_img img {
        width: 70%;
        margin: 20px auto;
    }
    .Igniting .h4 {
        font-size: 14px;
        display: block;
        line-height: 17px;
    }
    .qa-and-testing-services .btn.btn_dev,
    .qa-and-testing-services .need_head .btn.btn_dev {
        width: 160px;
    }
    .android-development-services.had .btn.btn_black,
    .software_testing .btn.btn_black {
        width: 190px;
    }
    .software_testing .ben_image img {
        display: block;
        width: 100%;
        margin: 20px auto 0;
    }
    .software_testing .btn.btn_dev {
        width: 183px;
    }
    .Reli_text .h4 {
        font-size: 20px;
    }
    .api_intergration_services .btn.btn_dev {
        width: 165px;
        height: 51px;
    }
    .shipping-integration-services .btn.btn_dev {
        width: 163px;
    }
    .saas .btn.btn_dev,
    .saas .out_s_text .btn.btn_dev {
        width: 175px;
    }
    .Delight_text.dleft {
        text-align: start;
    }
    .ecommerce-development-services .out_s_text .btn.btn_dev {
        width: 165px;
        height: 41px;
    }
    .ecommerce-development-services .col-8.centerCol {
        float: none;
        width: 100%;
    }
    .ecommerce-development-services .col-8.centerCol .btn.btn_dev {
        width: 175px;
        margin: 20px 0 0;
    }
    .ecommerce-development-services .need_text.ing {
        margin: 50px 0 0;
    }
    .custom_web_design .out_s_text .btn.btn_dev {
        width: 155px;
        height: 41px;
    }
    .btn.btn_black,
    .out_s_text .btn.btn_dev,
    .react-native-app-development .out_s_text .btn.btn_dev {
        height: 41px;
    }
    .custom_web_design .btn.btn_dev {
        width: 143px;
    }
    .icon_app_div,
    .out_text {
        height: auto !important;
    }
    .rewrite_div small {
        font-size: 170px;
    }
    .h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
    }
    #thumbs .item {
        padding-top: 10px;
    }
    .d2-animation .out_s_text .btn.btn_dev {
        width: 150px;
    }
    .rewrite_div .h5 {
        font-size: 18px;
        line-height: 1.3;
    }
    .arvr_box .h4,
    .rewrite_img .h6 {
        font-size: 14px;
        line-height: 22px;
    }
    .rewrite_div {
        margin: 15% 0;
    }
    .dot-net-core-developer .btn.btn_black,
    .hire-aws-lambda .btn.btn_black,
    .hire-character-designers .btn.btn_black,
    .hire-magento-developers .btn.btn_black,
    .hire-shopware-developers .btn.btn_black,
    .iot-app-development .btn.btn_black {
        width: 220px;
    }
    .client_div p {
        font-size: 12px;
        line-height: 23px;
    }
    .nopcommerce-development-services .index-sec-4 .btn.btn_dev {
        width: 253px;
        margin: 0 0 20px;
    }
    .nopcommerce-development-services .btn.btn_dev {
        width: 173px;
        height: 41px;
    }
    .reactjs-development .rewrite_img img {
        margin: 30px auto 0;
    }
    .out_text {
        height: auto;
        width: auto;
        margin: 0;
    }
    .out_text.text-right {
        float: none;
        text-align: left;
    }
    .icon_app_div {
        padding: 20px;
    }
    .rewrite_img img {
        width: 70%;
        margin: 30px auto;
    }
    .out_source_sec.hir .out_s_text .btn.btn_dev {
        width: 243px;
        height: 41px;
    }
    .btn.btn_dev {
        height: 41px !important;
    }
    .hire-ar-vr-developers .btn.btn_black,
    .hire-backbonejs-developers .btn.btn_black,
    .hire-vuejs-developer .btn.btn_black {
        width: 200px;
    }
    .hire-shopware-developers .Reli_sec.hir .btn.btn_dev {
        width: 205px;
    }
    .hire-backbonejs-developers .augment_head .btn.btn_dev {
        width: 98px;
    }
    .hire-character-designers .augment_head .btn.btn_dev {
        width: 120px;
    }
    .hire-aws-lambda .augment_head .btn.btn_dev {
        width: 148px;
    }
    .dot-net-core-developer .augment_head .btn.btn_dev {
        width: 230px;
    }
    .dot-net-core-developer .btn.btn_dev {
        width: 210px;
    }
    .staff_list img {
        margin: 0 0 15px;
    }
    .pro_text h4,
    .pro_text h5 {
        margin: 20px 0 5px;
    }
    .mobile_view {
        display: block;
    }
    .testmonial_sec .clucth,
    .testmonial_sec .soft_head {
        padding: 0 0 0 28px;
    }
}
@media (max-width: 475px) {
     .header-button {
    margin-right: 36px;
  }
    .full-modal-contant p {
        font-size: 26px;
        padding: 0 30px;
        line-height: 32px;
    }
    
    .full-modal-contant h3 {
        font-size: 30px;
        margin: 0 0 10px;
    }
     .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    .work_one,
    .work_one.ss3,
    .work_two,
    .work_two.ss2 {
        text-align: center;
        left: 0;
        position: absolute;
        width: 100%;
        right: 0;
    }
    p.modal-pera-text {
        font-size: 12px !important;
    }
    p.modal-pera-text a {
        font-size: 12px;
    }
    .offcanvas-header {
        padding: 0.5rem 1rem 0;
    }
    .work_one {
        top: -860px;
        margin: 0 auto;
    }
    .work_two.ss2 {
        top: -760px;
        margin: 0 auto;
    }
    .work_one.ss3 {
        top: -637px;
    }
    .work_flow {
        height: 670px;
    }
    .work_two {
        top: inherit;
        bottom: 390px;
        margin: 0 auto;
    }
    .why_tabs ul li a {
        font-size: 22px;
        width: 100%;
    }
    .footer_links1 ul {
        margin: 10px 0;
    }
    .home .banner_text h4 {
        font-size: 16px;
    }
    .banner_slider_main .type-text,
    .form_left h1,
    .gen-heading,
    .pro_text h5 {
        font-size: 20px;
    }
    .license_para h3 {
        margin-bottom: 10px;
    }
    .f_links h5 {
        margin-bottom: 0;
    }
    .locations-text-sec img {
        max-width: 170px;
        border-radius: 20px;
    }
    i.yellow-icon {
        font-size: 10px;
        top: -1px;
    }
    .footer_icons {
        justify-content: start;
    }
    .bottom_link ul li a::before {
        right: -11px;
        top: 3px;
    }
    .license_para h3.pd0 {
        margin-bottom: 20px;
    }
    .check-input-sec label {
        margin: 0 3px 10px 0;
    }
    h5#offcanvasRightLabel {
        font-size: 35px;
        margin-top: 15px;
    }
    .offcanvas-body p {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 7px;
    }
    .offcanvas-body h6,
    .source-about .row,
    .tech_list {
        padding: 0 0 20px;
    }
    .check-input-sec {
        margin: 0 0 8px;
    }
    .offcanvas-header .btn-close {
        font-size: 20px;
        height: 25px;
        width: 25px;
    }
    /*.filed-input input {*/
    /*    padding: 15px;*/
    /*}*/
    .locations-text-sec {
        max-width: 170px;
        height: 380px;
        margin: 0 auto;
    }
    .locations-text-sec h4,
    .locations-text-sec p {
        text-align: left;
    }
    .banner_text h4,
    .easy-animeted-text p {
        font-size: 13px;
        line-height: 25px;
    }
    .banner_sec,
    .my-media.onpage .tab-pane,
    .my-media.ppp .tab-pane,
    .ott_platform_development.seo.iosp.odm .need_text.ing {
        height: auto;
    }
    .exp_img ul li a {
        height: 60px;
        width: 80px;
    }
    .exp_img ul li a img {
        width: 50px;
        object-fit: contain;
    }
    .dev_head p,
    .faq_div .accordion-button,
    .gen-text,
    .out_s_text p,
    .pro_text p,
    .services-title p,
    .soft_head p {
        font-size: 13px;
        line-height: 20px;
    }
    .index-sec-4 .gen-heading,
    .index-sec-4 p.gen-heading small.gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 25px;
        line-height: 30px;
    }
    .btn.btn_black {
        width: 170px;
        height: 45px;
        font-size: 13px;
    }
    .mobile_head h2,
    .mobile_head h2 .gardient_text,
    .mobile_head h3,
    .mobile_head h3 .gardient_text {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 20px;
    }
    .dev_head h4 {
        font-size: 13px;
        line-height: 20px;
        margin: 0;
    }
    .staff_list {
        width: calc(75% - -108px);
    }
    .blog_slider_head,
    .extspace,
    .globl-content,
    .mobile_app_main,
    .ready-to-begin,
    .services-content,
    .staff_aug_head,
    .tech_sec {
        padding: 0;
    }
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text,
    .staff_aug_head h4,
    .staff_aug_head h4 .gardient_text {
        font-size: 20px;
        line-height: 27px;
    }
    .pro_text h4,
    .test_hed .gardient_text {
        font-size: 20px;
        line-height: 25px;
    }
    .process_sec {
        padding: 7% 10px 5%;
    }
    .testmonial_slider .slick-track .tes-new-slide:nth-child(2n),
    .testmonial_slider .slick-track .tes-new-slide:nth-child(odd) {
        transform: rotate(0);
    }
    .footer_logo {
        max-width: 200px;
        height: auto;
        margin: 13px auto 18px !important;
    }
    .footer_top_right span.heading {
        line-height: 30px;
        font-size: 25px;
    }
    .top_line2::before,
    .top_line::before {
        width: 150px;
        top: 5%;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        margin: 10px auto 0;
    }
    .test_box {
        width: 100%;
        height: 225px;
        padding: 0 10px;
        margin: 30px 0;
    }
    .test_hed .col-xs-12.col-sm-3.col-md-3 {
        padding-right: 0;
        width: 20%;
    }
    .test_hed .col-xs-12.col-sm-9.col-md-9 {
        width: 80%;
        padding: 0 0 0 10px;
    }
    .test_hed h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .award-logo {
        margin: 20px auto;
        width: 170px;
        height: 150px;
    }
    .header-button .btn.btn_dev {
        width: 130px;
        height: 40px;
        font-size: 12px;
        padding: 0 10px;
    }
    .images_2.aos-init.aos-animate {
        margin-left: -86px;
    }
    .testmonial_sec .carousel-indicators .tst_1[data-bs-target] {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px !important;
    }
    .testmonial_sec .carousel-indicators .tst_4[data-bs-target] {
        left: 160px;
        top: 0;
    }
    .testmonial_sec .carousel-indicators .tst_3[data-bs-target] {
        left: 80px;
        top: 0;
    }
    .testmonial_sec .carousel-indicators .tst_5[data-bs-target] {
        left: 240px;
        top: 0;
    }
    .testmonial_sec .carousel-indicators .tst_6[data-bs-target] {
        left: auto;
        top: 0;
        right: 0;
    }
    .testmonial_sec .carousel-indicators .tst_7[data-bs-target] {
        left: auto;
        top: 0;
        right: 67px;
    }
    .testmonial_sec .carousel-indicators .tst_8[data-bs-target] {
        left: auto;
        top: 0;
        right: 160px;
    }
    .button_sec a,
    .left_col .numb span,
    .left_col .pro_text.bottom,
    .pro_text,
    .pro_text.bottom,
    .pro_text.left {
        text-align: center;
    }
    .cta-btn {
        font-size: 10px;
        padding: 0;
    }
    .global-approch .carousel-control-prev {
        left: -22px;
        bottom: 520px;
    }
    .global-approch .carousel-control-next {
        right: -22px;
        bottom: 520px;
    }
    .web-development {
        padding: 24% 0 !important;
    }
    .banner_sec {
        padding: 24% 0 5%;
    }
    .logo img {
        width: 90%;
        margin: -4px 0 0;
    }
    .banner_text p {
        margin: 0 0 20px;
    }
    .header-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset;
        width: 100%;
        height: 100%;
    }
    .stellarnav .menu-toggle span.bars {
        top: 0;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    .banner-txt,
    .choose_div .h4,
    .product-wrapper a {
        font-size: 14px;
    }
    .button_sec a {
        padding: 7px 8px;
        height: 39px;
        width: 100%;
    }
    .mob_app_body .big-headings h1,
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .tab_bg {
        left: 0;
    }
    .tab_list_text h4 {
        font-size: 22px;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul,
    .button_sec {
        flex-direction: column;
    }
    .baner_btn ul li a {
        width: 100%;
        font-size: 14px;
        color: #fff;
        margin: 0 0 10px;
        padding: 10px 17px;
        height: 47px;
    }
    .header-right {
        width: calc(100% - 0px);
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        display: inline-flex;
        position: absolute;
        top: 5px;
        right: 10px;
        height: 41px;
    }
    .locations-text-sec h4 {
        padding: 20px 0 0;
        font-size: 1rem;
    }
    .globl-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 40px 0 20px;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 20px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
        margin: 20px 0;
    }
    .hire_div h3 {
        font-size: 31px;
        font-weight: 600;
        margin: 10px 0;
    }
    .hire_div p {
        font-size: 13px;
        width: 100%;
    }
    .pro_text.bottom {
        position: inherit;
        bottom: auto;
    }
    .pro_text {
        margin: 0 0 30px;
    }
    .blog_sliders.alee-slider .owl-nav,
    .channel-development::after,
    .ecomerce-img::after,
    .ecomerce-img::before,
    .email-media::after,
    .email-media::before,
    .exp_img ul:nth-child(2) li:last-child,
    .explainer-services:before,
    .header-button a + a,
    .message-box::after,
    .message-box::before,
    .services-img::after,
    .services.explainer-services .owl-nav,
    .softdevlop-img::after,
    .softdevlop-img::before,
    .top_line2::before,
    .top_line::before,
    .video-exp:before,
    .web-img::after,
    section.lead-details:after {
        display: none;
    }
    .services-title h2 {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
    }
    .services p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 20px;
        width: auto;
    }
    .services-content h2,
    .source-about-text h3 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .ecomerce-img img {
        width: 100%;
        height: auto;
        float: none;
    }
    .index-sec-4 .gen-heading {
        font-size: 20px;
        line-height: 23px;
    }
    .index-sec-4 .gen-headingtwo {
        font-size: 33px;
        line-height: 32px;
        text-align: left;
    }
    .index-sec-4:after {
        height: 175px;
    }
    img.img-fluid.bannbg {
        height: 790px;
        display: block;
    }
    .index-sec-5 .product-wrapper {
        padding: 20px 0 40px;
    }
    .index-sec-5 {
        min-height: auto;
    }
    .brand-contentwrapper {
        padding: 20px 40px;
        max-width: inherit;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 150px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .award-content .gen-text,
    .exp_text p {
        font-size: 13px;
        max-width: inherit;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100px;
    }
    .blog_slider_sec,
    .footer::after {
        position: relative;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 230px;
        min-height: 220px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 40px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 40px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
    }
    .blog_slider_head h1 {
        font-size: 30px;
    }
    .blog_container {
        padding: 0 15px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -40px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .card_bottom h3 {
        font-size: 17px;
    }
    .form_left p,
    .license_para p,
    .para {
        font-size: 13px;
    }
    .form_right h1 {
        font-size: 25px;
    }
    .form_right p {
        color: #000;
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .form_sec,
    .services {
        padding: 30px 0 90px;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .blog_sec.what_we.mbaa .col-md-3,
    .col-xs-12.col-sm-12.col-md-8.col-lg-8.cust-col,
    .details-content,
    .dev-opps-content,
    .f_links,
    .it-staff,
    .lead-grn-title,
    .need_for_sec .row .col-md-3,
    .outsrc-content,
    .seo_main .media-text,
    .soft_sec .col-xs-12.col-sm-4.col-md-4,
    .source-about-text,
    .tech_sec .col-xs-12.col-sm-4.col-md-4.col-lg-4,
    .why_choose .col-md-4,
    section.blog_sec.what_we .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 100%;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .bottom_link ul {
        gap: 22px;
        font-weight: 500;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 70px 20px 0;
    }
    .services-title p {
        width: 100%;
        font-size: 13px;
    }
    .global-dual .col-xs-12.col-sm-6.col-md-6 {
        width: 50%;
    }
    .banner_sec.con.port {
        padding: 21% 0 5%;
    }
    .ec_div_right {
        padding: 5% 0 0;
    }
    .numb span {
        font-size: 60px;
        line-height: 70px;
    }
    .media-text h2,
    div#myTabContent span.h3 {
        font-size: 21px;
    }
    .pro_img.moving img {
        margin: 10px auto;
        display: block;
    }
    .choose_div a {
        top: -50px;
        left: 30px;
    }
    .web-company {
        background: -moz-linear-gradient(62deg, #74467b 0, #5151e6 100%);
        background: -webkit-linear-gradient(62deg, #74467b 0, #5151e6 100%);
        background: -o-linear-gradient(62deg, #74467b 0, #5151e6 100%);
        background: -ms-linear-gradient(62deg, #74467b 0, #5151e6 100%);
        background: linear-gradient(62deg, #74467b 0, #5151e6 100%);
    }
    .web-company-text p {
        line-height: 20px;
        text-align: inherit;
    }
    .mobile_app_img.moving img {
        width: 100%;
        margin: 50px 0;
    }
    .what_we_do_sec.gamee:after {
        background-size: 10%;
    }
    .col-12.col-md-3.col-lg-3.f_links.last {
        width: 60%;
    }
    .col-xs-12.col-sm-12.col-md-2.col-lg-2.cust-col,
    .easy-animeted-text,
    .our-people .Reli_img img {
        width: auto;
    }
    .right_col .numb span {
        text-align: center;
        margin: 0;
    }
    .hire_div p {
        margin: 20px auto 10px;
    }
    .iot-media {
        padding: 30px 0 0;
        background: #2822e3;
    }
    .baner_btn ul {
        display: block;
        display: inline-flex;
        flex-direction: row;
    }
    .mobile_app_sec:after {
        top: auto;
        bottom: 0;
    }
    .mobile_app_img.moving {
        width: 100%;
        margin: 20px auto;
    }
    .mobile_app_sec:before {
        background-size: 50%;
        top: 20px;
    }
    .channel-development {
        padding: 67% 0 0;
    }
    .counter_sec.what_we {
        padding: 91% 0 0;
    }
    .my-media .tab-pane {
        height: auto;
        padding: 20px 10px;
        width: 100%;
        margin: 0;
    }
    .media-text h2,
    .media-text h3 {
        line-height: 29px;
    }
    .channel-content span.h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .optmization-services.afford .optmization-box {
        min-height: 330px;
        margin: 40px 0 0;
    }
    .why_choose.seo_choose .ppc-five,
    .why_choose.seo_choose .ppc-four,
    .why_choose.seo_choose .ppc-one,
    .why_choose.seo_choose .ppc-six,
    .why_choose.seo_choose .ppc-three,
    .why_choose.seo_choose .ppc-two {
        margin: 0 auto 80px;
        background: #6c1ce6;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
    }
    .ppc-icon {
        top: -50px;
    }
    .why_choose.seo_choose .row + .row {
        padding: 70px 0 0;
    }
    .ch_img img {
        width: 70%;
        margin: 0 auto 60px;
    }
    .main-pcc-page.seo_main .ppc-banner {
        padding: 21% 0 0;
    }
    .hiring-title h4,
    .lead-grn-title h4,
    .main-lead-page .services-content h2,
    .message-box h2,
    .source-about .source-about-text h2,
    .video-explain .banner_text h1 {
        line-height: 25px;
        font-size: 20px;
    }
    .stellarnav a.dd-toggle .icon-plus {
        top: -6px;
        right: -5px;
    }
    .stellarnav.mobile ul ul {
        padding: 0;
        box-shadow: none;
    }
    .choose_div {
        height: auto;
        margin: 20% 0 0;
        padding: 20px 10px 10px;
        left: auto;
        width: 100%;
    }
    .andriod-left .andriod-maincont,
    .what_we_do_sec .baner_btn ul li a {
        margin: 0 0 20px !important;
    }
    .lan-tabs .row,
    .source-about .row,
    .source-about .row + .row + .row,
    .web-development-main .services.wb .row + .row {
        flex-direction: column-reverse;
    }
    .web-img img {
        width: 100%;
        margin: 0 0 20px;
    }
    .global-approch.my-media.onpage.Add_Onto {
        padding: 0 0 10%;
    }
    .main-pcc-page .global-approch {
        padding: 5% 0;
    }
    .ppc-five,
    .ppc-four,
    .ppc-one,
    .ppc-six,
    .ppc-three,
    .ppc-two {
        margin: 0 auto 80px;
        background: #212782;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
    }
    .tri-box.tri-five,
    .tri-box.tri-four,
    .tri-box.tri-one,
    .tri-box.tri-six,
    .tri-box.tri-three,
    .tri-box.tri-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background-image: -moz-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -webkit-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -ms-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
    }
    .tri-box.andr-five,
    .tri-box.andr-four,
    .tri-box.andr-one,
    .tri-box.andr-six,
    .tri-box.andr-three,
    .tri-box.andr-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background: #ff5676;
    }
    .tri-icon {
        top: -60px;
    }
    .message-box {
        padding: 25px 0;
        border-radius: 0;
        width: 100%;
    }
    .email-media {
        background: #33177c !important;
    }
    .lead-extra {
        padding: 30px 20px 20px;
    }
    .lead-content h2,
    h3 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 20px;
    }
    .lead-details {
        background: #4233d8 !important;
    }
    .lead-content p {
        font-size: 13px;
        line-height: 21px;
    }
    .vid-img img {
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
    }
    .banner_sec.div-opps-banner .banner_text h1,
    .easy-animeted-text h2,
    .easy-animeted-text h3,
    .hire-a-react-app .globl-content h2,
    .source-about-title h4,
    .tech-content h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .video-explainations {
        background: #011873;
        padding: 5% 0 0;
    }
    .videos-img a img {
        width: 20%;
    }
    .video-animations {
        background: #671b98;
    }
    .global-btn.media-btn {
        margin: 0 auto;
    }
    .easy-animation {
        padding: 6% 0 2%;
    }
    .white-anim-text {
        width: 100%;
        margin: 0;
        position: inherit;
    }
    .easy-animation.white-explainations {
        padding: 6% 0 5%;
    }
    .andriod-left p,
    .andriod-right p,
    .exp_text h4,
    .hire-text p,
    .lan-tabs .tab-content p,
    .source-about-title p,
    .white-anim-text p {
        font-size: 13px;
        line-height: 22px;
    }
    .lead-content h3,
    .services.divop-services .lead-content h2 {
        font-size: 12px;
        line-height: 26px;
    }
    .divop-services .services p {
        font-size: 13px;
        margin: 0;
    }
    .source-about-text h2 {
        font-size: 15px;
    }
    .satr {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .hiring-title p,
    .source-about-text p {
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }
    .source-about .container-fluid {
        padding: 0 10px;
    }
    .source-about .satrbtn {
        float: none;
    }
    .andriod-bol,
    .moving,
    .satl,
    .vidanimation-img.moving img {
        margin: 0;
    }
    .source-about-title {
        margin: 0 auto 20px;
        width: 100%;
    }
    .services.divop-services {
        padding: 30px 0;
        background: #027ceb;
    }
    .dev .services-content span.h4 {
        color: #000;
    }
    .services.out-services {
        background: #1842e3;
    }
    .bam_img.moving {
        z-index: 2;
    }
    .outsource-digital {
        background: #3d28ef;
    }
    .outsource-digital .services p {
        color: #fff;
    }
    .itstaff-services {
        background: #173fd9;
        padding: 20px 0 10px;
    }
    .it .choose_div {
        min-height: auto !important;
    }
    .hiring-title h2,
    .hiring-title h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .mob-box {
        height: 60px;
    }
    .details-content p {
        font-size: 13px;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .details-content span.h4 {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .hiring-title {
        padding: 0 0 20px;
        text-align: inherit;
    }
    .my-media .nav-tabs .nav-link {
        width: 270px;
        height: 60px;
    }
    .details-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .andriod-boxtext {
        width: 100%;
        text-align: left;
        position: relative;
    }
    .andriod-boxtext span.h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #000;
    }
    .andriod-right .andriod-maincont {
        margin: 0 0 50px;
        position: relative;
    }
    .andriod-bol span {
        position: absolute;
        left: 0;
        top: -50px;
        display: none;
    }
    .lan-tabs .tab-button img {
        width: 105px;
        height: 50px;
    }
    .details-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px;
    }
    .andriod-left {
        padding: 20px 0 0;
    }
    .hire-a-react-app .react-box {
        height: 70px;
    }
    .optmization-services {
        padding: 5% 0 3%;
    }
    .services.styl .container-fluid {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .site-main ul li {
        display: block;
        width: 100%;
    }
    .sitemap-content h3 {
        font-size: 13px;
        margin: 10px 0;
        padding: 15px 10px;
    }
    .my-services h2,
    .my-services h2 span {
        font-size: 29px;
        line-height: 35px;
        margin: 0 0 10px;
    }
    .form_sec::after {
        width: 100%;
        height: 72%;
    }
    .footer_top_left .img-fluid {
        max-width: 60%;
        margin: 0 0 10px;
    }
    .faq_sec p,
    .optmization-services.afford .optmization-boxtext p {
        font-size: 13px;
        line-height: 23px;
    }
    .banner_text p {
        font-size: 13px;
        line-height: 21px;
        width: auto;
    }
    .Delight_text {
        height: auto;
        width: auto;
        margin: 0 0 30px;
    }
    .loader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(../images/load_img.png) center/150px no-repeat #fff8ef;
    }
    .Reli_sec .Reli_text .h4,
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2,
    .our-people .banner_sec h1,
    .our-people .banner_sec h1 span {
        font-size: 20px;
        line-height: 1.3;
    }
    .hire_sec .product-wrapper .gardient_text {
        font-size: inherit;
        display: inherit;
    }
    .adv_img img {
        width: 80%;
        margin: 0 auto 30px;
    }
    .index-sec-4 {
        padding: 6% 0;
    }
    .our-story .banner_text {
        padding: 0 0 5%;
    }
    .our-story .Reli_img img {
        width: auto;
        margin: 0 auto 20px;
    }
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 18px;
        line-height: 16px;
    }
    .our-people .ben_image img {
        margin: 0 auto;
        width: auto;
    }
    .numb_div {
        padding: 0 17px;
    }
    .testmonial_sec .clucth,
    .testmonial_sec .soft_head {
        padding: 0 0 0 20px;
    }
}
@media (max-width: 425px) {
     .header-button {
    margin-right: 36px;
  }
    .highlight::before {
        top: 11px;
        width: 66px;
        height: 13px;
    }
     .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    p.modal-pera-text {
        font-size: 12px !important;
    }
    p.modal-pera-text a {
        font-size: 12px;
    }
    .offcanvas {
        overflow-x: auto;
    }
    .offcanvas-header {
        padding: 0.5rem 1rem 0;
    }
    .work_one {
        top: -760px;
    }
    .work_two.ss2 {
        top: -660px;
    }
    .work_one.ss3 {
        top: -535px;
    }
    .work_two {
        bottom: 275px;
    }
    .why_tabs ul li a {
        font-size: 22px;
        width: 100%;
    }
    .footer_links1 ul {
        margin: 10px 0;
    }
    .home .banner_text h4,
    .ind-para {
        font-size: 16px;
    }
    .banner_slider_main .type-text,
    .h3 {
        font-size: 20px;
    }
    .license_para h3 {
        margin-bottom: 10px;
    }
    .f_links h5 {
        margin-bottom: 5px;
    }
    .main_modal .modal-header h5 {
        font-size: 25px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .footer_icons,
    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul {
        max-width: 260px;
    }
    .stellarnav a.dd-toggle .icon-plus {
        top: 6px;
        right: -5px;
    }
    .soft_head h2,
    .soft_head h2 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 19px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .soft_text h3,
    .soft_text h4 {
        font-size: 15px;
        line-height: 12px;
        margin: 0 0 9px;
    }
    .devTeam_text h3,
    .devTeam_text h4,
    .devTeam_text h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .services-content h3,
    .services-content h4,
    .services-content h5,
    .services-content span.h4 {
        font-size: 15px;
        line-height: 18px;
        padding: 0;
    }
    .home .banner_text p {
        font-size: 16px;
        line-height: 28px;
        width: 100%;
        margin: 7px auto 20px;
    }
    .home .banner_text h1 {
        height: 28px;
    }
    .exp_text p {
        font-size: 13px;
        max-width: inherit;
    }
    .adv_img img {
        width: 70%;
        margin: 0 auto 30px;
    }
    .moving {
        margin: 0;
    }
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2 {
        font-size: 20px;
        line-height: 1.3;
    }
    .hire_sec .product-wrapper .gardient_text {
        font-size: inherit;
        display: inherit;
    }
    .exp_img ul {
        gap: 10px;
    }
    .exp_img ul li span {
        font-size: 10px;
        font-weight: 600;
    }
}
@media (max-width: 375px) {
    .header-button {
    margin-right: 46px;
  }
    .full-modal-form input {
        padding: 15px 15px;
        width: 280px;
    }
    .full-btn a {
        width: 280px;
    }
    .highlight::before {
        top: 12px;
        width: 57px;
        left: 4px;
        height: 10px;
    }
     .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    .blog_sliders.alee-slider .owl-nav,
    .cta-btn,
    .ecomerce-img::after,
    .ecomerce-img::before,
    .email-media::after,
    .email-media::before,
    .exp_img ul:nth-child(2) li:last-child,
    .explainer-services:before,
    .message-box::after,
    .message-box::before,
    .services-img::after,
    .services.explainer-services .owl-nav,
    .softdevlop-img::after,
    .softdevlop-img::before,
    .top_line2::before,
    .top_line::before,
    .video-exp:before,
    .web-img::after,
    section.lead-details:after {
        display: none;
    }
    .type-text-style {
        text-decoration-thickness: 2px;
        font-size: 16px !important;
        line-height: 1px;
        position: relative;
        top: -5px;
        padding: 0 5px !important;
    }
    p.modal-pera-text {
        font-size: 12px !important;
    }
    p.modal-pera-text a {
        font-size: 12px;
    }
    .offcanvas {
        overflow-x: auto;
    }
    .offcanvas-body p {
        font-size: 12px;
        line-height: 17px;
        padding: 0 0 1px;
    }
    .offcanvas-body h6 {
        padding: 0 0 13px;
        font-size: 14px;
    }
    .check-input-sec label {
        margin: 0 3px 9px 0;
        padding: 0 9px;
        font-size: 10px;
    }
    .work_one {
        top: -650px;
    }
    .work_two.ss2 {
        top: -500px;
    }
    .work_one.ss3 {
        top: -355px;
    }
    .work_two {
        bottom: 90px;
    }
    .work_flow {
        height: 800px;
    }
    .why_tabs ul li a {
        font-size: 22px;
        width: 100%;
    }
    .footer_links1 ul {
        margin: 10px 0;
    }
    .banner_slider_main .type-text,
    .home .banner_text h4,
    .ind-para {
        font-size: 16px;
    }
    .f_links h5 {
        margin-bottom: 5;
    }
    .license_para h3 {
        margin-bottom: 10px;
    }
    .locations-text-sec img {
        max-width: 120px;
    }
    .locations-text-sec {
        max-width: 300px;
        height: auto;
    }
    .locations-text-sec h4 {
        font-size: 0.85rem;
        font-weight: 700;
    }
    .ready-to-begin h2 {
        font-size: 2.25rem;
        line-height: 41px;
        letter-spacing: -1px;
    }
    .main_modal .modal-header h5 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .main_modal .modal-header p {
        font-size: 11px;
        line-height: 18px;
    }
    .our-people .banner_sec {
        height: auto;
        padding: 15% 0 5%;
    }
    .banner_text h1,
    .banner_text h1 span {
        font-size: 20px;
    }
    .android-development-services .icon_app_div,
    .banner_sec {
        height: auto;
    }
    .header-button .btn.btn_dev {
        margin: 0;
        height: 35px;
        width: 134px;
        font-size: 13px;
    }
    .images_2.aos-init.aos-animate {
        margin-left: -66px;
    }
    .devTeam_text img {
        margin: 0 10px 180px 0;
    }
    .staff_list {
        width: calc(65% - -108px);
    }
    .test_box {
        width: 100%;
        height: 245px;
    }
    .test_hed .gardient_text {
        font-size: 17px;
        line-height: 25px;
    }
    .test_hed h3 {
        font-size: 17px;
        line-height: 20px;
    }
    .gen-text,
    .test_hed p {
        font-size: 13px;
        line-height: 20px;
    }
    a.menu-toggle {
        height: 36px;
        top: 9px;
    }
    .mobile_app_imeg img,
    .right_col_main .mobile_app_imeg img {
        width: 25%;
    }
    .exp_img ul li a img {
        width: 60px;
    }
    .exp_img ul li a {
        height: 70px;
        width: 71px;
        margin: 0 0 20px;
    }
    #thumbs .owl-item.active .item span,
    .Igniting .h4,
    .arvr_text .h5,
    .form_left p,
    .license_para p,
    .mobile_app_div p,
    .para,
    .rewrite_img .h6 {
        font-size: 13px;
    }
    .lead-content p,
    .mobile_head h4 {
        font-size: 13px;
        line-height: 21px;
    }
    .bottom_link ul {
        gap: 5px;
    }
    .bottom_link ul li a {
        font-size: 10px;
    }
    #dedicate .media-text h2,
    #dedicate .media-text h3,
    .blog_slider_head h2,
    .blog_slider_head h2 span,
    .form_left span,
    .form_right span,
    .h2,
    .h3,
    .index-sec-4 .gen-heading,
    .index-sec-4 p.gen-heading small.gardient_text,
    .media-text h3,
    .out_s_text h1,
    .out_s_text h1 .gardient_text,
    .out_s_text h3,
    .out_s_text h3 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text,
    .testmonial_sec .soft_head .h2,
    .testmonial_sec .soft_head h3,
    .testmonial_sec .soft_head h3 .gardient_text,
    .why_ctext h2,
    h2,
    span.h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .exp_img ul {
        gap: 10px;
    }
    .exp_img ul li span {
        font-size: 10px;
        font-weight: 600;
    }
    .button_sec a,
    .left_col .pro_text.bottom,
    .license_para p,
    .pro_text,
    .pro_text.bottom,
    .pro_text.left {
        text-align: center;
    }
    .cta-btn {
        font-size: 12px;
        padding: 0;
        border-radius: 5px;
        height: 39px;
        width: auto;
        margin: 0 0 30px;
    }
    .banner_sec.about:before {
        width: 130px;
        height: 150px;
    }
    .banner_sec {
        padding: 24% 0 12%;
    }
    #cma_bg .banner_sec,
    #dedicate .banner_sec,
    #it_staff .banner_sec,
    #software .banner_sec {
        padding: 21% 0 0;
        height: auto;
        background: #fff;
    }
    .banner_text h4 {
        font-size: 13px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .logo img {
        width: 91%;
        margin: -17px 0 0;
    }
    .logo {
        float: left;
        margin: 15px 0 0;
    }
    .banner_text p {
        font-size: 13px;
        line-height: 21px;
        margin: 0 0 20px;
        width: auto;
    }
    .header-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset;
        width: 100%;
        height: 100%;
    }
    .header-button-banner {
        margin-right: 10px;
    }
    .augment_head.text-center .h6,
    .banner-txt {
        font-size: 14px;
    }
    .product-wrapper a {
        font-size: 14px;
        margin: 0;
    }
    .button_sec a {
        padding: 7px 8px;
        height: 39px;
        width: 100%;
    }
    .mob_app_body .big-headings h1,
    .pkg_prc span:nth-child(2) {
        font-size: 40px;
    }
    .client_num .gen-heading,
    .project_num .gen-heading {
        font-size: 35px;
    }
    .tab_bg {
        left: 0;
    }
    .tab_list_text h4 {
        font-size: 22px;
    }
    .tab_show .tab-content {
        padding: 20px 20px 10px 30px;
    }
    .baner_btn ul li a {
        width: 100%;
        font-size: 14px;
        color: #fff;
        margin: 0 0 10px;
        height: 47px;
    }
    .header-right {
        width: calc(86% - 73px);
        justify-content: flex-start;
    }
    .globl-content h2 {
        font-size: 17px;
        line-height: 20px;
        margin: 10px 0;
    }
    .global-img img {
        width: 100%;
        border-radius: 20px 100px 20px 20px;
    }
    .globl-content p {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 20px;
    }
    .global-btn a {
        font-size: 13px;
        font-weight: 500;
        margin: 15px 0 10px;
    }
    .hire_div h4 {
        font-size: 21px;
        line-height: 25px;
    }
    .hire_div h3 {
        font-size: 26px;
        font-weight: 600;
        margin: 10px 0;
    }
    .pro_text.bottom {
        position: inherit;
        bottom: auto;
    }
    .pro_text {
        margin: 0 0 30px;
    }
    .services-title h2 {
        font-size: 17px;
        line-height: 30px;
        margin: 0;
    }
    .services p {
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        width: auto;
    }
    .services-content h2 {
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .services-img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .ecomerce-img img {
        width: 100%;
        height: auto;
        float: none;
    }
    .index-sec-4 .gen-heading {
        font-size: 20px;
        line-height: 23px;
    }
    .index-sec-4 .gen-headingtwo {
        font-size: 35px;
        line-height: 30px;
        text-align: left;
    }
    .index-sec-4,
    .soft_sec,
    .staff_aug_head {
        padding: 10% 0;
    }
    .index-sec-4:after {
        height: 175px;
    }
    img.img-fluid.bannbg {
        display: block;
        height: 750px;
    }
    .form_sec,
    .index-sec-5 .product-wrapper,
    .services {
        padding: 20px 0 10px;
    }
    .form_left h1,
    .gen-heading,
    .need_text.ing .h4,
    .pro_text h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .index-sec-5 {
        min-height: auto;
        padding: 0;
    }
    .brand-contentwrapper {
        padding: 20px 15px;
        max-width: inherit;
    }
    .award-leftwrapper {
        padding: 30px 10px;
        max-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    .market-content img {
        object-fit: cover;
        object-position: center;
        max-width: 150px;
    }
    .award-logo img {
        max-width: 80px;
    }
    .market-content {
        position: absolute;
        top: 0;
        right: 0;
    }
    .award-content .gen-text {
        font-size: 13px;
        max-width: inherit;
    }
    .color_line_right {
        top: 20px;
        right: 0;
        max-width: 100px;
        animation: 4s ease-out 1s infinite alternate-reverse bounce-top;
    }
    .wave_left {
        max-width: 100px;
    }
    .color_lines_left {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100px;
    }
    .blog_slider_sec,
    .footer::after {
        position: relative;
    }
    .wave_right {
        max-width: 150px;
    }
    .mob_app_body {
        width: 100%;
        max-width: 230px;
        min-height: 220px;
        background-size: 100%;
    }
    .mob_app_body .big-headings p {
        font-size: 40px;
        font-weight: 500;
        color: #282828;
    }
    .mob_app_body .big-headings h2 {
        font-size: 40px;
        font-weight: 800;
        color: #282828;
    }
    .mob_app_body .big-headings {
        padding-right: 0;
    }
    .banner_text,
    .blog_slider_head,
    .extspace,
    .globl-content,
    .tech_sec {
        padding: 0;
    }
    .blog_slider_sec {
        padding: 50px 0;
    }
    .blog_slider_head h1 {
        font-size: 30px;
    }
    .blog_container {
        padding: 0 15px;
    }
    .blog_slider_sec .owl-theme .owl-nav {
        right: 0;
        top: -31px;
    }
    .blog_slider_sec .owl-next i,
    .blog_slider_sec .owl-prev i {
        padding: 10px;
        font-size: 18px;
    }
    .card_bottom h3,
    div#myTabContent span.h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .form_right h1 {
        font-size: 25px;
    }
    .form_right p {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }
    .hiring-title h4,
    .lead-grn-title h4,
    .main-lead-page .services-content h2,
    .message-box h2,
    .source-about .source-about-text h2,
    .video-explain .banner_text h1 {
        line-height: 25px;
        font-size: 20px;
    }
    .button_sec {
        flex-direction: column;
    }
    .heading {
        font-size: 20px;
        line-height: 24px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer_links1 {
        padding: 0 0 10px;
        margin: 0;
    }
    .Reli_img img,
    .details-content,
    .dev-opps-content,
    .f_links,
    .it-staff,
    .lead-grn-title,
    .out_s_img img,
    .out_s_text .col-6.col-xs-6.col-sm-6.col-md-6,
    .outsrc-content,
    .software_testing .ben_image img,
    .source-about-text,
    .tech_sec .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 100%;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .bottom_link ul {
        gap: 22px;
        font-weight: 500;
    }
    .footer_top_right {
        text-align: left;
        padding-top: 10px;
    }
    .footer_top_right .heading {
        padding-bottom: 10px;
    }
    .form_right {
        max-width: 100%;
        padding: 70px 10px 0;
    }
    .services-title p {
        width: 100%;
        font-size: 13px;
    }
    .header-button a + a {
        font-size: 11px;
        margin: 10px 0 9px;
        width: 124px;
    }
    .global-btn.port {
        display: block;
    }
    .global-btn.port a {
        width: auto;
        margin: 0 0 20px;
    }
    .global-dual .col-xs-12.col-sm-6.col-md-6 {
        width: 50%;
    }
    .banner_sec.con.port {
        padding: 21% 0 5%;
    }
    .global-approch .carousel-control-next {
        right: -3px;
        bottom: 210px;
    }
    .global-approch .carousel-control-prev {
        left: -3px;
        bottom: 210px;
    }
    .counter_sec.what_we {
        padding: 7% 0 0;
    }
    .baner_btn ul {
        display: flex;
        flex-direction: column;
    }
    .stellarnav a.dd-toggle .icon-plus {
        top: 6px;
        right: -6px;
    }
    .footer_icons,
    .stellarnav.mobile.left > ul,
    .stellarnav.mobile.right > ul {
        max-width: 260px;
    }
    .stellarnav.mobile ul ul {
        padding: 0;
        box-shadow: none;
    }
    .choose_div {
        height: auto;
        margin: 20% 0 0;
        padding: 20px 10px 10px;
        left: auto;
        width: 100%;
    }
    .source-about .row,
    .tech_list {
        padding: 0 0 20px;
    }
    .andriod-left .andriod-maincont,
    .what_we_do_sec .baner_btn ul li a {
        margin: 0 0 20px !important;
    }
    .lan-tabs .row,
    .source-about .row,
    .source-about .row + .row + .row,
    .web-development-main .services.wb .row + .row {
        flex-direction: column-reverse;
    }
    .web-img img {
        width: 100%;
        margin: 0 0 20px;
    }
    .global-approch.my-media.onpage.Add_Onto {
        padding: 0 0 10%;
    }
    .my-media .tab-pane {
        height: auto;
        padding: 20px 10px;
        width: 100%;
        margin: 0;
    }
    .main-pcc-page .global-approch {
        padding: 5% 0;
    }
    .ppc-five,
    .ppc-four,
    .ppc-one,
    .ppc-six,
    .ppc-three,
    .ppc-two {
        margin: 0 auto 80px;
        background: #212782;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
    }
    .tri-box.tri-five,
    .tri-box.tri-four,
    .tri-box.tri-one,
    .tri-box.tri-six,
    .tri-box.tri-three,
    .tri-box.tri-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background-image: -moz-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -webkit-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
        background-image: -ms-linear-gradient(0deg, #f7526c 0, #903ef8 100%);
    }
    .tri-box.andr-five,
    .tri-box.andr-four,
    .tri-box.andr-one,
    .tri-box.andr-six,
    .tri-box.andr-three,
    .tri-box.andr-two {
        margin: 0 auto 80px;
        padding: 50px 10px 20px;
        height: auto;
        width: 100%;
        border-radius: 20px;
        background: #ff5676;
    }
    .tri-icon {
        top: -60px;
    }
    .message-box {
        padding: 25px 0;
        border-radius: 0;
        width: 100%;
    }
    .email-media {
        background: #33177c !important;
    }
    .lead-extra {
        padding: 30px 20px 20px;
    }
    .lead-content h2,
    .lead-content h3 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 20px;
    }
    .lead-details {
        background: #4233d8 !important;
    }
    .vid-img img {
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
    }
    .easy-animeted-text,
    .mobile_app_main .centerCol {
        width: auto;
    }
    .banner_sec.div-opps-banner .banner_text h1,
    .easy-animeted-text h2,
    .easy-animeted-text h3,
    .hire-a-react-app .globl-content h2,
    .source-about-title h4,
    .tech-content h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .video-explainations {
        background: #011873;
        padding: 5% 0 0;
    }
    .easy-animeted-text p {
        font-size: 13px;
        line-height: 25px;
    }
    .videos-img a img {
        width: 20%;
    }
    .video-animations {
        background: #671b98;
    }
    .global-btn.media-btn {
        margin: 0 auto;
    }
    .white-anim-text {
        width: 100%;
        margin: 0;
        position: inherit;
    }
    .easy-animation.white-explainations {
        padding: 6% 0 5%;
    }
    .andriod-left p,
    .andriod-right p,
    .hire-text p,
    .lan-tabs .tab-content p,
    .source-about-title p,
    .white-anim-text p {
        font-size: 13px;
        line-height: 22px;
    }
    .services.divop-services .lead-content h2 {
        font-size: 12px;
        line-height: 26px;
    }
    .divop-services .services p {
        font-size: 13px;
        margin: 0;
    }
    .source-about-text h2 {
        font-size: 15px;
    }
    .satr {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .hiring-title p,
    .source-about-text p {
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }
    .site-main ul li,
    .source-about .container-fluid {
        padding: 0 10px;
    }
    .source-about .satrbtn {
        float: none;
    }
    .andriod-bol,
    .satl {
        margin: 0;
    }
    .source-about-title {
        margin: 0 auto 20px;
        width: 100%;
    }
    .services.divop-services {
        padding: 30px 0;
        background: #027ceb;
    }
    .dev .services-content span.h4 {
        color: #000;
    }
    .services.out-services {
        background: #1842e3;
    }
    .source-about-text h3 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .bam_img.moving {
        z-index: 2;
    }
    .outsource-digital {
        background: #3d28ef;
    }
    .outsource-digital .services p {
        color: #fff;
    }
    .itstaff-services {
        background: #173fd9;
        padding: 20px 0 10px;
    }
    .it .choose_div {
        min-height: auto !important;
    }
    .Delight_text h4,
    .Delight_text h5,
    .hiring-title h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .mob-box {
        height: 60px;
    }
    .details-content p {
        font-size: 13px;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .details-content span.h4 {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .hiring-title {
        padding: 0 0 20px;
        text-align: inherit;
    }
    .my-media .nav-tabs .nav-link {
        width: 270px;
        height: 70px;
    }
    .details-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .andriod-boxtext {
        width: 100%;
        text-align: left;
        position: relative;
    }
    .andriod-boxtext span.h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #000;
    }
    .andriod-right .andriod-maincont {
        margin: 0 0 50px;
        position: relative;
    }
    .andriod-bol span {
        position: absolute;
        left: 0;
        top: -50px;
        display: none;
    }
    .lan-tabs .tab-button img {
        width: 105px;
        height: 50px;
    }
    .details-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px;
    }
    .andriod-left {
        padding: 20px 0 0;
    }
    .hire-a-react-app .react-box {
        height: 70px;
    }
    .optmization-services {
        padding: 5% 0 3%;
    }
    .services.styl .container-fluid {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .sitemap li a {
        font-size: 12px;
        padding: 0 0 10px;
        display: block;
    }
    .stellarnav .menu-toggle span.bars {
        top: 0;
    }
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .location-btn-mobile,
    .stellarnav.mobile .menu-toggle {
        top: 5px;
        right: 3px;
        height: 41px;
    }
    .home .banner_text h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .home .banner_text p {
        font-size: 13px;
        line-height: 25px;
        margin: 2px auto 20px;
    }
    .my-services h2,
    .my-services h2 span {
        font-size: 25px;
        line-height: 30px;
        width: 100%;
    }
    .form_sec::after {
        width: 100%;
        height: 73%;
    }
    .hire_div p {
        font-size: 13px;
        width: 100%;
        margin: 10px auto 0;
        color: #000;
    }
    .dedicated-wrap .three_step .augment_head .gardient_text {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
    }
    .form_right h4 {
        font-size: 21px;
        line-height: 23px;
    }
    .index-sec-4 .gen-text {
        font-size: 13px;
        width: 100%;
    }
    .testmonial_sec .soft_head h4 {
        font-size: 15px;
        line-height: 26px;
    }
    .sec8-leftcontent span {
        font-size: 13px;
        line-height: 19px;
    }
    .need_head .h2,
    .soft_head h2,
    .soft_head h2 .gardient_text,
    .soft_head h3,
    .soft_head h3 .gardient_text {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .staff_aug_head h3,
    .staff_aug_head h3 .gardient_text {
        font-size: 18px;
        line-height: 24px;
    }
    .Craft_sec .h4,
    .Craft_sec h2,
    .Delight_head h2,
    .Delight_head h3,
    .Reli_sec.hir .Reli_text .h2,
    .Reli_sec.hir .Reli_text h2,
    .Reli_text .h4,
    .Smarter_sec .h2,
    .arvr_text h3,
    .augment_head .h2,
    .fa_head .h3,
    .fa_head span small,
    .fa_head span.h3,
    .h3,
    .rewrite_img .h4 {
        font-size: 18px;
    }
    .soft_sec .btn.btn_black {
        margin: 20px auto;
    }
    #thumbs .item {
        padding-top: 0;
    }
    .our-story .banner_text {
        padding: 0 0 5%;
    }
    .our-story .Reli_img img {
        width: auto;
        margin: 0 auto 20px;
    }
    .mobile_app_div h3,
    .mobile_app_div h4 {
        font-size: 18px;
        line-height: 16px;
    }
    .Craft_sec h3,
    .Reli_sec .Reli_text .h4,
    .Reli_sec .Reli_text h2,
    .Reli_text h2,
    .hire_sec .index-sec-4 .gardient_text,
    .hire_sec .index-sec-4 .gen-heading,
    .hire_sec .index-sec-4 .gen-headingtwo,
    .hire_sec .index-sec-4 .product-wrapper h2,
    .our-people .banner_sec h1,
    .our-people .banner_sec h1 span,
    .out_s_text h2,
    .out_s_text h3,
    .why_ctext h2,
    .why_ctext h3,
    .why_ctext span.h3 {
        font-size: 18px;
        line-height: 1.3;
    }
    .our-people .ben_image img {
        margin: 0 auto;
        width: auto;
    }
    .our-people .Reli_img img {
        width: auto;
        margin: 20px auto;
    }
    .Reli_sec .Reli_img.moving img,
    .ben_image img {
        margin: 20px auto;
        width: 100%;
    }
    .device .why_img img,
    .why_img img {
        width: 100%;
        margin: 20px auto;
    }
    .Delight_text .h3,
    .Delight_text h3 {
        font-size: 18px;
        line-height: 27px;
    }
    .need_text.ing {
        height: auto;
        margin: 30px 0;
    }
    .my-services.bloog .blog_card {
        min-height: 370px !important;
    }
    .rewrite_div {
        margin: 25% 0 20%;
    }
    .out_text {
        height: auto;
        width: auto;
    }
    .adv_img img {
        width: 100%;
        margin: 0 auto;
    }
    .icon_app_div h3,
    .icon_app_div h4,
    .icon_app_div h5 {
        font-size: 16px;
        line-height: 27px;
    }
    .icon_app_head .h4 {
        font-size: 18px;
        margin: 0 0 10px;
        line-height: 1.3;
    }
    .rewrite_img img {
        width: 100%;
        margin: 30px auto;
    }
}
@media (max-width: 320px) {
    .header-button .btn.btn_dev {
    margin:0;
    height: 35px;
    width: 134px;
    font-size: 12px;
  }
    .full-modal-contant p {
        font-size: 22px;
        line-height: 26px;
    }
    .highlight::before {
        top: 9px;
        width: 52px;
        height: 10px;
    }
     .header-right {
  
      display: none; /* Initially hide */
    }
    .active-header-right {
      display: block; /* Show when class is added */
      z-index: 9;
  
    }
    p.modal-pera-text {
        font-size: 12px !important;
    }
    p.modal-pera-text a {
        font-size: 12px;
    }
    .work_one {
        top: -560px;
    }
    .work_two.ss2 {
        top: -430px;
    }
    .work_one.ss3 {
        top: -285px;
    }
    .work_two {
        bottom: -2px;
    }
}
