@media (min-width:1920px) {
    .container {
        max-width: 85vw
    }

    .hero_heading {
        font-size: 6vw;
        line-height: 100%
    }

    .home_banner_box .homeBannerLeft {
        /*width: 45vw*/
    }
}

@media (min-width:1561px) and (max-width:1920px) {
    .container {
        max-width: 85vw
    }
}

@media (max-width:1920px) {
    .homeBannerNew.homeBannerNew2 {
        min-height: 42.65vw;
        height: 42.65vw
    }
}

@media (max-width:1560px) {
    .homeBannerNew.homeBannerNew2 {
        min-height: 42.9vw;
        height: 42.9vw
    }

    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 55%
    }
}

@media (max-width:1367px) {

    .homeBannerNew2 .videoOverlay,
    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 60%
    }

    .homeBannerNew.homeBannerNew2 {
        min-height: 44.4vw;
        height: 44.4vw
    }

    .officesLocationsBox {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    .footerStripeChild {
        flex-wrap: wrap
    }

    .footerStripRight {
        width: 100%
    }

    .advance_ai_banner__bottom_section_child {
        grid-template-columns: 400px 1fr;
        gap: 50px 50px
    }

    .ai_building_block_child {
        grid-template-columns: 1fr 400px;
        gap: 50px 50px
    }

    .ai_power_grid_card_1 .ai_power_grid_card__image img {
        max-width: 300px
    }

    .unleash_ai_section .text_image_content {
        padding: 50px
    }

    .common_banner_container_align__bottom .common_banner_media_child,
    .text_mage_media {
        padding-left: 50px
    }

    .page_banner_description {
        font-size: 18px;
        line-height: 27px
    }

    .main_banner_heading {
        font-size: 58px;
        line-height: 60px
    }

    .newBannerChild .homeBannerBOx {
        padding-right: 30px
    }

    .container {
        max-width: 100%;
        padding: 0 50px
    }
}

@media (max-width:1300px) {
    .homeBannerImg {
        max-height: 520px;
        height: 520px
    }

    .homeBanner {
        padding: 70px 0 120px
    }

    .container {
        max-width: 100%
    }

    .sub_section_heading {
        font-size: 22px;
        line-height: 28px
    }

    .fontSize22 {
        font-size: 20px;
        line-height: 25px
    }

    .fontSize26 {
        font-size: 23px;
        line-height: 30px
    }

    .oneTeamSection {
        padding: 80px 0
    }

    .oneTeamRight {
        padding-left: 40px
    }

    .oneTeamRight h3 {
        margin-bottom: 33px
    }

    .teamLeftSec2 .teamBuilds span {
        font-size: 64px;
        line-height: 73px
    }

    .oneTeamLeft .productsDelivered span {
        font-size: 90px;
        line-height: 100px
    }

    .projetsSlidersBox .slidesCounter {
        bottom: -35px
    }

    .ourProjectSlider {
        padding: 70px 0
    }

    .blogDetailsBanner,
    .ourProductsBoxImage.scalieProductsBoxImage {
        width: 40%
    }

    .blogDetailsBanner {
        width: 100%
    }

    .bannerHeading.bannerHeading2 {
        padding-right: 20px
    }

    .caseSec {
        background-size: 49%
    }

    .scalieProductBox .ourProductContentBox {
        width: 60%
    }

    .footSecBoxUpdated {
        padding-right: 0
    }

    .homeBanner__updated h1.fontSize54 {
        font-size: 41px;
        margin-bottom: 10px
    }

    .newsletterItalicFont.fontSize45 {
        font-size: 38px
    }

    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 60vw
    }

    .homeBanner__updated .newBannerChild .homeBannerBOx {
        width: 425px
    }

    .homeBanner__updated .homeBannerLeft_updated .bannerSubHeading {
        padding: 0;
        margin-bottom: 25px;
        letter-spacing: normal
    }

    .homeBanner__updated .project_delivered_client {
        height: 64px
    }

    .homeBanner__updated .projet_delivered_box {
        margin-bottom: 18px
    }

    .navbar-nav .nav-item {
        margin-right: 15px
    }

    .menu_cards_article__text {
        -webkit-line-clamp: 5
    }
}

@media (max-width:1199px) {
    .topBoxs {
        margin-top: 85px
    }

    .navbar-expand-md .navbar-toggler,
    .subMenus .closeSubMenu {
        display: block
    }

    .headerRightInner {
        display: none
    }

    .navbar-expand-md .navbar-collapse {
        display: none;
        position: fixed;
        background: var(--colorWhite);
        width: 100%;
        left: 0;
        right: 0;
        top: -100%;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
        background: rgb(0 0 0 / .3)
    }

    .navbar-expand-md .navbar-nav {
        width: 100%;
        background: #fff;
        padding: 40px 0;
        flex-direction: column
    }

    .mainMenu .navbar-nav .nav-item {
        line-height: normal;
        text-align: center;
        width: 100%
    }

    .navbar-expand-md .navbar-nav .nav-link.menuLink,
    .serviceBannerBox {
        padding-bottom: 0
    }

    .mainMenu .navbar-nav .nav-item.activeMenu .subMenus {
        z-index: 99;
        top: 62px
    }

    .navbar-nav .nav-item {
        margin-right: 0
    }

    .subMenus {
        height: calc(100vh - 62px);
        top: 61px
    }

    .subMenuListsSec .subMenuHeadings {
        margin-left: 10px;
        padding-right: 20px;
        text-align: left
    }

    .footerBox .footLeft,
    .submenuBoxs {
        padding-right: 20px
    }

    .nav-link:focus,
    .nav-link:hover {
        border-bottom: none
    }

    .navbar-light .navbar-nav .nav-item {
        margin-bottom: 5px
    }

    .headerBox {
        display: block !important;
        float: left !important
    }

    .navbar-expand-md .navbar-nav .nav-link,
    .technologySubmenu .submenuInnerBox .menuRight {
        padding: 0
    }

    .homeBannerLeft h2,
    .nav-item {
        margin-bottom: 30px
    }

    .teamLeftSec2 .teamBuilds:first-child,
    .weCertified {
        margin-bottom: 60px
    }

    .mottoContent p,
    .newBannerChild .homeBannerBOx .homeBannerLeft h2 {
        margin-bottom: 20px
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        background: 0 0;
        border: none;
        padding-bottom: 0
    }

    .navbar-expand-md .navbar-nav .dropdown-menu.show {
        transition: .3s
    }

    .dropdown-item {
        color: var(--colorWhite)
    }

    .menu_cards_article_content,
    .submenuBoxs .subMenuLists {
        text-align: left
    }

    .submenuInnerBox .menuRight {
        padding: 41px 0 41px 25px
    }

    .navbar-expand-md .navbar-collapse.show {
        top: 62px;
        border-top: 1px solid var(--colorBlack)
    }

    .navbar-nav .nav-link.menuLink::before {
        top: inherit;
        bottom: -2px
    }

    .container {
        max-width: 100%;
        padding: 0 50px
    }

    .headerButton {
        display: flex;
        align-items: center
    }

    .navbar.navbar-expand-md {
        padding: 12px 0
    }

    .caseStudyBanner.caseStudyBanner2,
    .sectionTop,
    .teamLeftSec2 .teamBuilds:last-child {
        margin-top: 60px
    }

    .header .headerLogo,
    .header.fixedHeader .headerLogo {
        width: 66px;
        display: inline-block
    }

    .header .headerLogo .navbar-brand,
    .header.fixedHeader .headerLogo .navbar-brand {
        width: 76px
    }

    .header .headerLogo .navbar-brand img,
    .header.fixedHeader .headerLogo .navbar-brand img {
        height: 100%;
        width: 100%
    }

    .navbar-expand-md .navbar-toggler,
    .navbar-expand-md .navbar-toggler:focus {
        padding: 0;
        border: none;
        box-shadow: none
    }

    .headerButton span {
        margin-left: 20px
    }

    .headerButton span.arrowIcn {
        margin-left: 0
    }

    .homeBannerImg {
        max-height: 430px;
        height: 430px
    }

    .fontSize62 {
        font-size: 56px;
        line-height: 63px
    }

    .section_large_heading {
        font-size: 45px;
        line-height: 63px
    }

    .homeBannerBOx .bannerHeading .smallHeadings {
        font-size: 42px;
        line-height: 50px
    }

    .sub_section_heading {
        line-height: 32px
    }

    .homeBannerLeft .bannerSubHeading {
        margin-bottom: 38px
    }

    .homeBanner {
        padding: 55px 0 80px
    }

    .oneTeamSection {
        padding: 50px 0
    }

    .teamLeftSec2 .teamBuilds span {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 5px
    }

    .oneTeamLeft .productsDelivered span {
        font-size: 75px;
        line-height: 85px
    }

    .fontSize22 {
        font-size: 18px;
        line-height: 22px
    }

    .fontSize26 {
        font-size: 20px;
        line-height: 26px
    }

    .oneTeamRight {
        padding-left: 15px
    }

    .ourSolutionInner .mainSecHeading {
        padding-right: 100px
    }

    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner {
        width: 55%
    }

    .ourSolutionBox.ourSolutionBox2 .solutionBoxContnet {
        width: 45%
    }

    .ai_faqs_grid .sectionHeading,
    .businessHeadsLeft,
    .footSecBox .locatedOffices,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner h4,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner p {
        padding-right: 0
    }

    .ourSolutionBox .solutionBoxBanner h4,
    .ourSolutionBox .solutionBoxBanner p {
        color: var(--colorWhite);
        padding-right: 0
    }

    .page_banner_description {
        font-size: 18px;
        line-height: 23px
    }

    .common_section_description {
        font-size: 16px;
        line-height: 24px
    }

    .growthHackingInner p,
    .mainBannerLeft .caseStudyBannetTop .bannerHeading {
        padding-bottom: 20px
    }

    .sub_section_heading {
        font-size: 20px
    }

    .mottoContent p {
        line-height: 29px
    }

    .ourTeamInner .ourTeamContent {
        padding: 0 100px
    }

    .recognitionInner .awardsSection {
        padding: 0 15px
    }

    .ourTeamBox {
        margin-top: -130px
    }

    .btnStyle {
        font-size: 16px;
        line-height: 16px
    }

    .joinTeamIntroCont {
        padding-right: 18px
    }

    .joinTeamDetCont {
        padding: 0 18px 10px
    }

    .recognitionBox {
        padding: 80px 0 70px
    }

    .weDeliverBox.weDeliverBox2 {
        padding-top: 70px
    }

    .mainSecHeading.mainSecHeading3 {
        margin-bottom: 18px
    }

    .latestNewsBox .row .col-sm-6:nth-child(odd),
    .projectContentBox .projectSubHeading span {
        padding-right: 30px
    }

    .slideCount .active {
        font-size: 58px
    }

    .careerBannerBox,
    .mainSecHeading {
        padding-bottom: 40px
    }

    .queryInnerBox .queryRight {
        padding-left: 35px
    }

    .formDesign .form-control {
        font-size: 16px;
        line-height: 17px;
        padding: 16px 14px
    }

    .customCheckbox input[type=checkbox]:checked+label,
    .customCheckbox input[type=checkbox]:not(:checked)+label {
        font-size: 16px
    }

    .aboutBanner .serviceBannerBox,
    .querySection {
        padding: 70px 0
    }

    .queryInfoBanner {
        margin-top: 40px
    }

    .workRepositorySec {
        padding: 60px 0 50px
    }

    .ourProjectSlider {
        padding: 60px 0
    }

    .footerTop {
        padding: 60px 0 40px
    }

    .footerSpace {
        padding: 35px 0 10px
    }

    .pressContentBox .pressBoxHeading {
        line-height: 35px
    }

    .serviceBannerRight.blogBannerRight {
        padding-right: 0;
        width: 430px
    }

    .blogBannerLeft h2 {
        margin-bottom: 40px
    }

    .subHeading2 {
        padding-right: 22%
    }

    .aboutSlideImageUpdate span,
    .benefitsInner .benefitsRight,
    .caseProcSecCont .caseProcDescCont {
        padding-left: 50px
    }

    .serviceFor .serviceForLists .serviceForBox:first-child {
        padding-right: 40px
    }

    .serviceFor .serviceForLists .serviceForBox {
        flex: 1
    }

    .queryInnerBox .queryLeft,
    .queryInnerBox .queryRight {
        flex: 1;
        width: auto;
        min-width: auto
    }

    .caseImgCont img {
        max-height: 400px
    }

    .serviceBannerRight {
        padding-top: 0;
        padding-left: 0;
        text-align: center
    }

    .portfolioBannerBox {
        padding-bottom: 80px
    }

    .caseSec {
        height: 100%
    }

    .processStepsInner .innerImg {
        height: 50px;
        width: 50px
    }

    .processStepsInner .innerContent {
        font-size: 15px;
        line-height: 20px
    }

    .agileProcStep:nth-child(2n) {
        margin-top: 25px
    }

    .highlightHeading span:before {
        bottom: 10px;
        height: 9px
    }

    .contactMainForm.contactFormsSec {
        padding-left: 40px
    }

    .weCertified {
        margin-top: 50px
    }

    .quoteAuthorInfo {
        margin-left: 10px
    }

    .footercertificationBox span,
    .quoteCont .quoteContIn {
        padding: 0 10px
    }

    .aboutSlideContent .aboutQuote,
    .newBannerChild .homeBannerBOx .homeBannerLeft .bannerSubHeading {
        margin-bottom: 25px
    }

    .menu_cards_article__link_box,
    .watchYTVidBtn {
        margin-top: 20px
    }

    .aboutSlideImage span,
    .footerStripRight .footSecBox {
        width: 100%
    }

    .latestNewsBox .row .col-sm-6:nth-child(2n) {
        padding-left: 30px
    }

    .latestNewsBox .row .col-sm-6 {
        margin-bottom: 50px
    }

    .statsSectionNew .statsCountNew {
        margin-right: 25px
    }

    .guideYouBtm {
        padding: 44px 50px
    }

    .ai_power_grid_card_1 .ai_power_grid_card__content,
    .quoteCont.quoteContInNew .quoteContIn {
        flex-direction: column
    }

    .testimonialBoxsNew .testimonialSecLeft {
        width: 210px;
        min-width: 210px;
        padding-right: 0
    }

    .customMenuNew .subMenus {
        width: 100%;
        top: 61px;
        position: fixed;
        height: 374px;
        min-height: 374px
    }

    .customMenuNew .subMenus .submenuInnerBox .subMenuList ul li {
        text-align: center
    }

    .testimonialSecTop .testimonialByImage {
        width: 200px
    }

    .newBannerChild .homeBannerBOx {
        width: 337px;
        padding-right: 0
    }

    .subMenusOuterNew .servicesSubmenu .submenuBoxs {
        width: 25%
    }

    .scalieProductBox .productHeadText {
        margin-bottom: 35px
    }

    .fontSize42 {
        font-size: 37px;
        line-height: 44px
    }

    .ourProductContentBox {
        padding: 20px
    }

    .scalieProductBox .ourProductContentBox {
        padding-top: 30px
    }

    .brandsLogoSectionChild {
        grid-template-columns: repeat(5, 1fr);
        gap: 15px 15px
    }

    .portfolioTabsSection.stickySection {
        top: 62px
    }

    .fontSize45 {
        font-size: 36px;
        line-height: 44px
    }

    .projectFeaturesTabs.nav-tabs,
    .queryBoxsUpdated {
        gap: 30px
    }

    .queryFormLeftBox .queryRightBannerBox {
        padding: 25px 30px
    }

    .caseStudtNewBanner .careerBannerBox .serviceBannerLeft {
        padding: 90px 0
    }

    .keyFeaturesChild {
        grid-template-columns: 250px 1fr
    }

    .differentListItems .differentListItemsCount {
        width: 46px;
        height: 46px
    }

    .differentListItems::before {
        top: 23px
    }

    .fontSize32 {
        font-size: 26px;
        line-height: 34px
    }

    .newTestimonialBox {
        gap: 40px 50px
    }

    .caseStudyNewBanner .serviceBannerBox.careerBannerBox {
        grid-template-columns: 0.5fr 0.5fr
    }

    .caseStudyNewBanner .serviceBannerRight.serviceBannerRight_update.caseStudyProductBanner2,
    .ourApproachContent,
    .text_mage_media {
        padding-left: 0
    }

    .caseStudyBannerNewChildBottom {
        margin-top: 80px
    }

    .fontSize60 {
        font-size: 54px;
        line-height: 64px
    }

    .about-project-child2 {
        width: 85%
    }

    .ourApproachItemGrid:nth-child(2n) .ourApproachContent {
        padding-left: 0;
        padding-right: 0
    }

    .projectFeaturesTabs .nav-item {
        margin-bottom: 0
    }

    .projectFeaturesListing {
        gap: 30px 30px
    }

    .footerStripeChild {
        flex-wrap: wrap
    }

    .footerStripRight {
        width: 100%;
        margin-top: 10px
    }

    .footSections.footSectionsUpdate {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    .footSections.footSectionsUpdate .footBottomSecFirst {
        grid-column: span 4
    }

    .homeBanner__updated .newBannerChild .homeBannerBOx {
        width: 393px
    }

    .new_button_style .new_button_style_icon {
        height: 32px;
        width: 32px
    }

    .advance_ai_banner__bottom_section_child {
        grid-template-columns: 340px 1fr;
        gap: 40px 50px
    }

    .ai_expertise_card__child {
        grid-template-columns: 1fr
    }

    .ai_spectrum_slide__image img {
        height: 70px
    }

    .ai_building_block_child {
        grid-template-columns: 1fr 340px;
        gap: 40px 50px
    }

    .ai_industry_child_grid_item {
        padding: 30px 20px
    }

    .ai_power_grid_card_2 .ai_power_grid_card__image img {
        max-width: 300px
    }

    .ai_power_grid_card__image {
        width: 100%;
        text-align: center
    }

    .ai_automation_work_card .ai_automation_card_content {
        margin-bottom: 33px;
        padding-right: 0
    }

    .why_designoweb_section .text_image_content {
        padding: 50px 30px 50px 50px
    }

    .custom_button_animation_text {
        position: relative
    }

    .custom_button_animation:before {
        z-index: 0
    }

    .companyMenuNewDesign .companyMenuLeft {
        width: 45%;
        min-width: 45%;
        padding-left: 0
    }

    .companyMenuNewDesign .company_menu_cards {
        width: 55%;
        min-width: 550px
    }

    .custom_button_animation_content,
    .navbar-expand-md .navbar-nav .nav-item.activeMenu .nav-link.menuLink,
    .navbar-nav .nav-link.menuLink {
        color: var(--colorOffBlack)
    }

    .header_menu_item_icon svg path {
        fill: var(--colorOffBlack)
    }
}

@media(max-width:1150) {
    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 62vw
    }

    .homeBanner__updated .newBannerChild .homeBannerBOx {
        width: 366px
    }
}

@media(max-width:1111px) {
    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 100%
    }

    .homeBanner__updated .newBannerChild .homeBannerBOx {
        width: 90%;
        position: relative
    }
}

@media(max-width:1024px) {
    .common_moving_slider .client_vist_testimonial_section {
        flex: 0 0 23%;
        max-width: 23%
    }

    .common_moving_slider .gallery_carousel_tiem {
        flex: 0 0 33%;
        max-width: 33%
    }
}

@media (max-width:992px) {
    .partnerSignupFormNew .formInnerBoxChild {
        grid-template-columns: 1fr
    }

    .becomePartnerSignupFormParent,
    .partnerSignupFormNew .formSecBanner {
        display: flex
    }

    .becomePartnerSignupFormParent .formBox,
    .partnerSignupFormNew .formSecBanner img {
        max-width: 500px;
        margin: 0 auto
    }
}

@media (max-width:991px) {

    .ai_automation_work_card .ai_automation_card_image img,
    .ai_power_grid_card_1 .ai_power_grid_card__image img,
    .ai_power_grid_card_2 .ai_power_grid_card__image img,
    .container {
        max-width: 100%
    }

    .copyrightBox,
    .mainMenu .navbar-nav .nav-item.newCompanyMenu,
    .oneTeamSectionNewSectionChild2 .statsSectionNew .statsCountNew,
    .unleash_ai_section .text_mage_media__child {
        text-align: center
    }

    .oneTeamLeft {
        width: inherit
    }

    .homeBannerImg {
        max-height: 310px;
        height: 310px
    }

    .container {
        padding: 0 30px
    }

    .fontSize62 {
        font-size: 52px;
        line-height: 56px
    }

    .section_large_heading {
        font-size: 37px;
        line-height: 50px
    }

    .homeBannerBOx .bannerHeading .smallHeadings {
        font-size: 34px;
        line-height: 40px
    }

    .hireDedicatedDevsNew .dedicatedDevsList ul li,
    .slideCount,
    .sub_section_heading {
        font-size: 18px
    }

    .awardsSection .awardsCard:last-child,
    .homeBannerLeft h2,
    .mottoContent .mottoHeading,
    .newQueryTop .newQueryTopSubhead,
    .oneTeamRight h3,
    .recognitionInner .col-md-12:nth-last-child(-n+3) {
        margin-bottom: 20px
    }

    .homeBannerLeft .bannerSubHeading,
    .newQueryContentText,
    .weDeliverListing .col-sm-4 {
        margin-bottom: 30px
    }

    .teamLeftSec2 .teamBuilds span {
        font-size: 43px;
        line-height: 50px
    }

    .oneTeamLeft .productsDelivered span {
        font-size: 62px;
        line-height: 72px
    }

    .oneTeamLeft .teamBuilds p {
        font-size: 17px;
        line-height: 22px
    }

    .ourMottoSection,
    .ourSolutions,
    .p80sec,
    .recognitionBox {
        padding: 60px 0
    }

    .appDevelopment .solutionBoxBanner h4 {
        margin-bottom: 18px
    }

    .page_banner_description {
        font-size: 16px;
        line-height: 22px
    }

    .stepsList .stepsListItem {
        margin-bottom: 13px;
        padding-left: 24px;
        padding-right: 10px
    }

    .growthHackingInner p,
    .newCompanyMenu .companySubmenu .companyMenuLeft {
        padding-bottom: 0
    }

    .growthHacking .growthHackingInner .grwothInnerBox {
        padding: 30px 30px 0
    }

    .mottoContent p {
        line-height: 27px;
        margin-bottom: 15px
    }

    .joinTeamDetCont .common_section_description,
    .serviceForLists .serviceForBox p {
        font-size: 14px
    }

    .ourTeamInner .ourTeamContent {
        padding: 0 20px
    }

    .ourTeamBox {
        margin-top: -100px
    }

    .awardsSection,
    .caseStudyBnr .col-sm-5,
    .caseStudyBnr .col-sm-7,
    .footerTop .footerBox .footRight,
    .howWorksBox2 .howWorksInner .col-sm-6,
    .imgGrdCont .row:first-child .col-md-6:last-child .imgGrdCol .row,
    .serviceBannerRight.blogBannerRight,
    .weCertified,
    .weDeliverTop {
        width: 100%
    }

    .weDeliverBox {
        padding: 0 0 20px
    }

    .appProcess,
    .serviceBannerBox {
        padding-top: 40px
    }

    .weDeliverBox.weDeliverBox2 {
        padding-top: 60px
    }

    .aboutSlideImage span img {
        width: auto;
        height: auto
    }

    .aboutSlideImage span {
        width: auto;
        padding-left: 40px
    }

    .appProcess {
        padding-bottom: 40px
    }

    .appProcessLight .appProcessInner .appProcessBanner {
        max-width: unset;
        float: none;
        flex-direction: column
    }

    .appProcessLight .serviceForLists .serviceForBox {
        padding-bottom: 30px
    }

    .caseStudyBanner {
        background-image: none !important
    }

    .sub_section_heading {
        font-size: 24px;
        line-height: 30px
    }

    .common_section_description {
        font-size: 15px;
        line-height: 21px
    }

    .companyMenuNewDesign .companyMenuLeft,
    .ourProductsBoxImage.scalieProductsBoxImage,
    .projectContentBox .projectSubHeading span {
        padding-right: 10px
    }

    .serviceForLists .serviceForBox h3,
    .serviceForLists .serviceForBox h4 {
        font-size: 17px;
        line-height: 21px
    }

    .serviceFor .serviceForLists {
        padding: 20px 0 0
    }

    .serviceFor.serviceFor3 .serviceForLists .serviceForBox {
        padding-bottom: 20px
    }

    .slideCount .active {
        font-size: 50px
    }

    .fontSize14 {
        font-size: 13px
    }

    .footerTop .footerBox {
        flex-wrap: wrap
    }

    .footerBox .footLeft {
        margin-bottom: 25px;
        width: 100%
    }

    .footBottomSec,
    .halfWidth {
        width: 100%;
        padding-right: 0
    }

    .footerMid .footerSpace {
        padding: 35px 0 0
    }

    .footBtmInner {
        flex-wrap: wrap;
        align-items: center
    }

    .copyrightBox {
        width: 100%;
        margin-bottom: 20px
    }

    .footBtmRight {
        width: 100%;
        justify-content: center
    }

    .footerTop {
        padding: 50px 0 40px
    }

    .oneTeamRight {
        padding-left: 0;
        margin-top: 40px
    }

    .appProcess .serviceFor.serviceFor2,
    .ourSolutionInner .mainSecHeading {
        padding-right: 0
    }

    .pressBanner2 {
        padding-top: 130px
    }

    .howWorksImg {
        padding-left: 40px
    }

    .quoteAuthorCont {
        margin-top: 15px
    }

    .quoteAuthorCont2 {
        flex-direction: column;
        align-items: flex-start
    }

    .quoteAuthorCont2 .pressDate.leftMargin {
        margin-left: 0;
        margin-top: 20px
    }

    .howWorksBox2 .howWorksInner .howWorksRight,
    .weCertified {
        margin-top: 40px
    }

    .subHeading2 {
        padding-right: 10%
    }

    .latestNewsBox .row .col-sm-6:nth-child(odd) {
        padding-right: 12px
    }

    .latestNewsBox .row .col-sm-6:nth-child(2n) {
        padding-left: 12px
    }

    .newsBoxs .newsImage {
        height: 140px;
        width: 140px;
        min-width: 140px;
        margin-right: 15px
    }

    .latestNewsBox .row .col-sm-6,
    .serviceBannerBox {
        margin-bottom: 40px
    }

    .howWorksBlogs .blogImg {
        min-width: 210px;
        width: 210px
    }

    .procStepRow:nth-child(2n) .procStepWrp::after,
    .procStepRow:nth-child(odd) .procStepWrp::before {
        width: 50px
    }

    .aboutWeDeliverBox {
        padding: 40px 0 0
    }

    .footerStripRight,
    .recognitionInner.flexBox,
    .submenuDropbox {
        flex-direction: column
    }

    .offshoreSubmenu .menuLeft,
    .offshoreSubmenu .menuRight,
    .servicesSubmenu .menuLeft,
    .servicesSubmenu .menuRight,
    .technologySubmenu .menuLeft,
    .technologySubmenu .menuRight {
        width: 100%;
        min-height: auto
    }

    .mainMenu .navbar-nav .nav-item.activeMenu .subMenus {
        overflow-y: auto;
        overflow-x: hidden
    }

    .companySubmenu .submenuBoxs,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs {
        width: 50%
    }

    .ourProcBanner {
        padding-top: 132px
    }

    .caseStudyBnr .serviceBannerBox,
    .mainBannerBoxs .serviceBannerBox,
    .statsSectionNew .statsSecNewTop,
    .weDeliverCertified.weCertified.boxs {
        margin-bottom: 50px
    }

    .caseProcSecCont .caseProcDescCont,
    .common_banner_container_align__bottom .common_banner_media_child,
    .guideYouRight,
    .indusServCont {
        padding-left: 0
    }

    .processStepsInner .innerImg {
        height: 40px;
        width: 40px
    }

    .processStepsInner .innerContent {
        font-size: 12px;
        line-height: 15px
    }

    .processStepsInner {
        margin-top: 25px
    }

    .agileProcStep:nth-child(2n) {
        margin-top: 18px
    }

    .agileProcStepsCont.agileProcStepsCont2 {
        margin: 50px 0 0
    }

    .aboutImgGrd,
    .caseDescSecCont,
    .caseProcSecCont,
    .moreCasesSec,
    .sectionPadding {
        padding: 50px 0
    }

    .techStkRow {
        margin-top: 50px
    }

    .imgGrdCont .row:first-child .col-md-6,
    .imgGrdCont .row:last-child .col-md-6 {
        width: 100%;
        margin-top: 15px
    }

    .imgGrdCont>.row:last-child {
        flex-direction: column-reverse
    }

    .aboutImgGrd .imgGrdCont {
        margin-top: 30px
    }

    .highlightHeading span:before {
        bottom: 8px;
        height: 8px
    }

    .contactMainForm.contactFormsSec {
        padding-left: 10px
    }

    .techBannerBox {
        margin-bottom: 60px
    }

    .ourCertificateBox:nth-child(2) {
        margin: 0 auto
    }

    .testimonialsListsBox .col-md-6:nth-child(3) {
        width: 100%;
        border-left: 0;
        border-top: 1px solid var(--colorBlack);
        padding-top: 30px;
        margin-bottom: 0
    }

    .flexBoxReverse .aboutSlideImage span {
        padding-right: 40px
    }

    .sideSection ul li a {
        font-size: 16px;
        line-height: 23px
    }

    .contentSectionDetail .sideSection {
        min-width: 220px;
        width: 220px;
        margin-right: 35px
    }

    .recognitionInner .awardsSection.awardsSectionMid {
        order: -1;
        margin-bottom: 20px
    }

    .recognitionInner .awardsSection {
        padding: 0;
        margin: 0
    }

    .statsSectionNew .statsCountNew {
        margin-right: 20px;
        padding: 20px
    }

    .guideYouBtm {
        padding: 35px
    }

    .guideYouRight ul li {
        width: 60%
    }

    .guideYouRight ul li:nth-child(2n) {
        width: 40%
    }

    .recognitionInnerNew .col-md-12.awardsCardMidSec {
        order: -1
    }

    .advance_ai_banner__top_content,
    .homeBanner.homeBannerNew {
        padding: 0
    }

    .offshoreDevelopmentMenu {
        display: flex
    }

    .subMenusOuterNew .servicesSubmenu .submenuBoxs {
        width: 33%
    }

    .submenuInnerBox .menuLeft.offshoreDevelopmentMenu {
        padding: 10px 0 40px
    }

    .mainBannerLeft .bannerHeading {
        padding-bottom: 25px
    }

    .ourProductsSectionNew .ourProductsChild .col-sm-12:first-child,
    .ourProductsSectionNew .ourProductsChild .col-sm-12:nth-child(4) {
        order: 1
    }

    .ourProductsSectionNew .ourProductsChild .col-sm-12:nth-child(2) {
        order: 4
    }

    .clientVisitList .clientVisitDetails,
    .ourProductsSectionNew .ourProductsChild .col-sm-12:nth-child(3) {
        order: 2
    }

    .ourProductsSectionNew .ourProductsChild .col-sm-12:nth-child(5) {
        order: 5
    }

    .testimonialsNewSlide {
        padding: 20px 20px 0
    }

    .testimonialsNewSliders {
        column-gap: 15px;
        row-gap: 15px
    }

    .partnerSecBgDesktop {
        height: 210px;
        overflow: hidden
    }

    .partnerSecBg img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .partnersSectionTopHeading .partnersTopSection {
        padding: 40px 40px 30px
    }

    .recognitionInner .col-md-12:last-child {
        margin-bottom: 0
    }

    .newCompanyMenu .submenuDropbox {
        flex-direction: row
    }

    .companyMenuLeft {
        gap: 30px 30px
    }

    .mainMenu .navbar-nav .nav-item.newCompanyMenu .submenuInnerBox {
        text-align: left
    }

    .threedModalWrapper {
        gap: 15px 15px
    }

    .findUsSocial .finUsSocialList:not(:last-child) {
        margin-bottom: 10px
    }

    .newQueryFormBox {
        width: 500px;
        margin: 30px auto 0
    }

    .portfolioTabsSection.stickySection {
        top: 62px
    }

    .homeSnippetsBox .skiVideoCont {
        height: 240px
    }

    .clientVisitList {
        grid-template-columns: repeat(1, 1fr)
    }

    .aboutUsNewChildSection,
    .newBlogsChild,
    .text_image_section {
        grid-template-columns: 1fr
    }

    .fontSize45 {
        font-size: 35px;
        line-height: 43px
    }

    .oneTeamSectionNewSectionChild.oneTeamSectionNewSectionChild2 .statsSecNewTop {
        flex-direction: row;
        gap: 30px;
        align-items: flex-start;
        justify-content: center;
        padding-right: 0
    }

    .ai_power br,
    .ai_transformation br,
    .newBlogsSection .blogsSectionRight,
    .oneTeamSectionNewSectionChildWeb,
    .real_life_innovation_bg {
        display: none
    }

    .oneTeamSectionNewSectionChildMob {
        display: block
    }

    .footerMid .footSections .footSecBox {
        margin-bottom: 25px
    }

    .companyMenuNewDesign .company_menu_cards,
    .newQueryForm .queryInnerBox .queryLeft,
    .queryInnerBox .queryLeft {
        width: 100%;
        min-width: 100%
    }

    .newQueryForm .queryInnerBox {
        gap: 20px
    }

    .footSectionsUpdate .footLogo {
        height: auto
    }

    .caseStudyNewBanner .serviceBannerBox.careerBannerBox {
        gap: 0 20px;
        grid-template-columns: 0.5fr .5fr
    }

    .caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerBottom .serviceBannerLeft,
    .caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerCenter,
    .caseStudyNewBanner2 .careerBannerBox .serviceBannerLeft {
        padding: 70px 0
    }

    .differentFeaturesInner {
        grid-template-columns: 290px 1fr
    }

    .differentFearuresContent {
        margin-top: -140px
    }

    .fontSize32 {
        font-size: 22px;
        line-height: 28px
    }

    .differentListItems .differentListItemsCount {
        width: 40px;
        height: 40px
    }

    .differentFeaturesList {
        padding-left: 53px
    }

    .projectRoadmapGrid {
        display: grid !important;
        gap: 40px 40px
    }

    .problemSolvedGrid {
        gap: 20px 20px
    }

    .newTestimonialBox {
        grid-template-columns: 270px auto;
        gap: 30px 30px
    }

    .caseStudyBannerNewChildBottom {
        margin-top: 30px;
        gap: 20px 15px
    }

    .mainBannerLeft .caseStudyBannerNewChildTop .bannerHeading {
        padding-bottom: 18px
    }

    .projectChallengeBanner {
        width: 260px;
        min-width: 260px
    }

    .ai_industry_child__grid,
    .officesLocationsBox,
    .projectFeaturesListing {
        grid-template-columns: repeat(2, 1fr)
    }

    .advance_ai_banner__top {
        padding: 60px 0 50px
    }

    .fontSize64 {
        font-size: 54px
    }

    .ai_industry_child_grid_item:first-child {
        grid-column: span 2;
        border: none !important;
        padding: 0 0 30px !important
    }

    .ai_power_grid_card__image {
        margin-top: 20px
    }

    .ai_faqs_grid,
    .real_life_innovation__child {
        grid-template-columns: 1fr;
        gap: 0
    }

    .text_mage_media__child img {
        max-width: 500px
    }

    .ai_industry_child__grid .ai_industry_child_grid_item,
    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(-n+3),
    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(3n),
    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(3n-2) {
        padding: 30px;
        border: 1px solid var(--colorWhite)
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(3n),
    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(odd) {
        border-right: 0;
        border-left: 0;
        padding-right: 0;
        border-top: none
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(2n) {
        border-left: 0;
        padding-left: 0;
        border-top: none;
        padding-right: 30px;
        border-right: 1px solid var(--colorWhite)
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .advance_ai_banner__bottom {
        padding-top: 100px
    }

    .section_background_gradient {
        background: linear-gradient(180deg, rgb(255 255 255 / .6) .1%, #fff 60%);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        position: absolute;
        z-index: 1;
        border-top: 1px solid var(--colorWhite);
        height: -webkit-fill-available;
        width: 100%
    }

    .background_gradient_image {
        display: block;
        top: 0;
        text-align: center
    }

    .background_gradient_image img {
        max-width: 700px
    }

    .newCompanyMenu .submenuInnerBox {
        background: var(--colorWhite)
    }

    .companyMenuNewDesign,
    .newCompanyMenu .submenuDropbox {
        flex-direction: column;
        gap: 30px 0
    }

    .companyMenuNewDesign .companyMenuLeft {
        width: 100%;
        min-width: 100%;
        padding-left: 0
    }
}

@media (max-width:900px) {
    .contactBanner {
        padding: 50px 0 40px
    }

    .contactBanner .mainBannerBox .col-sm-6,
    .homeBannerNew2 .videoOverlay,
    .homeBannerNew2.homeBanner__updated .videoOverlay {
        width: 100%
    }

    .contactBanner .mainBannerBox .contactBannerRight {
        margin-top: 40px;
        text-align: center
    }

    .testimonialsBannerBox {
        padding: 50px 0
    }

    .clientQuotesList {
        margin-top: 50px
    }

    .newBannerChild .homeBannerBOx {
        position: relative;
        width: 500px
    }

    .appProcessLight .appProcessInner .appProcessBanner.ourProcessRight {
        margin-top: 20px
    }

    .portfolioBanner2 .serviceBannerBox .mainBannerLeft {
        width: 60%;
        padding-right: 30px
    }

    .projectSlideBox2 .row .col-sm-2 {
        padding-left: 5px;
        padding-right: 5px
    }

    .projectSlideBox2 .col-sm-2 {
        margin: 5px 0
    }

    .homeBannerNew.homeBannerNew2 {
        min-height: 100%;
        height: 100%
    }

    .certifiedIconParent .certifiedIcon a {
        max-width: 190px
    }

    .certifiedIconParent {
        padding-right: 10px
    }

    .blogsNewListing {
        gap: 40px
    }

    .blogsListingItemImage {
        width: 150px;
        min-width: 150px
    }

    .blogsListingItem {
        gap: 15px
    }

    .footSections.footSectionsUpdate {
        display: grid
    }

    .fridaySaleBannerChild .giftBox {
        width: 120px;
        min-width: 120px
    }

    .blogContentDetail__child_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px 0
    }

    .common_banner_container.common_banner_container_medium {
        grid-template-columns: 1fr;
        gap: 0
    }

    .common_banner_with_image__bottom .common_banner_content {
        padding: 70px 0 0
    }

    .common_banner_container_align__bottom .common_banner_media_child {
        text-align: center;
        padding: 0
    }

    .common_banner_container_align__bottom .common_banner_media_child img {
        max-width: 300px
    }
}

@media(max-width:900px) {
    .queryBoxsUpdated {
        grid-template-columns: 1fr
    }

    .mobileSection {
        display: block
    }

    .desktopSection {
        display: none
    }

    .queryFormLeftBox {
        order: 1
    }

    .queryFormRightBox {
        order: 2
    }

    .fontSize40New {
        font-size: 35px;
        line-height: 40px
    }

    .queryFormBanner .contactFormPosterImage {
        position: relative
    }

    .padding_x_150 {
        padding: 0
    }

    .blogsSection_triple_grid,
    .casestudy_cards_grid_section {
        grid-template-columns: repeat(2, 1fr)
    }

    .blogsSection__listing_bottom_grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .flex_section_v_large {
        flex-direction: column
    }
}

@media (max-width:767px) {

    .homeBannerImg,
    .real_life_innovation_card_image img {
        max-height: 100%
    }

    .queryInnerBox {
        flex-wrap: wrap;
        display: block
    }

    .queryInnerBox .queryLeft {
        min-width: 100%;
        width: 100%
    }

    .about-project-child2,
    .appProcessInner .col-sm-5,
    .appProcessInner .col-sm-7,
    .benefitsInner .benefitsLeft,
    .benefitsInner .benefitsRight,
    .bindleListImage img,
    .blogDetailBanner .mainBannerBox .col-sm-5,
    .blogDetailBanner .mainBannerBox .col-sm-7,
    .companyMenuNewDesign .companyMenuRight,
    .couponFormInner .col-sm-6,
    .couponFormRight .col-sm-6,
    .footBottomSec,
    .footBottomSec:last-child,
    .footercertificationBoxMain.footercertificationBoxMainNew,
    .homeBannerBOx .col-sm-6,
    .howWorksInner .col-sm-6,
    .indusImg img,
    .indusSecCont .col-sm-6,
    .latestNewsBox .col-sm-6,
    .mainBannerBox .col-sm-6,
    .newTestimonialBox .newTestimonialImage img,
    .officesLocationsBox,
    .officesLocationsBox .footSecBox,
    .portfolioBanner2 .serviceBannerBox .serviceBannerRight,
    .pressReleaseInner .col-sm-6,
    .procStepWrp,
    .projectChallengeBanner img,
    .projectSlides .col-sm-6,
    .projetsSlidersNew .projectSlideBanner span,
    .projetsSlidersNew .projetsSlidersNewSec,
    .queryInfoBanner img,
    .subMenusOuterNew .servicesSubmenu .submenuBoxs,
    .weDeliverListing .col-sm-4 {
        width: 100%
    }

    .homeBannerImg {
        position: relative;
        padding-top: 40px;
        right: 0;
        height: 100%
    }

    .homeBannerImg span {
        width: 75%;
        height: auto;
        position: relative;
        float: right;
        margin-right: -30px
    }

    .sub_section_heading {
        font-size: 20px;
        line-height: 27px
    }

    .aboutUsSec2,
    .bizHeadsSec,
    .blogBanner,
    .companyBlogs,
    .homeBanner,
    .howWorksBox,
    .latestNews,
    .moreCasesSec,
    .ourMottoSection,
    .ourProjectSlider,
    .ourSolutions,
    .p80sec,
    .pressReleaseBoxs,
    .querySection,
    .recognitionBox,
    .weDeliverContentBox,
    .workRepositorySec {
        padding: 50px 0
    }

    .hireDedicatedDevsNew .dedicatedDevsList ul li {
        font-size: 16px
    }

    .oneTeamRight p {
        margin-bottom: 30px;
        padding-right: 0
    }

    .contactMainForm,
    .mainSecHeading,
    .newCompanyMenu .companySubmenu .menuLeft {
        padding-bottom: 30px
    }

    .btnStyle {
        font-size: 15px;
        line-height: 15px
    }

    .ourSoluitonsTop {
        flex-wrap: wrap
    }

    .awardsCard .awardsImage span,
    .ourSolutionsBottom .col-md-4 .solutionBoxBanner {
        min-height: auto
    }

    .stepsList .stepsListItem::before {
        top: 12px
    }

    .ourSolutionsBottom .col-md-4 .solutionBoxBanner h4 {
        margin-bottom: 5px
    }

    .advance_ai_banner__top_content br,
    .contentSectionDetail .sideSection,
    .footercertificationBoxMain,
    .homeBannerNew2 .videoOverlay,
    .ourSolutionsBottom .col-md-4 .solutionBoxBanner h4 br,
    .socialLinksUpdated.desktopView,
    .studyBannerImage,
    .viewWebsiteBox.viewWebsiteWebBtn {
        display: none
    }

    .contactFormInner .querySubHeading.querySubHeading2,
    .multipleContentBox p:not(:last-child),
    .ourSoluitonsTopNew .col-md-4,
    .ourSoluitonsTopNew .col-md-8,
    .ourSolutionsBottom .col-md-4,
    .ourSolutionsTypesNew .col-lg-12,
    .scalieProductBox .productDescriptionText,
    .scalieProductBox .productSubheadText,
    .weDeliverListing .col-sm-4,
    .weDeliverListing .col-sm-4:nth-last-child(-n+3) {
        margin-bottom: 20px
    }

    .agileProcStep:last-child,
    .blogsSection .col-sm-4:last-child,
    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .col-sm-6:last-child,
    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6:last-child,
    .footerTop .footerBox .footRight .col-sm-3:nth-last-child(-n+2),
    .latestNewsBox .row .col-sm-6:last-child,
    .ourMottoBox .col-sm-6:last-child,
    .ourSoluitonsTop .ourAppSolutions,
    .ourSoluitonsTop .ourWebSolutions,
    .ourSoluitonsTopNew .col-md-4,
    .ourSoluitonsTopNew .col-md-8,
    .ourSolutionsBottom .col-md-4:last-child,
    .pressReleaseInner .col-sm-6:last-child,
    .procStepRow:nth-last-child(2) .procStep,
    .productsListsBox .productsBox,
    .submenuBoxs:last-child,
    .weDeliverListing .col-sm-4:last-child {
        margin-bottom: 0
    }

    .mottoGuide .mottoSubHeading {
        margin-bottom: 12px
    }

    .contentSectionTop .headingContent,
    .mottoGuide .mottoSubContent {
        margin-bottom: 16px
    }

    .ourMottoBox .col-sm-6 {
        width: 100%;
        margin-bottom: 30px
    }

    .mottoContent p {
        line-height: 27px;
        margin-bottom: 10px
    }

    .oneTeamLeft {
        width: min-content;
        float: unset;
        margin: 0 auto
    }

    .oneTeamLeft .teamBuilds p {
        font-size: 16px;
        line-height: 20px
    }

    .ourSoluitonsTop .ourAppSolutions,
    .ourSoluitonsTop .ourWebSolutions {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .joinTeamSecIn {
        flex-direction: column;
        display: block
    }

    .ourTeamInner .ourTeamContent {
        padding: 0 15px;
        font-size: 28px;
        line-height: 32px
    }

    .ourTeamBox {
        margin-top: -70px
    }

    .aboutSlideImage,
    .caseProcDescCont,
    .caseTxtCont,
    .ourProcDesc,
    .queryInfoBanner {
        margin-top: 30px
    }

    .fontSize62 {
        font-size: 50px;
        line-height: 54px
    }

    .topSubHeading.topSubHeading2 {
        font-size: 22px;
        line-height: 26px
    }

    .mainMenu .navbar-nav .nav-item.activeMenu .subMenus,
    .navbar-expand-md .navbar-collapse.show {
        top: 60px;
        height: 100%
    }

    .mainMenu .navbar-nav .nav-item.activeMenu .subMenus {
        height: calc(100vh - 60px)
    }

    .navbar-expand-md .navbar-collapse.showBox {
        top: -100%
    }

    .couponSection .couponSectionTop,
    .mainBannerLeft .bannerHeading {
        padding-bottom: 25px
    }

    .ai_power_grid_card.ai_power_grid_card_1 .ai_power_grid_card__child_heading,
    .appProcess .serviceFor.serviceFor2,
    .bannerSmallContent,
    .caseStudyBnr .bannerSubHeading,
    .companySubmenu .subMenuListsSec .subMenuHeadings,
    .hireDevsLeft,
    .howWorksContent2,
    .joinDwLeftCol p,
    .mainSecHeadingNewGrid,
    .queryInfoContacts .querySubHeading.querySubHeading2,
    .serviceFor .serviceForLists .serviceForBox:first-child,
    .serviceForBox,
    .subHeading2 {
        padding-right: 0
    }

    .pressBanner.pressBannerMain {
        padding: 60px 0
    }

    .mainBannerBox .pressBannerRight,
    .mainBannerImg.mainBannerImg2 {
        padding-left: 0;
        margin-top: 40px;
        text-align: center
    }

    .hireDevsLeft .mt-3 a,
    .mainBannerImg.mainBannerImg2 img,
    .viewWebsiteBox.viewWebsiteMobBtn a {
        float: unset
    }

    .aboutUsSection,
    .aboutWeDeliverBox,
    .benefitsSection,
    .caseDescSecCont,
    .caseProcSecCont,
    .caseStudyBanner .ourProcBannerBox,
    .caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerBottom .serviceBannerLeft,
    .caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerCenter,
    .caseStudyNewBanner2 .careerBannerBox .serviceBannerLeft,
    .couponsPageBoxs,
    .faqSection,
    .indusSecCont,
    .lifeAtSec,
    .opprTxtCont,
    .p80sec,
    .sectionPadding,
    .workRepositorySecNew.workRepositorySecNew2 {
        padding: 40px 0
    }

    .aboutSliderBox .slidesCounter {
        position: unset;
        text-align: right
    }

    .agileProcStepsCont,
    .appProcessInner .appProcessBanner,
    .caseTxtCont,
    .hireDevsLeft .mt-3,
    .hireDevsRight span,
    .howWorksImg,
    .opprImgCont,
    .reqTeamImgCont,
    .reqTeamTxtCont,
    .subMenuListsSec .subMenuHeadings.newMenuItemDescription p,
    .techStkItem {
        text-align: center
    }

    .aboutSlidesInner {
        flex-direction: column;
        align-items: center
    }

    .aboutSlideContent,
    .aboutSlideImage,
    .imgGrdCont .row:first-child .col-md-6:last-child .imgGrdCol .row,
    .serviceFor .serviceForLists .serviceForBox:first-child,
    .serviceFor .serviceForLists .serviceForBox:last-child {
        width: auto
    }

    .sectionPadding2Top,
    .sectionPaddingTop,
    .weDeliverBox.weDeliverBox2 {
        padding-top: 40px
    }

    .faqList,
    .snippetsBox .snippetListing {
        padding: 25px 0
    }

    .indusServCont,
    .queryInnerBox .queryRight {
        padding: 40px 0 0
    }

    .recognitionInner .awardsSection:first-child {
        padding: 0;
        order: 2;
        border: none
    }

    .recognitionInner .awardsSection:nth-child(2) {
        order: 1;
        border: none
    }

    .recognitionInner .awardsSection:last-child {
        order: 3;
        padding-bottom: 0
    }

    .awardsSection .awardsCard,
    .awardsSection .awardsCard:first-child {
        border: 0;
        border: none
    }

    .indusServCont.aboutIndusSecCont,
    .queryInfoBox.contactFormsSec {
        padding: 0 0 40px
    }

    .caseStudyTechStkList .techStkItem {
        flex-basis: 50%
    }

    .procStepRow:nth-child(odd) {
        justify-content: unset
    }

    .procStepRow:nth-child(2n) .procStepWrp {
        flex-direction: row-reverse;
        border: 0;
        border-left: 2px dashed #000
    }

    .procStepRow:nth-child(2n) .procStepWrp::after {
        margin: 0 20px 0 0
    }

    .techStkItem {
        flex: none;
        flex-basis: 25%
    }

    .joinTeamIntroCont {
        padding: 0 0 20px
    }

    .joinTeamDetCont {
        border-top: 1px solid var(--colorWhite);
        padding: 20px 0;
        border: 0;
        border-top: 1px solid var(--colorWhite)
    }

    .quoteCont:first-child {
        padding-top: 0;
        border-top: none
    }

    .serviceBannerRight {
        padding-top: 40px;
        padding-left: 0
    }

    .agileProcStepsCont,
    .benefitsInner,
    .bizHeadsCont,
    .caseCont,
    .caseMobBanner,
    .footercertificationBoxMain.footercertificationBoxMainNew,
    .forMobView,
    .indusServListsCont,
    .serviceFor .serviceForLists,
    .socialLinksUpdated.mobileView {
        display: block
    }

    .benefitsInner .benefitsRight {
        padding: 30px 0 0
    }

    .caseSec,
    .caseSec:nth-child(2n) {
        margin-bottom: 40px;
        background: 0 0 !important
    }

    .caseSec:nth-child(2n) {
        padding-bottom: 40px;
        background-color: var(--colorGrey6) !important
    }

    .caseImgCont,
    .caseSec:nth-child(2n) .caseImgCont,
    .footerStripRight,
    .officeLocation,
    .opprImgCont {
        justify-content: center
    }

    .hrmContacts {
        margin-left: 25px
    }

    .caseStudyTechStkList .techStkItem {
        flex-basis: 100%
    }

    .procStepRow:nth-child(2n) .procStepWrp::after,
    .procStepRow:nth-child(odd) .procStepWrp::before {
        width: 30px;
        margin-right: 10px
    }

    .contentSectionInner .contentSectionDetail .secContents,
    .procStep,
    .productsMenuBox .row .col-sm-12:not(:last-child),
    .submenuBoxs .subMenuLists:not(:last-child) {
        margin-bottom: 30px
    }

    .propStepEndCircle {
        margin: 0;
        transform: translateX(-50%)
    }

    .techStkItem {
        flex-basis: 25%
    }

    .mainSecHeading,
    .newCompanyMenu .submenuDropbox,
    .ourApproachItemGrid:nth-child(2n),
    .portfolioBanner2 .portfolioBannerNew .serviceBannerBox,
    .projectChallengesSectionChild,
    .recognitionInner {
        flex-direction: column
    }

    .joinTeamDetLnk {
        margin-top: 18px
    }

    .recognitionInner .awardsSection,
    .recognitionInner .awardsSection:last-child {
        border-right: none
    }

    .recognitionInner .awardsSection.awardsSectionMid {
        order: -1
    }

    .awardsMidImage img,
    .footerStripeLogo {
        width: 130px
    }

    .awardsSection .awardsCard,
    .couponListBox,
    .hhMediaTestimonial .testimonialsNewSlideContent,
    .packagedMediaTestimonial .testimonialsNewSlideContent,
    .recognitionInnerNew .awardsCard {
        padding: 20px
    }

    .agileProcStep:nth-child(2n),
    .awardsMidContent .awardsMidHeading {
        margin-top: 10px
    }

    .listCounts {
        margin-bottom: 18px
    }

    .blogBannerLeft h2,
    .deliverListBox .deliverListContent h3,
    .reqTeamImgCont,
    .snippetsContent .snippetsTextHeading,
    .snippetsText p:not(:last-child),
    .statsSectionNew .statsCountNew h3 {
        margin-bottom: 10px
    }

    .listCounts .listCounter2:before {
        width: 14px;
        left: -8px
    }

    .listCounts .listCounter2:after {
        right: -2px
    }

    .projectContentBox .projectSubHeading span {
        line-height: 28px;
        margin-bottom: 30px
    }

    .projectSlideBanner {
        text-align: center;
        margin-top: 50px
    }

    .projectSlideBanner span {
        display: inline-block;
        width: 340px;
        margin: 0 auto
    }

    .mainSecHeading {
        align-items: flex-start
    }

    .aboutImgGrd .imgGrdCont,
    .imgGrdImgTxtV .txtCont,
    .industrySecConent,
    .main_blocg_featued,
    .secHeadingRight,
    .txtCont {
        margin-top: 20px
    }

    .quoteCont.col-md-6 {
        border-top: none
    }

    .quoteCont .quoteContIn {
        border-left: none;
        border-top: none;
        padding: 30px 0 0;
        margin-bottom: 0
    }

    .aboutUsSec2,
    .aboutUsSection.aboutUsSection3 .quotesList,
    .advance_ai_banner__top_content .mainSecHeading,
    .caseStudyBanner,
    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2,
    .caseStudyNewBanner2 .careerBannerBox .serviceBannerLeft.caseStudyBannerNewChild,
    .quoteCont.col-md-6:last-child {
        padding-bottom: 0
    }

    .blogsSection .col-sm-4 {
        width: 100%;
        margin-bottom: 50px
    }

    .blogDetails .blogDescription {
        padding: 10px 0
    }

    .common_section_description {
        font-size: 14px;
        line-height: 22px
    }

    .footerTop .footerBox .footRight .col-sm-3,
    .submenuBoxs {
        width: 50%;
        margin-bottom: 30px
    }

    .pressContentBox .pressBoxHeading {
        line-height: 32px
    }

    .customEditor .customUl li,
    .customEditor p {
        font-size: 18px
    }

    .customEditor p {
        margin-bottom: 17px
    }

    .customEditor h3 {
        font-size: 35px;
        line-height: 42px;
        margin: 25px 0
    }

    .pressContentDetail {
        padding: 40px 0 65px
    }

    .howWorksImg {
        padding-left: 0;
        padding-top: 40px
    }

    .howWorksImg img {
        float: unset;
        margin: 0 auto
    }

    .recognitionBox.recognitionBox3 {
        padding-top: 20px
    }

    .mainBanner.blogDetailBanner {
        display: flex;
        flex-direction: column
    }

    .blogDetailsBanner span {
        float: right
    }

    .blogDetailBanner {
        padding: 70px 0 30px
    }

    .blogDetailsBanner {
        order: 1;
        width: 100%;
        position: relative;
        padding-top: 30px
    }

    .latestNewsBox .row .col-sm-6:nth-last-child(-n+2) {
        margin-bottom: 40px
    }

    .aboutBanner {
        background-position: left
    }

    .aboutOneTeamSec .oneTeamLeft .teamBuilds {
        padding: 20px 10px
    }

    .aboutOneTeamSec .oneTeamLeft .teamBuilds.creativeNerds span,
    .aboutOneTeamSec .oneTeamLeft .teamBuilds.productsDelivered span,
    .aboutOneTeamSec .oneTeamLeft .teamBuilds.raisedInvestment span,
    .fontSize54 {
        font-size: 40px
    }

    .bizHeadsCol:last-child,
    .techStkRow {
        margin-top: 40px
    }

    .portfolioRow:nth-child(2n)>.row,
    .projetsSlidersNew.projetsSlidersApp .row,
    .quotesListNew .newTestimonialSlideChild {
        flex-direction: column-reverse
    }

    .techBannerBox {
        margin-bottom: 0;
        padding-bottom: 40px
    }

    .contactFormSec .contactformBg {
        width: 100%;
        height: 30%;
        display: none
    }

    .contactMainForm.contactFormsSec,
    .newQueryForm .queryInnerBox .queryRight,
    .projetsSlidersNew.projetsSliders .projectSlideContent {
        padding-left: 0
    }

    .appProcess .serviceFor2 .serviceForLists .serviceForBox {
        padding-bottom: 45px
    }

    .productsListsBox .col-sm-6 {
        margin-bottom: 50px
    }

    .aboutUsSection2 .quotesList {
        border-bottom: none
    }

    .aboutUsSection2 .aboutUsSlidebox {
        border-bottom: none;
        padding-bottom: 0
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .col-sm-6,
    .companySubmenu .submenuBoxs {
        width: 100%;
        margin-bottom: 40px
    }

    .companySubmenu .subMenuListsSec .subMenuHeadings .subMenuHeadings,
    .companySubmenu .subMenuListsSec .subMenuHeadings h5 {
        font-size: 22px;
        line-height: 18px
    }

    .companySubmenu .subMenuListsSec .subMenuHeadings p {
        font-size: 15px;
        line-height: 22px
    }

    .companySubmenu .menuLeft,
    .sectionPadding2Bottom,
    .sectionPaddingBottom {
        padding-bottom: 40px
    }

    .ourProcBanner {
        padding-top: 121px
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(2),
    .contactFormsSec {
        padding-top: 0
    }

    .agileProcStep:first-child {
        margin-left: auto
    }

    .agileProcStep:last-child {
        margin-right: auto
    }

    .caseStudyTechStkList .techStkItem {
        flex-basis: 50%;
        text-align: left;
        padding-right: 10px
    }

    .techStkTitleWrp h3 {
        font-size: 25px
    }

    .techStkTitleWrp::after {
        margin-left: 20px
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6 {
        margin-bottom: 20px;
        width: 50%
    }

    .agileProcStep .agileStepCircle img {
        transform: rotate(90deg)
    }

    .agileProcStepsCont.agileProcStepsCont2 {
        margin: 100px 0 80px
    }

    .agileProcStep {
        width: 320px;
        margin: 75px auto
    }

    .processStepsInner {
        margin-top: 0;
        justify-content: center
    }

    .processStepsInner .innerImg {
        height: 65px;
        width: 65px
    }

    .processStepsInner .innerContent {
        font-size: 17px;
        line-height: 22px
    }

    .agileProcStep:nth-child(odd) .processStepsInner {
        margin-left: -6px
    }

    .agileProcStep:nth-child(2n) .processStepsInner {
        margin-left: 6px
    }

    .queryInfoContacts .querySubHeading.querySubHeading2,
    .queryInfoContacts ul li {
        color: var(--colorOffBlack)
    }

    .modal-content {
        padding: 40px 30px 30px
    }

    .modal-content .closeModal {
        position: absolute;
        right: 12px;
        top: 5px
    }

    .modal-content .closeModal button {
        font-size: 25px;
        line-height: 25px;
        display: inline-block;
        float: left;
        font-weight: 700
    }

    .testimonialVideo iframe {
        height: 50vh;
        width: 100%
    }

    .testimonialsListsBox .col-md-6:nth-child(3) {
        border-top: none;
        padding-top: 0
    }

    .weCertified {
        width: auto;
        display: block;
        float: left
    }

    .contentSection {
        padding-top: 45px
    }

    .contentSectionTop {
        margin-bottom: 45px
    }

    .contentSectionDetail .secContents .secContHeading {
        margin-bottom: 13px
    }

    .projectSlideBox .ourProjectsSlides {
        padding: 20px;
        margin: 0 5px
    }

    .ourServicePartners.sectionPadding3,
    .portfolioTabSection .snippetsBox .snippetListing,
    .projetsSliders.projetsSlidersNew.projetsSlidersApp .projectSlideContent,
    .statsSectionNew {
        padding: 0
    }

    .guideYouRight {
        padding-left: 0;
        padding-top: 30px
    }

    .hireDevsRight {
        margin-top: 50px
    }

    .viewWebsiteBox.viewWebsiteMobBtn {
        display: block;
        text-align: center;
        margin-top: 30px
    }

    .projetsSlidersNew .projectSlides {
        padding: 0 40px
    }

    .projetsSlidersNew .serviceFor.serviceFor3 {
        margin-top: 30px;
        display: none
    }

    .projetsSlidersNew .projectSlider {
        padding: 30px 0
    }

    .ourClientsSliderNew .mainSecHeading h2 {
        line-height: 40px
    }

    .querySubHeading {
        font-size: 18px;
        line-height: 26px
    }

    .quoteCont {
        border: none;
        margin-bottom: 30px
    }

    .couponBottomRight .couponNameLink {
        padding: 13px 20px;
        font-size: 18px;
        line-height: 20px
    }

    .couponFormBg {
        position: relative;
        height: 380px;
        width: 100%
    }

    .certifiedIcon,
    .productsMenuBox .row {
        margin: 0
    }

    .mainMenu .navbar-nav .nav-item .neWMenuItemList {
        line-height: 20px;
        margin-bottom: 10px
    }

    .caseStudyMore {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    .companyMenuNewDesign .companyMenuLeft,
    .portfolioBanner2 .serviceBannerBox .mainBannerLeft,
    .serviceFor.serviceFor3 .serviceForLists .serviceForBox:first-child {
        width: 100%;
        padding-right: 0
    }

    .projectSlideBox2 .row .col-sm-2 {
        width: 20%
    }

    .projectSlideBox2 .ourProjectsSlides {
        padding: 10px
    }

    .ourProjectSlider.ourProjectSlider2 {
        padding: 50px 0 40px
    }

    .technologiesMenusItemsNew .menuTechListBox {
        padding-top: 90px
    }

    .ourSolutionsTypesNew .growthHacking {
        flex-direction: container;
        flex-direction: column
    }

    .quotesListNew .newtestimonialLeft {
        margin: 0 auto;
        padding: 0 20px
    }

    .ourTestimonilsBoxNew {
        padding: 50px 0 60px
    }

    .testimonialsNewSliders {
        grid-template-columns: auto auto
    }

    .bundleSectionList,
    .lastListItemImages,
    .metaserveChildSection,
    .snippetListing,
    .threedModalWrapper {
        grid-template-columns: auto
    }

    .partnerSecBgDesktop {
        height: 230px
    }

    .smallSubHeading,
    .weDeliverTop .smallHeading p {
        font-size: 16px;
        line-height: 16px
    }

    .ourServicePartners span {
        height: 50px
    }

    .partnersSectionTopHeading .partnersTopSection {
        padding: 30px 30px 20px
    }

    .formModalDesign .modalContent {
        padding: 25px
    }

    .contactFormModal .closeModalNew {
        top: 35px;
        right: 25px
    }

    .footerStripeChild {
        flex-direction: column;
        text-align: center;
        gap: 26px
    }

    .footerStripRight {
        flex-direction: row
    }

    .snippetListing {
        gap: 25px 0
    }

    .bundleContent .bundleItemHeading {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px
    }

    .bundleSectionList {
        gap: 30px 0;
        margin-bottom: 30px
    }

    .bundleContent .bundleContentList {
        margin-bottom: 10px;
        line-height: 27px
    }

    .bundleDownloadLink {
        font-size: 18px;
        line-height: 20px
    }

    .lastListItemImages {
        gap: 10px 0
    }

    .blogsListingSectionChild,
    .threedModalWrapper {
        gap: 20px
    }

    #loaderSection,
    .forWebView {
        display: none !important
    }

    .portfolioTabsSection.stickySection {
        top: 62px
    }

    .portfolioTabSection .metaverseVideoBox .skiVideoCont {
        height: auto
    }

    .homeSnippetsBox .skiVideoCont {
        height: 240px
    }

    .brandsLogoSectionChild {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px 10px
    }

    .customSlidersBoxButtons .slick-next,
    .customSlidersBoxButtons .slick-prev,
    .newTestimonialSlider .slick-next,
    .newTestimonialSlider .slick-prev {
        top: initial;
        bottom: 0
    }

    .customSlidersBoxButtons.slick-initialized.slick-slider,
    .newTestimonialSlider.slick-initialized.slick-slider {
        padding-bottom: 80px
    }

    .customSlidersBoxButtons .slick-prev,
    .newTestimonialSlider .slick-prev {
        left: initial;
        left: calc(50% - 50px)
    }

    .customSlidersBoxButtons .slick-next,
    .newTestimonialSlider .slick-next {
        right: initial;
        left: calc(50% - 0px)
    }

    .advance_ai_banner__bottom_section_child,
    .ai_automation_work_grid,
    .ai_building_block_child,
    .ai_capabilities__grid,
    .ai_power_grid,
    .blogsSection__listing_bottom_grid .blogsSection__listing_2_child,
    .caseStudyNewBanner .serviceBannerBox.careerBannerBox,
    .newQueryForm .queryInnerBox,
    .ourInnovationsGridHalf,
    .ourInnovatonsVideoSection,
    .real_life_innovation_cards_grid {
        grid-template-columns: 1fr
    }

    .footSections.officesLocationsBoxs {
        flex-wrap: wrap;
        gap: 40px 0
    }

    .testimonialsNewSliders.testimonialsNewSliders-Update .hhMediaTestimonial,
    .testimonialsNewSliders.testimonialsNewSliders-Update .packagedMediaTestimonial {
        grid-template-columns: 100%
    }

    .ai_building_block_child .ai_automation_content,
    .hhMediaTestimonialSection .testimonialCardImage {
        order: 2
    }

    .pickleBAllMediaSectionMain {
        padding-left: 20px;
        margin-top: 10px
    }

    .footSections.footSectionsUpdate {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        gap: 10px 10px
    }

    .blogDetailBanner {
        margin-bottom: 0;
        padding-bottom: 0 !important
    }

    .forMobileView {
        display: inline-block !important
    }

    .footercertificationBoxMain.footercertificationBoxMainNew {
        display: flex;
        align-items: center
    }

    .blogsNewListing,
    .keyFeaturesChild {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footerStripLeft .footerStripeLogo {
        padding-right: 15px
    }

    .footerStripLeft {
        gap: 15px;
        justify-content: center
    }

    .contactFormSec {
        padding-top: 50px
    }

    .officesLocationsBox .footSecBox:last-child,
    .officesLocationsBox .footSecBox:last-child .locatedOffices,
    .officesLocationsBox .footSecBox:last-child .officeAddress {
        width: 100%;
        display: block;
        float: left
    }

    .officesLocationsBox .footSecBox:last-child .officeLocation {
        display: flex
    }

    .footSectionsUpdate .footBottomSec:last-child {
        min-width: fit-content;
        width: auto
    }

    .fontSize40New {
        font-size: 35px;
        line-height: 40px
    }

    .fridaySaleBannerChild .giftBox {
        width: 80px;
        min-width: 80px
    }

    .fridaySaleHeading.fontSize45 {
        font-size: 28px;
        line-height: 40px
    }

    .ribbenDesign {
        padding: 6px 40px
    }

    .keyFeaturesImage {
        width: 200px;
        margin: 0 auto
    }

    .keyFeaturesChild .keyFeaturesContent {
        padding-left: 0;
        border-left: none
    }

    .differentListItems .differentListItemsCount {
        width: 30px;
        height: 30px
    }

    .differentListItems::before {
        top: 14px
    }

    .differentListItems .fontSize32 {
        font-size: 18px;
        line-height: 22px
    }

    .differentFeaturesList {
        padding-left: 30px;
        gap: 20px 0;
        padding-bottom: 0
    }

    .differentFeaturesInner {
        grid-template-columns: minmax(30%, 40%) 1fr
    }

    .blogsSection_triple_grid,
    .newTestimonialBox,
    .problemSolvedGrid,
    .projectRoadmapGrid {
        grid-template-columns: repeat(1, 1fr)
    }

    .projectRoadmapGrid {
        gap: 40px 40px
    }

    .projectChallengContentItem {
        padding-left: 35px
    }

    .projectChallengContentItem::before {
        width: 15px
    }

    .projectChallengeBanner {
        width: 100%;
        min-width: 100%
    }

    .ourApproachSectionChild {
        gap: 30px 0
    }

    .officesLocationsBox {
        justify-content: center;
        align-items: center;
        display: grid;
        flex-wrap: wrap;
        gap: 25px
    }

    .footSections.footSectionsUpdate .footBottomSecFirst {
        grid-column: span 2
    }

    .footerStripLeft {
        justify-content: flex-start
    }

    .fontSize64 {
        font-size: 45px
    }

    .ai_expertise_grid,
    .main_feature_blog_section {
        grid-template-columns: 1fr;
        gap: 30px 0
    }

    .ai_industry_child_grid_item:first-child {
        grid-column: span 1
    }

    .ai_power_grid_card.ai_power_grid_card_1 {
        padding-right: 30px
    }

    .ai_power_grid_card {
        padding: 30px 30px 0
    }

    .unleash_ai_section .text_image_content,
    .why_designoweb_section .text_image_content {
        padding: 30px
    }

    h3.sub_section_heading {
        font-size: 21px;
        line-height: 32px
    }

    .ai_industry_child__grid {
        grid-template-columns: 1fr;
        padding: 30px
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:nth-last-child(-n+3) {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--colorWhite)
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(2n),
    .ai_industry_child__grid .ai_industry_child_grid_item:nth-child(odd) {
        border-right: 0;
        border-left: 0;
        border-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .ai_industry_child__grid .ai_industry_child_grid_item:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .background_gradient_image {
        top: 0
    }

    .blogs_category_list_section {
        margin-bottom: 35px
    }

    .bizHeadsCont {
        grid-template-columns: 1fr;
        gap: 0
    }

    .common_section_caption {
        font-size: 16px;
        line-height: 18px
    }

    .companyMenuNewDesign,
    .newCompanyMenu .submenuDropbox {
        gap: 0
    }

    .common_moving_slider .client_vist_testimonial_section {
        flex: 0 0 35%;
        max-width: 35%
    }
}

@media (max-width:560px) {

    .footBtmRight,
    .growthHacking,
    .hrmCont,
    .ourSolutionBox.ourSolutionBox2,
    .ourSolutionsTypesNew.growthHacking,
    .statsSecNewTop {
        flex-direction: column
    }

    .fontSize62 {
        font-size: 41px;
        line-height: 46px
    }

    .section_large_heading {
        font-size: 34px;
        line-height: 45px
    }

    .homeBannerBOx .bannerHeading .smallHeadings {
        font-size: 31px;
        line-height: 35px
    }

    .homeBannerLeft .bannerSubHeading,
    .homeBannerLeft h1,
    .homeBannerLeft h2,
    .lastListItemImages,
    .latestNewsBox .row .col-sm-6,
    .latestNewsBox .row .col-sm-6:nth-last-child(-n+2),
    .newBlogCardDetail .newBlogTitle,
    .quoteCont,
    .weDeliverListing .col-sm-4,
    .weDeliverListing .col-sm-4:nth-last-child(-n+3) {
        margin-bottom: 20px
    }

    .oneTeamLeft .productsDelivered span {
        font-size: 56px;
        line-height: 68px
    }

    .teamLeftSec2 .teamBuilds span {
        font-size: 40px;
        line-height: 46px
    }

    .mainBannerLeft .bannerSmallContent,
    .oneTeamLeft .teamBuilds p {
        font-size: 14px;
        line-height: 18px
    }

    .bundleSectionInner .bundleSectionInnerHead,
    .copyrightBox,
    .couponListBox,
    .growthHackingInner p,
    .guideYouBtm h4,
    .newQueryFindUsHead,
    .oneTeamRight h3,
    .ourProductContentTopChild .ourProductContentLogo,
    .ourSoluitonsTopNew .col-md-4,
    .ourSoluitonsTopNew .col-md-8,
    .ourSolutionBox .solutionBoxBanner p,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner p,
    .ourSolutionsTypesNew .col-lg-12,
    .portfolioTabsSection,
    .recognitionInner .col-md-12,
    .recognitionInner .col-md-12:nth-last-child(-n+3),
    .scalieProductBox .productHeadText,
    .statsSectionNew .statsSecNewBtm h3,
    .testimonialQuotes {
        margin-bottom: 15px
    }

    .contactFormModal .formMainHeading,
    .footerMid .footSections .footSecBox,
    .oneTeamRight p,
    .statsSectionNew .statsSecNewBtm p {
        margin-bottom: 25px
    }

    .couponBottomLeft,
    .couponFormInner .col-sm-6,
    .differentFeaturesPointsWeb .differentFeaturesPointsItem,
    .footerStripRight,
    .homeBanner__updated .newBannerChild .homeBannerBOx,
    .howWorksBlogs .blogImg,
    .howWorksBlogs .blogImg img,
    .hrmInfo,
    .newBannerChild .homeBannerBOx,
    .opprTxtContNew .hrmImg,
    .ourProductsBoxImage.scalieProductsBoxImage,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxContnet,
    .queryClientStats .queryStatsItem,
    .queryInfoBanner img,
    .scalieProductBox .ourProductContentBox,
    .serviceFor .serviceForLists .serviceForBox:last-child,
    .serviceFor.serviceFor3 .serviceForLists .serviceForBox:first-child,
    .statsSectionNew .statsSecNewBtm span a.smallBtn3,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs.becomePartnerSubMenu,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs.teamExtensionSubMenu,
    .subMenusOuterNew .servicesSubmenu .submenuBoxs {
        width: 100%
    }

    .awardsSection .awardsCard,
    .growthHacking .growthHackingInner .grwothInnerBox,
    .newQueryForm .queryBoxs,
    .ourSolutionsBottom .col-md-4 .solutionBoxBanner.solutionBoxStartup,
    .pressContentBox,
    .queryFormLeftBox .queryRightBannerBox,
    .queryInnerBox .queryLeft,
    .recognitionInnerNew .awardsCard,
    .solutionBoxBanner_child {
        padding: 20px
    }

    .bannerSubHeading.bannerSubHeadingNew,
    .caseStudyBanner2 .mainBannerLeft .casestudySubHead,
    .deliverListBox .deliverListContent p,
    .mottoContent p,
    .querySubHeading,
    .solutionBoxBanner h3 {
        padding-right: 0
    }

    .fontSize32 {
        font-size: 25px;
        line-height: 30px
    }

    .mottoGuide .stepsList .stepsListItem,
    .submenuBoxs {
        width: 100%;
        padding-right: 0
    }

    .bundleContent .bundleItemHeading,
    .copyrightBox,
    .deliverListBox .deliverListContent h3,
    .footMenuHeading,
    .formDesign.newQueryForm .form-group,
    .mottoContent .mottoHeading,
    .newBlogCardDetail .newBlogDate,
    .scalieProductBox .productDescriptionText,
    .stepsList .stepsListItem,
    .submenuInnerBox .subMenuHeading {
        margin-bottom: 10px
    }

    .mottoContent p {
        font-size: 15px;
        line-height: 25px
    }

    .ourTeamInner .ourTeamContent {
        font-size: 23px;
        line-height: 28px
    }

    .awardsMidImage img {
        width: 105px
    }

    .btnStyle {
        font-size: 14px;
        line-height: 14px
    }

    .projectSlideBanner,
    .socialLists {
        margin-top: 25px
    }

    .projectSlideBanner span {
        width: 270px
    }

    .slideCount .active {
        font-size: 42px
    }

    .projectSlideBox .ourProjectsSlides {
        margin: 0 5px
    }

    .companyBlogs.companyBlogs2 {
        padding-bottom: 40px
    }

    .formDesign .form-control {
        font-size: 14px;
        line-height: 15px;
        padding: 14px
    }

    .quotesListNew .newTestimonialName,
    .socialLinks ul li a {
        font-size: 26px
    }

    .footBottomMenu ul li {
        margin-right: 20px
    }

    .projetsSliders .projectSlideContent {
        padding-top: 0
    }

    .homeBannerImg span {
        width: 90%
    }

    .mainBannerLeft .bannerHeading {
        padding-bottom: 18px
    }

    .pressBanner.pressBannerMain {
        padding: 50px 0 40px
    }

    .pressContentBox .pressBoxHeading {
        line-height: 30px;
        font-size: 23px
    }

    .pressDateTime span {
        font-size: 13px;
        line-height: 15px
    }

    .pressContentBox .pressBoxSubheading {
        margin-bottom: 15px;
        padding-right: 0
    }

    .readMoreBox .btnStyle {
        padding-left: 40px;
        padding-right: 40px
    }

    .socialLists span a {
        font-size: 22px
    }

    .customEditor .customUl li,
    .customEditor p {
        font-size: 17px
    }

    .customEditor .customUl li {
        padding-left: 22px
    }

    .customEditor h3 {
        font-size: 30px;
        line-height: 38px;
        margin: 20px 0
    }

    .aboutUsSection2 .quotesList,
    .newBannerChild .homeBannerBOx,
    .p60sec,
    .portfolioBanner2 .portfolioBannerNew .serviceBannerBox,
    .pressContentDetail {
        padding: 40px 0
    }

    .blogDetailsBanner span {
        float: right
    }

    .socialLists.socialLists2 {
        margin-top: 17px
    }

    .awardsCard .awardsImage span,
    .footerTop .footerBox .footRight .col-sm-3,
    .hrmContacts,
    .latestNewsBox .row .col-sm-6:last-child,
    .mainSecHeading.mainSecHeading3.mainSecHeading6,
    .ourSoluitonsTop .ourAppSolutions,
    .ourSoluitonsTop .ourWebSolutions,
    .ourSolutionBox .solutionBoxBanner p,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner p,
    .querySubHeading,
    .recognitionInner .col-md-12:last-child,
    .statsSectionNew .statsCountNew h3,
    .statsSectionNew .statsCountNew:last-child,
    .stepsList.stepsList2 .stepsListItem:last-child,
    .weDeliverListing .col-sm-4:last-child {
        margin-bottom: 0
    }

    .howWorksBlogs,
    .videoOverlay {
        display: block
    }

    .agileProcImg,
    .agileProcStepsCont,
    .howWorksBlogs .blogDetails {
        margin-top: 40px
    }

    .aboutBanner,
    .customSlidersBoxButtons.slick-initialized.slick-slider,
    .newTestimonialSlider.slick-initialized.slick-slider,
    .offshoreDevelopmentMenu .itStaffingSubMenu {
        padding-bottom: 0
    }

    .aboutOneTeamSec .oneTeamLeft .teamBuilds.creativeNerds span,
    .aboutOneTeamSec .oneTeamLeft .teamBuilds.productsDelivered span,
    .aboutOneTeamSec .oneTeamLeft .teamBuilds.raisedInvestment span {
        font-size: 30px
    }

    .submenuInnerBox .menuRight {
        padding: 30px 0 30px 25px
    }

    .submenuInnerBox .subMenuHeading2 {
        font-size: 21px;
        line-height: 25px
    }

    .submenuInnerBox .subMenuList2 ul li a {
        font-size: 16px;
        line-height: 23px
    }

    .procStepDesc,
    .procStepSubtitle,
    .submenuInnerBox .submenuSubhead {
        font-size: 15px
    }

    .processStepsInner .innerContent,
    .submenuInnerBox .subMenuList ul li a {
        font-size: 15px;
        line-height: 18px
    }

    .caseDescSecCont h2,
    .clientQuotesList,
    .joinTeamBtn,
    .subMenuBtn,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs.becomePartnerSubMenu,
    .subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs.teamExtensionSubMenu {
        margin-top: 30px
    }

    .aboutImgGrd .imgGrdCont,
    .procStepDesc,
    .procStepTitle {
        margin-top: 5px
    }

    .subMenuTopBanner {
        position: absolute;
        bottom: -30px;
        right: 0;
        z-index: 9;
        width: 74vw
    }

    .blogsSection .col-sm-4 {
        margin-bottom: 40px
    }

    .ourProductContentBox .productHeadText {
        font-size: 22px;
        line-height: 28px
    }

    .deliverListBox .deliverListContent h3.sub_section_heading,
    .procStepTitle {
        font-size: 20px
    }

    .procStepRowNoContent {
        height: 35px
    }

    .techStkTitleWrp h3 {
        font-size: 25px
    }

    .techStkTitleWrp::after {
        margin-left: 17px;
        height: 4px
    }

    .caseStudyBanner.caseStudyBanner2 {
        margin-top: 60px
    }

    .fontSize38 {
        font-size: 24px;
        line-height: 34px
    }

    .caseDescSecCont p,
    .differentFearuresContent,
    .differentFeaturesPointsWeb {
        margin-top: 20px
    }

    .moreCasesCont .col-md-6 {
        height: auto;
        margin-top: 30px
    }

    .menu_cards_article_content,
    .projChalSec .weDeliverTop,
    .sectionPadding2Bottom,
    .sectionPaddingBottom {
        padding-bottom: 30px
    }

    .agileProcStep {
        width: 290px
    }

    .processStepsInner .innerImg {
        height: 50px;
        width: 50px
    }

    .agileProcStepsCont {
        margin: 100px 0
    }

    .agileProcStepsCont.agileProcStepsCont2 {
        margin: 90px 0 60px
    }

    .caseDescSecCont h2:first-child,
    .caseTxtCont,
    .freeProposalInner .propFormLeft,
    .joinDwRightCol .row,
    .queryformHeading {
        margin-top: 0
    }

    .mainBannerLeft .caseStudyBannetTop .bannerHeading,
    .mainSecHeading {
        padding-bottom: 15px
    }

    .submenuInnerBox .subMenuHeading {
        font-size: 18px;
        line-height: 25px
    }

    .highlightHeading span:before {
        bottom: 8px;
        height: 7px
    }

    .hrmCont {
        align-items: flex-start
    }

    .hrmcontent {
        margin-top: 15px;
        flex-direction: column
    }

    .hrmContacts,
    .hrmInfo {
        margin-left: 0;
        margin-bottom: 18px
    }

    .modal-content {
        padding: 35px 20px 20px
    }

    .watchYTVidBtn {
        font-size: 13px;
        margin-top: 12px
    }

    .watchYTVidBtn img {
        width: 27px
    }

    .guideYouBtm {
        padding: 25px 20px
    }

    .testimonialSecTop .testimonialByImage {
        width: 159px;
        padding-right: 10px
    }

    .opprTxtContNew {
        align-items: center;
        text-align: center
    }

    .growthHackingInner.grwothHackInner .connectGrowth {
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 20px
    }

    .couponListBottom {
        flex-wrap: wrap;
        margin-top: 12px
    }

    .couponBottomRight {
        margin-top: 15px
    }

    .couponBottomRight .copyCoupon,
    .needHelpCheckOption {
        text-align: left
    }

    .couponListTop .infoIcon {
        height: 14px;
        width: 14px;
        min-width: 14px
    }

    .couponBottomRight .couponNameLink {
        padding: 11px 16px;
        font-size: 16px;
        line-height: 16px
    }

    .couponTypeSection {
        padding: 20px 0 30px
    }

    .couponBottomLeft h3 {
        margin: 4px 0 10px
    }

    .couponBottomLeft span {
        line-height: 21px;
        font-size: 15px;
        display: inline-block
    }

    .couponFormBg {
        height: 300px
    }

    .formDesign .couponFormInner .form-group,
    .formDesign .form-group,
    .mainSecHeading.mainSecHeading3 {
        margin-bottom: 12px
    }

    .blogsListingItem,
    .footercertificationBoxMain.footercertificationBoxMainNew,
    .mediaToolsBox,
    .ourProductsBox.scalieProductBox {
        flex-wrap: wrap
    }

    .mediaToolsBox span {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px
    }

    .serviceFor4 .serviceForLists .serviceForBox .serviceForBoxChild::before,
    .serviceFor4 .serviceForLists .serviceForBox h4::before {
        top: 7px
    }

    .serviceFor4 .serviceForLists .serviceForBox .serviceForBoxChild,
    .serviceFor4 .serviceForLists .serviceForBox h4 {
        font-size: 16px
    }

    .benefitsListsNew .mileStoneIcon {
        margin-top: -2px
    }

    .projectSlideBox2 .row .col-sm-2 {
        width: 25%
    }

    .subMenusOuterNew .offshoreSubmenuNew .submenuBoxs {
        padding-right: 20px
    }

    .skillListTagList .skillListItem {
        margin: 4px 8px 4px 0;
        padding: 8px 10px
    }

    .technologiesMenusItemsNew .techMenuSectionsChild h2 {
        margin-bottom: 14px
    }

    .quotesListNew .newTestimonialContent {
        margin-bottom: 10px;
        line-height: 25px
    }

    .blogsSectionLeft,
    .newTestimonailSlideChild,
    .quotesListNew .newTestimonialRight {
        padding: 25px
    }

    .quotesListNew .newtestimonialLeft img {
        height: 100%;
        width: 100%
    }

    .ourProductsBoxImage.scalieProductsBoxImage {
        padding-bottom: 10px;
        padding-right: 0;
        text-align: center
    }

    .ourProductsBoxImage.scalieProductsBoxImage img {
        width: 60%
    }

    .fontSize42 {
        font-size: 32px;
        line-height: 40px
    }

    .scalieProductBox .ourProductContentBox {
        height: auto;
        padding-bottom: 15px
    }

    .aboutImgGrd,
    .aboutUsSec2,
    .aboutWeDeliverBox,
    .bizHeadsSec,
    .blogBanner,
    .caseDescSecCont,
    .caseProcSecCont,
    .companyBlogs,
    .contactBanner,
    .footerTop,
    .homeBanner,
    .howWorksBox,
    .indusSecCont,
    .joinDwSec,
    .latestNews,
    .moreCasesSec,
    .oneTeamSection,
    .ourMottoSection,
    .ourProjectSlider,
    .ourSolutions,
    .p80sec,
    .pressReleaseBoxs,
    .querySection,
    .recognitionBox,
    .sectionPadding,
    .sectionPadding2,
    .testimonialsBannerBox,
    .weDeliverBox.weDeliverBox2,
    .weDeliverContentBox,
    .workRepositorySec {
        padding: 35px 0
    }

    .testimonialsNewSlider .testimonialsNewSlide {
        margin: 0
    }

    .container {
        max-width: 100%;
        padding: 0 20px
    }

    .companyMenuNewDesign .companyMenuRight,
    .statsSectionNew .statsSecNewTop,
    .workRepositorySecNew .mainSecHeading.mainSecHeading3 {
        margin-bottom: 30px
    }

    .smallSubHeading,
    .weDeliverTop .smallHeading p {
        font-size: 16px;
        line-height: 16px
    }

    .growthHackingInner h4,
    .solutionBoxBanner h3,
    .solutionBoxBanner h4 {
        font-size: 23px;
        line-height: 30px
    }

    .findUsSocial .finUsSocialList:not(:last-child),
    .growthHackingInner h4,
    .ourSolutionBox .solutionBoxBanner h3,
    .stepsList.stepsList2 .stepsListItem,
    .submenuInnerBox .subMenuList ul li:not(:last-child) {
        margin-bottom: 8px
    }

    .common_section_description,
    .growthHackingInner p,
    .ourSolutionBox .solutionBoxBanner p,
    .ourSolutionBox.ourSolutionBox2 .solutionBoxBanner p {
        font-size: 15px;
        line-height: 23px
    }

    .awardsCard .awardsHeading {
        padding-bottom: 10px
    }

    .weDeliverTop {
        padding-bottom: 20px
    }

    .weDeliverListing .col-sm-4 {
        padding-left: 10px;
        padding-right: 10px
    }

    .footMenuList ul li:not(:last-child),
    .queryLists ul li,
    .visitedClientName {
        margin-bottom: 6px
    }

    .footSections {
        display: flex;
        flex-wrap: wrap
    }

    .footBottomMenu {
        margin-right: 0;
        margin-bottom: 10px
    }

    .footerSpace {
        padding: 20px 0 10px
    }

    .footerMid .footerSpace {
        padding: 30px 0 0
    }

    .workRepositorySecNew.workRepositorySecNew2 {
        padding: 30px 0 35px
    }

    .testimonialsNewSlider.customSliderNew .slick-dots {
        bottom: -35px
    }

    .customSliderNew .slick-dots li {
        margin: 0 4px;
        height: 10px;
        width: 10px
    }

    .testimonialsNewSliders {
        grid-template-columns: auto
    }

    .bundleContent .bundleContentList,
    .smallSubHeading,
    .topSubHeading {
        margin-bottom: 5px
    }

    .sectionPadding2Top,
    .sectionPaddingTop {
        padding-top: 30px
    }

    .ourServicePartners {
        grid-template-columns: auto auto auto auto;
        row-gap: 15px
    }

    .ourServicePartners span,
    .projectRoadmapIcon {
        height: 50px
    }

    .aboutSlideContent .aboutQuoteIcon,
    .linkOptionOnMobile .arrowIcn,
    .newtestimonialLeftUpdate {
        display: none
    }

    .appDevelopment .solutionBoxBanner h4,
    .ourProductContentBox .productHeadText,
    .ourSolutionBox.webDevelopment h4,
    .stepsList .stepsListItem {
        margin-bottom: 7px
    }

    .testimonialQuotes img {
        width: 40px
    }

    .quotesListNew .newtestimonialLeft {
        width: 100%;
        min-width: 100%;
        padding: 0
    }

    .modalcloseNew svg {
        height: 30px;
        width: 30px
    }

    .newBlogTitle,
    .newCompanyMenu .leftMenuHeading.fontSize22 {
        font-size: 18px;
        line-height: 22px
    }

    .bundleSectionList {
        grid-template-columns: auto;
        gap: 22px 0
    }

    .sampleDownloadStripChild {
        flex-direction: column;
        gap: 15px
    }

    .sampleDownloadStripChild .sampleDownloadText {
        text-align: center;
        font-size: 20px
    }

    .btnStyle,
    .ourSolutionBox .solutionBoxBanner a,
    .ourSolutionBox .solutionBoxContnet {
        padding: 15px
    }

    .awardsCardFive .awardsCard .awardsImage span {
        width: 100px;
        height: auto
    }

    .awardsCard .awardsImage span,
    .footerStripeLogo {
        width: 100px
    }

    .bundleContent .bundleContentList {
        font-size: 18px;
        line-height: 27px
    }

    .bundleContent .bundleItemHeading {
        font-size: 22px;
        line-height: 29px
    }

    .bundleDownload,
    .caseTxtCont h2+p,
    .caseTxtCont p+p,
    .joinDwLeftCol p {
        margin-top: 10px
    }

    .newQueryFormBox {
        width: 100%;
        padding: 25px
    }

    .finUsSocialLink .finUsSocialLinkicon {
        padding-right: 8px
    }

    .newQueryFormHead {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 25px
    }

    .homeSnippetsBox .skiVideoCont {
        height: 51vw
    }

    .customPills .nav-link {
        font-size: 14px;
        margin-right: 3px;
        padding: 5px 10px
    }

    .common_section_description,
    .page_banner_description,
    .statsSectionNew .statsCountNew p {
        font-size: 16px;
        line-height: 25px
    }

    .statsSectionNew .statsSecNewTop,
    .statsSectionNew .statsSecNewTop.statsSecNewTopSection {
        flex-direction: row;
        gap: 4px;
        gap: 1px
    }

    .statsSectionNew .statsCountNew {
        margin-right: 0;
        padding: 12px 0;
        width: 33.3%;
        margin-bottom: 0
    }

    .statsSectionNew .statsCountNew p {
        font-size: 13px;
        line-height: 18px
    }

    .statsSectionNew .statsSecNewBtm span a {
        text-align: center;
        width: auto;
        float: unset
    }

    .ourProductContentBox .productDescriptionText {
        font-size: 16px;
        line-height: 24px
    }

    .footerStripRight .footerStripeBtns,
    .ourProcBannerInfo .col-6 {
        width: 50%
    }

    .clientVideoUrl,
    .ourServicePartners span img {
        object-fit: contain
    }

    .caseSec,
    .ourServicePartners.sectionPadding3 {
        padding: 0
    }

    .partnersSectionTopHeading .partnersTopSection {
        padding: 30px 30px 0
    }

    .awardsCardMidSec .awardsMidHeading,
    .industrySecConent,
    .ourProcDesc {
        margin-top: 14px
    }

    .scalieProductBox .ourProductContentBox {
        padding-top: 20px
    }

    .submenuBoxs {
        margin-bottom: 18px
    }

    .caseSecs.sectionPadding2 {
        padding-top: 10px
    }

    .snippetListing {
        gap: 10px 0
    }

    .metaserveChildSection,
    .officesLocationsBox {
        gap: 25px 0
    }

    .iti-mobile .intl-tel-input.iti-container {
        width: 86%
    }

    .ourProductsSectionNew .ourProductsChild .row {
        row-gap: 15px
    }

    .testimonialByImgMobile {
        display: inline-block
    }

    .testimonialByImgMobileSec {
        margin-top: 10px;
        display: flex;
        gap: 10px;
        align-items: center
    }

    .quotesListNew .newTestimonialName {
        margin-bottom: 2px
    }

    .socialLinks ul li.socialImage a {
        float: left;
        height: 26px;
        width: 36px;
        display: inline-flex;
        align-items: center
    }

    .socialLinks ul li.socialImage img {
        display: inline-block;
        float: left;
        height: 16px;
        width: 18px
    }

    .casestudy_cards_grid_section,
    .homeSnippetsBoxGrid {
        grid-template-columns: repeat(1, 1fr)
    }

    .caseSec,
    .caseSec:nth-child(2n) {
        padding-bottom: 30px;
        padding-top: 10px;
        margin-bottom: 0
    }

    .certifiedIcon,
    .joinDwLeftCol,
    .metaverseVideoDetails {
        text-align: center
    }

    .serviceFor .serviceForLists {
        padding: 12px 0 0
    }

    .serviceForLists .serviceForBox {
        padding-bottom: 12px
    }

    .aboutBanner .serviceBannerBox {
        padding: 40px 0 30px
    }

    .aboutSlideImage span {
        padding-left: 0
    }

    .joinDwApplyBtnCont {
        text-align: center;
        display: block;
        float: left;
        width: 100%;
        margin-top: 20px
    }

    .joinDwApplyBtnCont a {
        float: unset
    }

    .ourProcBanner {
        padding-top: 106px
    }

    .ourProcBannerInfo:first-child {
        margin-top: 18px
    }

    .ourProcBannerInfo,
    .procStepsHead {
        padding: 10px 0
    }

    .ourProcBannerInfo .col-6 .boxs {
        border-bottom: 1px solid var(--colorBlack);
        padding: 0;
        border-bottom: none
    }

    .fontSize45 {
        font-size: 36px;
        line-height: 46px
    }

    .aboutUsNewBottom a {
        margin-right: 0
    }

    .aboutUsNewBottom {
        display: grid;
        gap: 10px 10px;
        grid-template-columns: 1fr 1fr
    }

    .mainMenu .navbar-nav .nav-item.activeMenu .subMenus,
    .navbar-expand-md .navbar-collapse.show {
        top: 66px
    }

    .clientsVisitBox {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0
    }

    .clientVisitDetails {
        gap: 15px 0;
        padding: 25px
    }

    .largeModal .modal-dialog {
        max-width: calc(100% - 20px);
        height: calc(100vh - 20px);
        display: inline-flex;
        align-items: center;
        min-width: calc(100% - 20px);
        margin: 10px
    }

    .galleryImageLeft img,
    .galleryImageRight img,
    .videoPopup .modalBody,
    .videoPopup .videoPopupSection {
        height: auto
    }

    .popupoCloseLink {
        right: -7px;
        top: -15px;
        height: 30px;
        width: 30px;
        font-size: 18px;
        line-height: 30px
    }

    .newTestimonailSlide {
        padding: 0 2px
    }

    .servicesSliderItem {
        font-size: 40px
    }

    .sectionTop {
        margin-top: 64px
    }

    .growthHackImg.grwothHackInners {
        display: inline-flex
    }

    .ourTeamsGallery {
        grid-template-columns: 1fr;
        margin-top: 0
    }

    .brandsLogoSectionChild {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px 10px
    }

    .formFullSection,
    .newBlogsListChild,
    .updatedQueryForm {
        grid-template-columns: 1fr
    }

    .formFullSection {
        gap: 0;
        gap: 20px
    }

    .officesLocationsBox,
    .queryClientStats {
        gap: 10px;
        grid-template-columns: 1fr 1fr
    }

    .videoPopup .modalBody,
    .videoPopup .videoPopupSection {
        height: 100%
    }

    .videoPopup .modal-content {
        padding: 4px;
        height: 50%
    }

    .certifiedIconParent {
        width: 100%;
        margin-bottom: 30px
    }

    .certifiedIconParent .certifiedIcon a {
        max-width: 240px
    }

    .blogsListingItemImage {
        width: 100%;
        min-width: 100%
    }

    .blogsNewSection .blogsChildNew .topSectionHead {
        gap: 0;
        margin-bottom: 22px
    }

    .fontSize15,
    .fridaySaleText {
        font-size: 13px;
        line-height: 20px
    }

    .queryClientStats {
        flex-wrap: wrap;
        display: grid
    }

    .needHelpGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px 15px
    }

    .fontSize40New {
        font-size: 30px;
        line-height: 35px
    }

    .updatedQueryForm {
        gap: 20px 35px
    }

    .queryBannerClient {
        top: 20px;
        left: 20px
    }

    .footerStripeLeftHead.fontSize38 {
        font-size: 20px;
        line-height: 26px
    }

    .linkOptionOnMobile {
        padding: 0;
        background: 0 0;
        border: none;
        color: red;
        border-bottom: 1px solid red;
        border-radius: 0;
        margin: 15px 0
    }

    .queryFormSubmitSuccessIcon {
        width: 140px
    }

    .queryFormSuccessSection {
        height: auto !important;
        padding: 50px 0
    }

    .p40sec {
        padding: 20px 0
    }

    .ribbenDesign {
        padding: 4px 22px
    }

    .ribbenDesign span {
        font-size: 12px;
        line-height: 22px
    }

    .fridaySaleHeading.fontSize45 {
        font-size: 20px;
        line-height: 30px
    }

    .fridaySaleBannerChild .giftBox {
        width: 70px;
        min-width: 70px
    }

    .ribbenDesignBox {
        margin: 5px 0
    }

    .differentListItems .fontSize32 {
        font-size: 16px;
        line-height: 20px
    }

    .casestudyProductIcon img {
        height: 80px
    }

    .differentListItemsCount .sub_section_heading {
        font-size: 14px
    }

    .differentFeaturesInner {
        align-items: center
    }

    .differentListItems {
        gap: 7px 0
    }

    .projectRoadmapGridBox {
        gap: 13px 0
    }

    .projectRoadmapGrid {
        gap: 30px 0
    }

    .projectFeaturesListing {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px 0
    }

    .projectFeaturesTabs.nav-tabs .nav-link {
        font-size: 16px;
        line-height: 22px
    }

    .projectFeaturesTabs.nav-tabs {
        gap: 0 20px
    }

    .fontSize60 {
        font-size: 34px;
        line-height: 40px
    }

    .about-project-child2 {
        padding: 20px 0 20px 20px
    }

    .officesLocationsBox {
        gap: 30px 10px
    }

    .homeBanner__updated .project_delivered_client {
        height: 55px
    }

    .fontSize64 {
        font-size: 35px
    }

    .banner_cover {
        background-position: left
    }

    .advance_ai_banner__top {
        padding: 50px 0 60px
    }

    .common_banner_container_align__bottom .common_banner_media_child {
        text-align: right
    }

    .about_management_signs {
        grid-template-columns: 1fr;
        gap: 30px 0;
        margin-top: 20px
    }

    .companyMenuNewDesign .company_menu_cards {
        gap: 0 20px;
        grid-template-columns: 1fr
    }

    .common_moving_slider .client_vist_testimonial_section {
        flex: 0 0 60%;
        max-width: 60%
    }

    .header .headerLogo,
    .header.fixedHeader .headerLogo {
        min-width: 100px
    }
}

@media (max-width:430px) {
    .fontSize64 {
        font-size: 33px
    }

    .main_banner_heading {
        font-size: 50px;
        line-height: 55px
    }

    .homeBannerLeft_updated.homeBannerLeft h1 {
        margin-bottom: 20px
    }

    .queryFormBanner {
        height: 80vh
    }

    .officeAddress p {
        min-width: auto
    }

    .officeAddress p br {
        display: none
    }

    .common_moving_slider .brandLogoItem {
        flex: 0 0 33%;
        max-width: 33%
    }
}

@media (max-width:414px) {
    .homeBannerImg span {
        margin-right: -20px
    }

    .container {
        padding: 0 20px
    }

    .oneTeamLeft .productsDelivered span {
        font-size: 46px;
        line-height: 46px
    }

    .teamLeftSec2 .teamBuilds span {
        font-size: 36px;
        line-height: 36px
    }

    .oneTeamLeft .teamBuilds p {
        font-size: 13px;
        line-height: 17px
    }

    .mainBannerBoxs .serviceBannerBox,
    .teamLeftSec2 .teamBuilds:first-child,
    .weDeliverCertified.weCertified.boxs {
        margin-bottom: 40px
    }

    .footMenuList ul li:not(:last-child),
    .mottoContent p,
    .mottoGuide .mottoSubHeading,
    .stepsList .stepsListItem,
    .stepsList.stepsList2 .stepsListItem {
        margin-bottom: 8px
    }

    .teamLeftSec2 .teamBuilds:last-child {
        margin-top: 40px
    }

    .mainSecHeading {
        padding-bottom: 22px
    }

    .stepsList .stepsListItem {
        padding-left: 20px;
        padding-right: 0
    }

    .stepsList .stepsListItem::before {
        width: 10px
    }

    .mottoContent p {
        font-size: 14px;
        line-height: 24px
    }

    .joinDwApplyBtnCont,
    .joinTeamBtn {
        margin-top: 25px
    }

    .ourTeamInner .ourTeamContent {
        font-size: 17px;
        line-height: 23px
    }

    .listCounts .listCounter2:after,
    .listCounts .listCounter2:before {
        height: 4px
    }

    .listCounts,
    .mainSecHeading.mainSecHeading3 {
        margin-bottom: 12px
    }

    .blogListBox .blogImage,
    .testimonialVideo iframe {
        height: auto
    }

    .fontSize22 {
        font-size: 16px;
        line-height: 21px
    }

    .blogDetails .blogHeading a {
        padding: 10px 0
    }

    .blogDetails .blogTiming {
        padding: 7px 0 5px
    }

    .awardBoxsTop,
    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .col-sm-6,
    .latestNewsBox .row .col-sm-6,
    .queryformHeading,
    .quoteCont,
    .weDeliverListing .col-sm-4,
    .weDeliverListing .col-sm-4:nth-last-child(-n+3) {
        margin-bottom: 20px
    }

    .formDesign .form-control {
        padding: 12px
    }

    .formBtn,
    .imgGrdCont .row:first-child .col-md-6,
    .imgGrdCont .row:last-child .col-md-6 {
        margin-top: 10px
    }

    .customCheckbox input[type=checkbox]:checked+label,
    .customCheckbox input[type=checkbox]:not(:checked)+label,
    .footMenuList ul li a {
        font-size: 14px
    }

    .queryLists ul li {
        line-height: 20px
    }

    .formDesign .form-group {
        margin-bottom: 14px
    }

    .footBottomSec,
    .footBottomSec:last-child {
        padding-right: 0
    }

    .appDevelopment .solutionBoxBanner h4,
    .footMenuHeading {
        margin-bottom: 7px
    }

    .blogsSection .col-sm-4,
    .contentSectionTop,
    .footerMid .footSections .footSecBox,
    .workRepositorySecNew .mainSecHeading.mainSecHeading3 {
        margin-bottom: 30px
    }

    .topSubHeading.topSubHeading2 {
        font-size: 20px;
        line-height: 20px
    }

    .footerTop .footerBox .footRight .col-sm-3:last-child,
    .footerTop .footerBox .footRight .col-sm-3:nth-last-child(-n+2),
    .weDeliverListing .col-sm-4:last-child {
        margin-bottom: 0
    }

    .fontSize62 {
        font-size: 33px;
        line-height: 38px
    }

    .pressBanner2 {
        padding: 110px 0 40px
    }

    .blogDetailBanner {
        padding: 50px 0 15px
    }

    .newsBoxs .newsImage {
        height: 120px;
        width: 120px;
        min-width: 120px
    }

    .clientProductInfo .productKeys ul li {
        margin-right: 18px;
        font-size: 13px
    }

    .companySubmenu .subMenuListsSec .subMenuHeadings .subMenuHeadings,
    .companySubmenu .subMenuListsSec .subMenuHeadings h5 {
        font-size: 18px;
        line-height: 20px
    }

    .companySubmenu .subMenuListsSec .subMenuHeadings p {
        font-size: 13px;
        line-height: 19px
    }

    .companySubmenu .submenuBoxs .aboutMenuImage {
        width: 75px;
        min-width: 75px;
        height: 75px
    }

    .companySubmenu .submenuBoxs {
        margin-bottom: 25px
    }

    .subMenuTopBanner {
        width: 330px;
        right: -25px
    }

    .growthHackingInner h4,
    .ourSolutionBox .solutionBoxBanner h4 {
        font-size: 22px;
        line-height: 26px
    }

    .caseStudyBanner .ourProcBannerInfo p,
    .mottoContent .mottoTags {
        margin-bottom: 5px
    }

    .aboutImgGrd,
    .aboutUsSec2,
    .aboutUsSection2 .quotesList,
    .bizHeadsSec,
    .blogBanner,
    .companyBlogs,
    .contactBanner,
    .footerTop,
    .homeBanner,
    .howWorksBox,
    .joinDwSec,
    .latestNews,
    .moreCasesSec,
    .oneTeamSection,
    .ourMottoSection,
    .ourProjectSlider,
    .ourSolutions,
    .p80sec,
    .pressReleaseBoxs,
    .querySection,
    .recognitionBox,
    .testimonialsBannerBox,
    .weDeliverBox.weDeliverBox2,
    .weDeliverContentBox,
    .workRepositorySec {
        padding: 30px 0
    }

    .footerMid .footerSpace,
    .indusServCont {
        padding: 30px 0 0
    }

    .companyBlogs.companyBlogs2 {
        padding-bottom: 30px
    }

    .caseSec,
    .caseSec:nth-child(2n) {
        margin-bottom: 6px
    }

    .ourProcDesc {
        margin-top: 20px
    }

    .p60sec {
        padding: 40px 0
    }

    .ourProcBanner {
        padding-top: 110px
    }

    .agileProcImg,
    .ourProcBannerInfo:first-child,
    .techStkRow,
    .weCertified {
        margin-top: 30px
    }

    .agileProcStep {
        width: 270px
    }

    .techStkItem {
        flex-basis: 33%
    }

    .techStkItem img {
        object-fit: contain;
        width: 100%
    }

    .techStkTitleWrp h3 {
        font-size: 21px
    }

    .techStkItemLabel {
        font-size: 14px;
        line-height: 17px
    }

    .caseStudyTechStkList .techStkItem {
        margin-top: 13px;
        flex-basis: 100%
    }

    .caseStudyTechStkList p:last-child {
        margin-top: 4px
    }

    .caseStudyTechStkList {
        margin-top: 7px
    }

    .anotherCaseTxt {
        padding: 35px 20px
    }

    .fontSize32 {
        font-size: 23px;
        line-height: 28px
    }

    .indusInfoCont .indusInfoContent p {
        margin-bottom: 10px;
        line-height: 26px
    }

    .caseProcDescCont,
    .joinDwRightCol .row {
        margin-top: 18px
    }

    .agileProcStepsCont {
        margin-top: 28px
    }

    .caseDescSecCont h2 {
        margin-top: 0
    }

    .caseDescSecCont p+h2 {
        margin-top: 35px
    }

    .fontSize38 {
        font-size: 22px;
        line-height: 32px
    }

    .mainSecHeading .mainSubHeading {
        margin-bottom: 19px
    }

    .aboutImgGrd .imgGrdCont,
    .imgGrdImgTxtV .txtCont,
    .techStkRow:first-child,
    .txtCont {
        margin-top: 15px
    }

    .processStepsInner .innerContent {
        font-size: 13px;
        line-height: 16px
    }

    .indusServList2 li {
        width: 100%;
        padding-right: 0
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6 {
        width: 100%;
        margin-bottom: 0
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6:first-child .studyBannerList {
        padding-top: 0
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6:last-child .studyBannerList {
        padding-bottom: 0;
        border-bottom: none
    }

    .caseStudyBanner .ourProcBannerBox.ourProcBannerBox2 .ourProcBannerInfo .col-sm-6 .studyBannerList {
        padding: 14px 0;
        border-bottom: 2px solid var(--colorBlack)
    }

    .caseStudyBanner .ourProcBannerInfo {
        padding: 15px 0
    }

    .caseStudyBanner2 .mainBannerLeft .casestudySubHead {
        font-size: 21px;
        line-height: 26px
    }

    .joinDwLeftCol p {
        margin-top: 16px
    }

    .highlightHeading span:before {
        bottom: 7px;
        height: 7px
    }

    .contactFormInner .btnSpace {
        padding-bottom: 0
    }

    .techBannerBox {
        padding-bottom: 40px
    }

    .ourCertificate {
        padding: 15px 15px 20px
    }

    .modal-content {
        padding: 35px 15px 15px
    }

    .modal-content .closeModal {
        right: 8px;
        top: 2px
    }

    .contentSectionDetail .secContents .secContText p {
        margin-bottom: 10px;
        line-height: 23px
    }

    .offshoreForm {
        padding: 30px 15px 50px
    }

    .rc-anchor-normal .rc-anchor-pt {
        margin: 2px 25px 0 0 !important
    }

    .common_section_description,
    .technologiesMenusItemsNew .techMenuSectionsChild p {
        font-size: 15px;
        line-height: 22px
    }

    .page_banner_description,
    .statsSectionNew .statsCountNew p {
        font-size: 18px;
        line-height: 27px
    }

    .common_section_description,
    .growthHackingInner p {
        line-height: 23px;
        font-size: 15px
    }

    .weDeliverTop {
        padding-bottom: 20px
    }

    .weDeliverListing .col-sm-4 {
        padding-left: 10px;
        padding-right: 10px
    }

    .deliverListBox .deliverListContent h3.sub_section_heading {
        font-size: 20px
    }

    .deliverListBox .deliverListContent h3 {
        margin-bottom: 10px
    }

    .queryInnerBox .queryLeft {
        padding: 20px
    }

    .footBottomSec,
    .footBottomSec:last-child,
    .footerTop .footerBox .footRight .col-sm-3 {
        width: 50%
    }

    .fontSize14,
    .statsSectionNew .statsCountNew p {
        font-size: 13px;
        line-height: 18px
    }

    .ourServicePartners {
        grid-template-columns: auto auto auto auto
    }

    .ourServicePartners span {
        height: 35px
    }

    .statsSectionNew .statsSecNewBtm span a.smallBtn3 {
        padding: 15px 12px;
        text-align: center;
        width: 100%
    }

    .formModalDesign .modalContent {
        padding: 25px
    }

    .contactFormModal .closeModalNew {
        top: 28px;
        right: 25px
    }

    .ourProductContentBox .productHeadText {
        font-size: 22px;
        line-height: 28px
    }

    .customPills .nav-link {
        font-size: 14px;
        margin-right: 3px;
        padding: 5px
    }

    .footBottomSec,
    .footBottomSec:last-child {
        width: 100%
    }

    .fridaySaleBannerChild .giftBox {
        width: 50px;
        min-width: 50px
    }
}

@media (max-width:1199px) {
    .page_banner_description {
        font-size: 18px;
        line-height: 23px
    }
}

@media (max-width:991px) {
    .page_banner_heading {
        font-size: 54px
    }

    .page_banner_description {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width:767px) {
    .page_banner_heading {
        font-size: 45px
    }
}

@media (max-width:560px) {
    .page_banner_heading {
        font-size: 35px
    }

    .common_section_heading {
        font-size: 24px;
        line-height: 34px
    }
}

@media (max-width:414px) {
    .common_section_heading {
        font-size: 22px;
        line-height: 32px
    }

    .common_section_description {
        font-size: 16px;
        line-height: 22px
    }
}

@media(max-width:1199px) {
    .web-logo {
        max-width: 330px
    }

    .business_locations_crousal {
        width: 40%;
        min-width: 40%
    }

    .newPortfolioBannerContent {
        padding: 50px
    }

    .portfolioGridItemBanner {
        padding: 50px 0 0
    }

    .videoPosterContent .videoPosterContentHeading {
        padding-bottom: 10px
    }

    .customImmersiveSection {
        --curve-height: 40px
    }
    .no_br_tablet br{
        display: none;
    }
}

@media(max-width:769px) {

    .business_locations_crousal,
    .small_width_section {
        min-width: 100%;
        width: 100%
    }

    .navbar-brand .web_logo_link {
        height: 52px
    }

    .flex_section_v,
    .horizontal_center_section {
        flex-direction: column
    }

    .horizontal_center_section br,
    .no_br_mobile br,
    .small_width_section br {
        display: none
    }

    .right_align_text {
        text-align: left
    }

    .common_moving_slider_parents__updated {
        margin-top: 0
    }

    .custom_slider_arrows_grid_updated {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: center
    }

    .flex_section_end_v {
        justify-content: flex-start;
        align-items: start
    }

    .flex_section_h_end {
        align-items: start
    }

    .flex_section_gap_30 {
        gap: 10px
    }
}

@media(max-width:991px) {
    .connect_section_grid .connect_section_right {
        padding: 50px 0 50px 50px
    }

    .journey_nav::after {
        height: 10px;
        top: calc(50% - 5px)
    }
}

@media(max-width:767px) {
    .section_heading_large {
        font-size: 8vw
    }

    .flex_section_between_v_end {
        justify-content: flex-start
    }

    .flex_section_gap_30 {
        gap: 30px 0
    }

    .footer_content_top .footer_content_top_heading {
        margin-bottom: 0
    }

    .journey_carousel_item_container .section_card_image {
        min-width: 280px;
        width: 280px
    }

    .business_heads_grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .business_heads_grid .business_heads_grid_item:first-child {
        grid-column: span 2
    }

    .business_heads_grid_item h2 br {
        display: none
    }

    .customSlidersBoxButtons_new.customSlidersBoxButtons .slick-next,
    .customSlidersBoxButtons_new.customSlidersBoxButtons .slick-prev {
        height: 50px;
        width: 50px;
        bottom: -20px
    }

    .customSlidersBoxButtons_new.customSlidersBoxButtons .slick-next::before,
    .customSlidersBoxButtons_new.customSlidersBoxButtons .slick-prev::before {
        font-size: 22px
    }

    .customSlidersBoxButtons_new.customSlidersBoxButtons .slick-next {
        left: calc(50% - -10px)
    }

    .journey_carousel_item_container {
        flex-direction: column
    }

    .section_card_timeline {
        margin-bottom: 10px
    }

    .common_moving_slider .gallery_carousel_tiem {
        flex: 0 0 40%;
        max-width: 40%
    }

    .features_section_item::before {
        top: 8px
    }
}

@media(max-width:561px) {
    .queryBoxsUpdated.contact_wrapper_section {
        padding-left: 20px
    }

    .journey_carousel_item_container .section_card_image {
        min-width: 100%;
        width: 100%
    }

    .connect_section_background,
    .journey_carousel_item_container .section_card_image img {
        width: 100%
    }

    .journey_nav {
        margin-top: 30px
    }

    .connect_section_background.connect_banner_left {
        display: none
    }

    .connect_section_grid {
        grid-template-columns: 1fr
    }

    .connect_section_grid .connect_section_right {
        padding: 30px 0
    }

    .business_heads_grid .business_heads_grid_item:first-child {
        margin-bottom: 20px
    }

    .business_heads_grid {
        gap: 15px 15px
    }

    .common_moving_slider .gallery_carousel_tiem {
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media(max-width:460px) {
    .business_heads_grid .business_heads_grid_item:first-child {
        grid-column: span 1
    }

    .business_heads_grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .common_moving_slider .gallery_carousel_tiem {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:1024px) {
    .case_study_detail_new_banner {
        height: auto
    }
}

@media (max-width:561px) {
    .custom_whatsapp_section {
        bottom: 12px
    }
}

@media(max-width:1440px) {
    .location_details_bottom .small_text {
        font-size: 12px
    }
}

@media(max-width:1200px) {
    .footer_child_wrapper {
        background-size: contain
    }
}

@media (min-width:1025px) and (max-width:1367px) {
    .in_location.location_section_wrapper {
        right: 9vw;
        top: 16vh
    }

    .eu_location.location_section_wrapper {
        right: 27vw;
        top: 10vh
    }

    .uk_location.location_section_wrapper {
        left: 30vw;
        top: 7vh
    }

    .us_location.location_section_wrapper {
        left: 18vw;
        top: 17vh
    }

    .location_section_wrapper {
        width: 230px
    }
}

@media(max-width:1025px) {
    .footer_menu_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .footer_wrapper {
        border-radius: 90px 90px 0 0;
        margin-top: -10%
    }

    .hq_location .page_banner_description .hq_tag {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 10px
    }
}

@media (min-width:991px) and (max-width:1025px) {
    .location_section_wrapper {
        width: 230px
    }

    .locations_wrapper {
        padding-top: 36vh
    }

    .in_location.location_section_wrapper {
        right: 4.5vw;
        top: 22vh
    }

    .eu_location.location_section_wrapper {
        right: 23vw;
        top: 9vh
    }

    .eu_location .dotted_line_vertical {
        height: 30vh
    }

    .eu_location .map_marker {
        top: 30vh
    }

    .uk_location.location_section_wrapper {
        left: 26vw;
        top: 5vh
    }

    .uk_location .dotted_line_vertical {
        height: 33vh
    }

    .uk_location .map_marker {
        top: 33vh
    }

    .us_location.location_section_wrapper {
        top: 24vh
    }
}

@media(max-width:991px) {
    .location_section_wrapper {
        width: 200px
    }

    .testimonial__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:901px) and (max-width:991px) {
    .footer_wrapper {
        border-radius: 90px 90px 0 0;
        margin-top: -10%
    }

    .locations_wrapper {
        padding-top: 36vh
    }

    .in_location.location_section_wrapper {
        right: 5vw;
        top: 24vh
    }

    .eu_location.location_section_wrapper {
        top: 9vh
    }

    .eu_location .dotted_line_vertical {
        height: 30vh
    }

    .eu_location .map_marker {
        top: 30vh
    }

    .uk_location.location_section_wrapper {
        top: 5vh
    }

    .uk_location .dotted_line_vertical {
        height: 33vh
    }

    .uk_location .map_marker {
        top: 33vh
    }

    .hq_location .page_banner_description .hq_tag {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 10px
    }

    .location_section.align_left {
        padding-left: 30px
    }

    .location_section.align_right {
        padding-right: 30px
    }

    .dotted_line_horizontal {
        width: 28px
    }

    .align_left .dotted_line_vertical {
        left: -1px
    }

    .align_right .dotted_line_vertical {
        right: -2px
    }

    .uk_location.location_section_wrapper {
        left: initial;
        right: 52vw
    }

    .eu_location.location_section_wrapper {
        right: 24vw
    }

    .us_location.location_section_wrapper {
        top: 24vh;
        left: 19vw
    }
}

@media(max-width:900px) {

    .location_section.align_left,
    .location_section.align_right {
        padding: 0
    }

    .footer_wrapper {
        border-radius: 50px 50px 0 0;
        margin-top: -10%
    }

    .locations_wrapper {
        padding: 30px
    }

    .locations_wrapper_child {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }

    .dotted_line,
    .map_marker {
        display: none
    }

    .location_section_wrapper {
        position: relative;
        top: initial !important;
        bottom: initial !important;
        left: initial !important;
        right: initial !important;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .location_card_details {
        text-align: center
    }

    .hq_location .page_banner_description .hq_tag {
        right: calc(-100% - 8px);
        top: -12px
    }

    .location_details_top {
        justify-content: center
    }
}

@media(max-width:576px) {
    .location_address br {
        display: none
    }

    .website_footer .hero_heading {
        font-size: 14vw
    }

    .footer_child_wrapper {
        padding-top: 50px;
        background: unset
    }

    .footer_wrapper {
        border-radius: 30px 30px 0 0;
        margin-top: -10%
    }

    .footer_menu_item_wrapper .footer_menu_grid_list {
        gap: 12px
    }

    .footer_menu_item_wrapper {
        gap: 15px
    }

    .footer_contact_text,
    .footer_menu_item_wrapper .footer_menu_grid_list a {
        font-size: 15px
    }

    .locations_wrapper_child {
        gap: 30px 10px
    }

    .locations_wrapper {
        padding: 20px 18px
    }

    .location_details_top .location_flag {
        height: 18px;
        width: 24px;
        min-width: 24px
    }
}

@media(max-width:992px) {
    .blog_section_headings_list {
        display: none
    }

    .blog_content_section {
        grid-template-columns: 1fr 250px
    }

    .width_80 {
        width: 100% !important
    }

    .clientsVisitBox__new {
        grid-template-columns: repeat(3, 1fr)
    }

    .common_banner_container {
        gap: 40px 50px
    }

    .common_banner_media_child {
        padding-left: 50px
    }

    .new_blogs_grid_section {
        grid-template-columns: repeat(2, 1fr)
    }

    .icon_box {
        height: 80px
    }

    .new_blogs_grid_section .new_blogs_grid_section__item .blogsListingItemContent {
        gap: 50px
    }

    .new_blogs_grid_section .new_blogs_grid_section__item .new_blogs_grid_section__item_blank h3 {
        padding-top: 0
    }

    .client_testimonial_moving_slider .client_vist_testimonial_section {
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media(max-width:901px) {
    .contact_wrapper {
        grid-template-columns: 1fr;
        gap: 20px 50px
    }

    .features_section_list {
        gap: 12px
    }

    .contact_content_child {
        gap: 30px 0
    }

    .contact_wrapper_content {
        padding: 30px
    }

    .common_custom_popup__child {
        grid-template-columns: 1fr
    }

    .common_custom_popup__bannerbox {
        display: none !important
    }

    .common_custom_popup__formbox .sectionHeading {
        display: block
    }
}

@media(max-width:560px) {
    .footer_content_section__box {
        background-position: right 100% top;
        background-size: 120% 120%
    }

    .case_study_detail_banner_container .casestudyProductIcon {
        margin-top: 5px
    }

    .reveal_product_card {
        grid-template-columns: 1fr;
        height: 100%
    }

    .new_blogs_grid_section {
        grid-template-columns: repeat(1, 1fr)
    }

    .new_blogs_grid_section .new_blogs_grid_section__item {
        flex-wrap: nowrap
    }

    .new_blogs_grid_section .new_blogs_grid_section__item .blogsListingItemContent {
        gap: 20px
    }

    .new_blogs_grid_section .new_blogs_grid_section__item .new_blogs_grid_section__item_blank {
        padding: 30px 20px;
        flex-direction: row;
        align-items: center;
        gap: 50px
    }

    .new_blogs_grid_section .new_blogs_grid_section__item .new_blogs_grid_section__item_blank h3 br {
        display: none
    }

    .icon_box {
        height: 60px
    }
}

@media(min-width:1201px) {
    .hero_heading {
        /*font-size: 11vh;*/
        font-size: 10vh;
        line-height: 110%
    }

    .page_banner_description.vh_description {
        font-size: 2.4vh;
        line-height: normal
    }

    .page_banner_description.vh_section_heading {
        font-size: 2.3vh;
        line-height: normal
    }

    .new_banner_child {
        padding: 9vh 0 7vh
    }
}

@media (min-width:1921px) and (max-width:3000px) {
    .hero_heading {
        line-height: 100%
    }

    .home_banner_box .homeBannerLeft {
        /*width: 45vw*/
    }
}

@media(max-width:1560px) {
    .home_banner_box .homeBannerLeft {
        /*width: 48vw*/
    }
}

@media(max-width:1367px) {
    .home_banner_box .homeBannerLeft {
        /*width: 42vw*/
    }
}

@media(max-width:1200px) {
    .home_banner_box .homeBannerLeft {
        /*width: 52vw;*/
    }

    .hero_heading {
        /*font-size: 12vh;*/
        font-size: 10vh;
        line-height: 100%
    }

    .page_banner_description.vh_description {
        font-size: 2.5vh;
        line-height: normal
    }

    .page_banner_description.vh_section_heading {
        font-size: 2vh;
        line-height: normal
    }

    .new_banner_child {
        padding: 8vh 0
    }
}

@media(max-width:991px) {
    .home_banner_box .homeBannerLeft {
        width: 100%
    }
}

@media(max-width:767px) {
    .footer_menu_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .footer_menu_grid .footer_contact_wrapper {
        grid-column: span 2
    }

    .footer_menu_grid .footer_contact_wrapper .footer_contact_text br {
        display: none
    }

    .social_section_grid .social_item_link {
        height: 40px;
        width: 40px;
        font-size: 20px
    }

    .social_section_grid .social_item_link svg {
        height: 24px
    }

    .social_section_grid {
        margin: 20px 0 50px;
        gap: 12px
    }

    .footer_contact_icon {
        display: inline-flex
    }

    .location_section_wrapper.uk_location .location_details_top {
        flex-direction: row-reverse
    }

    .testimonialDrawerModal .modal-content {
        width: 85%
    }

    .testimonial__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0
    }

    .testimonialPopupModal .modal-dialog {
        max-width: 90%
    }

    .testimonial_card__button_section {
        opacity: 1;
        visibility: visible;
        padding-top: 0
    }

    .testimonialsBanner__new_grid {
        gap: 10px
    }

    .testimonialsBanner__new_grid .btnStyle {
        width: 160px
    }

    .testimonialsBanner__slider .testimonialsBanner__slide {
        margin: 0 5px
    }

    .testimonialsBanner__sliderbox {
        margin-top: 45px
    }

    .testimonials_stats_child {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr)
    }

    .testimonials_stats_detail {
        text-align: center
    }

    .testimonial_grid__card_onlymedia {
        aspect-ratio: 1/1.5
    }

    .testimonials_stats {
        margin-top: -15px;
        padding: 20px 0
    }

    .common_moving_slider.hero_banner_common_moving_slider {
        gap: 0 40px
    }

    .page_banner_description.vh_section_heading {
        /*font-size: 2.8vh;*/
        font-size: 2vh;
    }
}

@media(max-width:768px) {

    .blog_content_section,
    .fullGridSection .newPortfolioItemContent {
        grid-template-columns: 1fr
    }

    .blogDetailBanner {
        padding: 50px 0 30px
    }

    .blog_heading_section,
    .portfolioTabsSection.newPortfolioTabsSection {
        margin-bottom: 30px
    }

    .newPortfolioBannerContent {
        padding: 50px 0
    }

    .newPortfolioBannerImage {
        margin-bottom: -40px
    }

    .newPortfolioListGrid {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px 0
    }

    .bannerHeading.casestudyProductIcon {
        height: 50px;
        margin-bottom: 0;
        margin-top: 10px
    }

    .caseStudyNewBanner .serviceBannerRight.serviceBannerRight_update {
        padding-top: 0
    }

    .customPills.customPortfolioPills {
        gap: 0 20px
    }

    .customPills.customPortfolioPills .nav-link {
        font-size: 16px;
        padding: 4px 0
    }

    .portfolioGridItemBanner {
        padding: 30px 0 0
    }

    .keyFeaturesChild .keyFeaturesContent {
        text-align: center
    }

    .customImmersiveSection {
        --curve-height: 40px
    }

    .fullGridSection {
        grid-column: span 1
    }

    .newPortfolioListGrid__new {
        gap: 84px 40px
    }

    .portfolioGridItemTags__new.portfolioGridItemTags__new_web {
        display: none !important
    }

    .portfolioGridItemTags__new.portfolioGridItemTags__new_mobile {
        display: flex !important
    }

    .fontSize40 {
        font-size: 30px !important;
        line-height: 43px !important
    }

    .newPortfolioItemContent {
        gap: 30px 0
    }

    .newPortfolioGridItem__new.fullGridSection .portfolioGridItemTags__new {
        position: relative;
        width: 100%
    }

    .case_study_detail_banner_container {
        gap: 30px 0 !important
    }

    .immersive_video_grid_section {
        display: flex !important;
        flex-wrap: wrap
    }

    .common_banner_container {
        grid-template-columns: 1fr;
        gap: 50px 0
    }

    .common_banner_media_child {
        text-align: center;
        padding: 0 50px
    }

    .common_banner_section {
        padding: 70px 0
    }

    .common_banner_overlay {
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, .9) 32.75%, rgba(255, 255, 255, .8) 44.77%, rgba(255, 255, 255, 0) 100%)
    }

    .client_testimonial_moving_slider .client_vist_testimonial_section {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:561px) {
    .blog_details_subscription_box {
        padding: 30px
    }

    .blog_subscription_form__child {
        padding: 6px 6px 6px 20px
    }

    .blogDetailBanner {
        padding: 40px 0 30px
    }

    .blogs_category_list .blogs_category_item_link {
        padding: 8px 20px 7px
    }

    .testimonialDrawerModal .modal-content {
        width: 95%
    }

    .clientsVisitBox__new {
        grid-template-columns: repeat(2, 1fr)
    }

    .clientsSectionChild {
        padding-left: 20px;
        padding-right: 20px
    }

    .common_custom_popup__formbox {
        padding: 20px 20px 30px
    }

    .hero_heading {
        /*font-size: 13vw;*/
        font-size: 12vw;
        line-height: 113%
    }

    .vh_customize_button {
        font-size: 2.2vh
    }

    .common_moving_slider.hero_banner_common_moving_slider {
        gap: 0 30px
    }

    .vh_customize_button_with_icon .vh_custom_button_icon {
        height: 7vh;
        width: 7vh
    }

    .page_banner_description.vh_description {
        font-size: 2.3vh
    }

    .client_testimonial_moving_slider .client_vist_testimonial_section {
        flex: 0 0 70%;
        max-width: 70%
    }
    
    .updated_flex_v {
        gap: 20px !important;
    }
    .new_banner_child{
        padding: 6vh 0 5vh;
    }
}