@media only screen and (max-width: 1240px) {
    section.faq-container {
        flex-direction: column-reverse;
    }
    section.faq-container>article {
        width: 100%;
    }
    section.faq-container>article.with-img {
        max-width: 650px;
        margin: 0 auto;
    }
    .swaragh_intro_context h1 em {
        right: -35px;
    }
    section.number-intro article ul li {
        width: 200px;
    }
    section.hero-swaragh em {
        display: none;
    }
    section.hero-swaragh .fluid-container {
        justify-content: center;
    }
    section.hero-swaragh article {
        text-align: center;
        max-width: initial;
    }
    section.hero-swaragh article h2 {
        text-align: center;
    }
    .our-mainten-services-right {
        padding: 20px;
    }
    .clientele-description-intro article:last-child {
        right: -20px;
    }
    .left-ui-ux-service-card {
        max-width: 550px;
        bottom: -60px;
    }
    .home-projects-main {
        flex-direction: column !important;
    }
    .home-fixed-left {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: 0;
        align-self: flex-start;
        padding-top: 0;
    }
    .left-dynamic-outer-3,
    .left-dynamic-outer-2,
    .left-dynamic-outer,
    .fixedmain-dyn {
        position: initial;
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }
    .left-dynamic-inner-3,
    .left-dynamic-inner-2,
    .left-dynamic-inner,
    .fixed-inner-dyn {
        position: initial;
        width: 100%;
    }
    .left-dyn-fixed {
        position: initial;
    }
    .left-dynamic-container-3,
    .left-dynamic-container-2,
    .left-dynamic-container {
        max-width: 100%;
        transform: unset;
        padding: 40px 0;
    }
    .home-right-scroll {
        max-width: 100%;
        gap: 40px;
        justify-content: center;
    }
    .responsive_features_wrapper {
        flex-wrap: wrap-reverse;
    }
    .responsive_features_wrapper article {
        max-width: 100%;
        text-align: center;
    }
    .responsive_features_wrapper article ul {
        justify-content: center;
    }
    section.website-features_wrapper {
        padding: 120px 0 60px;
    }
    .home-scroll-card:nth-child(2n) {
        transform: translateY(0px);
    }
    .home-fixed-wrapper-2 .home-projects-main {
        padding: 0 !important;
    }
    .cms-intro article ul li {
        max-width: 265px;
    }
    section.expertise-pages-banner {
        height: 540px;
        margin-top: 110px;
        min-height: 65vh;
    }
}

@media screen and (max-width:1200px) {
    .our-cms-process-wrapper {
        flex-direction: column;
    }
    .our-cms-process-left {
        max-width: 80%;
    }
    .our-cms-process-right {
        max-width: 80%;
    }
    .mobile-app-development-flew-wrapper {
        flex-direction: column;
    }
    .left-mobile-app {
        max-width: 80%;
        height: 550px;
    }
    .right-mobile-app {
        max-width: 80%;
    }
    .career-job-role {
        width: 100%;
    }
    .our-people-con {
        transform: translateY(0px) !important;
    }
    .pro-mob-parent {
        height: 650px;
    }
    .common-swaragh-expertise-section {
        padding: 80px 10px 0;
    }
    .innerproduct-frame {
        height: 100%;
    }
    .methodology-fold-wrapper {
        max-width: 992px;
        padding: 0 50px;
    }
    .methodology-fold-wrapper .methodology-fold-card {
        height: 100% !important;
        flex-direction: column;
        padding: 30px 0;
    }
    .methodology-fold-wrapper::before {
        left: -40px;
    }
    .methodology-fold-wrapper::after {
        right: -40px;
    }
    .methodology-fold-card h4 {
        margin-left: 0;
    }
    .methodology-fold-card h4::after {
        top: unset;
        bottom: -40px;
        right: 0;
        left: 0;
        transform: rotate(90deg);
        margin: auto;
    }
    .methodology-fold-card,
    .methodology-fold-card p {
        text-align: center;
    }
    .ui-nav button {
        top: -70px;
        bottom: unset;
        right: 0;
    }
    .ui-nav button~button {
        left: unset;
        right: 80px;
    }
    .tab-dynamic-container a {
        display: none;
    }
    .tab-dynamic-container h3 {
        font-size: 35px;
    }
    .left-vmv p {
        font-size: 20px;
    }
    .left-vmv h2 {
        font-size: 45px;
    }
    .content-expand-wrapper .maintenance-expand-card:hover span img {
        display: none;
    }
    .content-expand-wrapper .maintenance-expand-card:hover .maintenance-expand-h3 {
        display: none;
    }
    .portfolio-mani-card-wrapper {
        padding: 60px 0 0 40px;
    }
    .portfolio-mani-card-wrapper {
        padding: 60px 0 0 4px;
    }
    a.portfolio-a-btn {
        margin: 40px auto 0;
    }
    .ui-nav button {
        top: 150px;
    }
    .ui-nav button {
        top: 0;
        bottom: 0;
        right: -50px;
        height: 40px;
    }
    .ui-nav button~button {
        left: -50px;
        right: unset;
    }
    .life-sec-2-h {
        left: 0;
    }
    .maintenance-expand-card {
        height: 550px;
    }
    .maintenance-expand-card:hover {
        height: 550px;
    }
    .life-year-all {
        gap: 20px;
    }
    .life-year-all span {
        display: none;
    }
    .cms-intro article ul li {
        max-width: 250px;
    }
    .po-sticky {
        position: initial !important;
        top: 80px;
        align-self: center !important;
    }
    .industries-Solutions-Container article span {
        width: calc(100% - 2px) !important;
    }
    .industries-Solutions-Container article {
        max-width: 550px;
    }
    .industries-Solutions-Container article i {
        left: -160px;
    }
    .why-dm-need-card:hover h3 {
        font-size: 24px;
        padding: 20px 30px;
    }
    .why-dm-need-card p {
        font-size: 16px;
    }
    .why-dm-need-card {
        padding: 30px;
    }
    .swaragh_intro_context h2 em {
        right: -9%;
        bottom: -49px;
    }
    #hero::before {
        content: '';
        position: absolute;
        left: -174px;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url('../../images/swaragh-banner-bg-wave-img.png') no-repeat center center/cover;
        max-width: 64%;
    }
}

@media only screen and (max-width: 1120px) {
    .maintenance-expand-card {
        height: 550px;
    }
    .maintenance-expand-card:hover {
        height: 550px;
    }
    .cms-intro article ul li {
        max-width: 230px;
    }
}

@media only screen and (max-width: 1100px) {
    header .toggle {
        top: 25px;
        min-height: 34px;
        display: block !important;
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%);
        padding: 0;
        color: #fff !important;
        border-radius: 2px;
        width: 34px;
        text-align: center;
        right: 5px;
    }
    header .toggle span,
    header .toggle span::after,
    header .toggle span::before {
        display: block;
        position: absolute;
        left: 0;
        height: 1px;
        right: 0;
        margin: 0 auto;
        width: 14px;
        opacity: 1;
        background: #fff !important;
        transition: all .25s ease;
    }
    header .toggle.toggle-open span::before {
        display: none
    }
    header .toggle.toggle-open span::after {
        -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
        transform: rotate(-90deg) translate3d(7px, 0px, 0px);
    }
    .hc-offcanvas-nav .nav-container,
    .hc-offcanvas-nav .nav-wrapper,
    .hc-offcanvas-nav ul {
        background-color: #1b75bb;
    }
    .hc-offcanvas-nav li.nav-parent .nav-item:hover,
    .nav-back a:hover,
    .nav-close a:hover,
    .resom:hover {
        color: #1b75bb !important;
    }
    .hc-offcanvas-nav li.nav-back span::before,
    .hc-offcanvas-nav li:hover {
        border-color: #1b75bb !important;
    }
    span.nav-next::before {
        border-color: #fff !important;
    }
    .hc-offcanvas-nav li a.act-link span.nav-next::before,
    .hc-offcanvas-nav li:hover span.nav-next::before {
        border-color: #1b75bb !important;
    }
    .hc-offcanvas-nav li.nav-back a,
    .hc-offcanvas-nav li.nav-close a {
        background: #fff;
        color: #1b75bb;
    }
    .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
        border-left: 0;
    }
    .hc-offcanvas-nav .nav-item:hover,
    .hc-offcanvas-nav a.act-link,
    .hc-offcanvas-nav .nav-item:hover,
    .hc-offcanvas-nav a:hover {
        background: #fff !important;
        color: #1b75bb !important;
    }
    section.swaragh-intro-section {
        padding: 60px 40px 60px;
        margin-top: 40px;
    }
    .heading-wrapper {
        margin-bottom: 20px;
    }
    .heading-wrapper h2 {
        letter-spacing: 0;
        font-size: 44px;
    }
    .heading-wrapper h2::before {
        display: none;
    }
    .timeline__track {
        display: none;
    }
    section.first-call-action {
        padding: 40px 32px 40px;
    }
    .why-swaragh-container ul {
        display: none;
    }
    .why-swaragh-container ul.full-width {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .why-swaragh-container li {
        width: 180px;
        margin: 10px 10px 10px 10px;
    }
    section.first-call-action .fluid-container>div {
        display: none;
    }
    section.first-call-action article {
        max-width: initial;
        text-align: center;
    }
    .single-a-block,
    .right-menu-container,
    .menu-overlay,
    .menu,
    .button_container,
    #overlay {
        display: none;
    }
    section.number-intro {
        flex-direction: column;
    }
    section.number-intro article {
        width: 100% !important;
        padding: 0 !important;
    }
    section.number-intro article ul:last-child {
        transform: initial;
    }
    section.number-intro article.with-numbers {
        display: flex;
        margin-top: 40px;
        justify-content: space-between
    }
    section.number-intro article ul {
        display: flex;
        justify-content: center;
        width: 48%;
    }
    section.number-intro article ul li {
        padding: 20px !important;
        width: 200px;
        margin-right: 16px;
        margin-bottom: 0;
    }
    section.number-intro article ul:last-child {
        margin-left: 0;
    }
    section.number-intro article ul li:last-child {
        margin-right: 0;
    }
    section.number-intro article p {
        text-align: justify;
        font-size: 16px;
    }
    section.number-intro article:nth-child(1) div.textl {
        text-align: center !important;
    }
    section.first-call-action .fluid-container {
        padding: 32px;
        border-radius: 6px;
    }
    .maintenance-expand-wrapper {
        flex-direction: column;
    }
    .maintenance-expand-card .expand-headpart {
        transform: translateY(0px);
    }
    .maintenance-expand-card p {
        opacity: 1;
        visibility: visible;
    }
    .our-mainten-process-wrapper {
        flex-direction: column-reverse;
    }
    .our-mainten-process-left {
        max-width: 80%;
    }
    .our-mainten-process-cards {
        flex-direction: column;
        gap: 40px;
        margin: 20px auto;
    }
    .our-mainten-process-cards span {
        transform: rotate(135deg);
    }
    .our-mainten-process-cards span i {
        transform: rotate(-135deg);
    }
    .our-mainten-services-left {
        display: none;
    }
    .sliders .slides-track {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .clientele-description-intro article:last-child {
        width: 100%;
        right: 0;
    }
    .clientele-description-intro {
        flex-direction: column-reverse;
    }
    .clientele-description-intro article:first-child {
        width: 80%;
        padding: 0;
    }
    section.clientele-outer-wrapper .button-container {
        justify-content: center;
    }
    .clientele-description-intro article:last-child img {
        max-width: 100%;
        margin: 20px 0 0;
    }
    section.contact-section-wrapper article:last-child {
        margin-top: -140px;
    }
    .right-some-extra-card {
        max-width: 450px;
    }
    .left-ui-ux-service-card {
        opacity: .3;
        margin: auto;
        right: 0;
    }
    .right-ui-ux-service-card {
        max-width: unset;
        justify-content: center;
    }
    .our-ui-ux-servies-right-bottom-left,
    .our-ui-ux-servies-right-bottom-right {
        max-width: 50%;
    }
    .maintenance-expand-card {
        width: 100% !important;
        height: 100% !important;
    }
    #tabs-nav-new li {
        width: 100%;
        max-width: 200px;
        padding: 20px 0;
    }
    .ecom-platform-wrapper {
        margin: 40px auto 0;
    }
    .whats-in-for-you_ecommerce+.inner-new-page-content {
        padding: 80px 20px !important;
    }
    .web-development-expertise-line h3 {
        font-size: 40px;
    }
    .double-sided-wrapper article ul li {
        width: 100%;
    }
    .content-expand-wrapper .maintenance-expand-card:hover span img {
        display: flex;
    }
    .content-expand-wrapper .maintenance-expand-card:hover .maintenance-expand-h3 {
        display: flex;
        justify-content: center;
    }
    .content-expand-wrapper .maintenance-expand-card {
        height: 100% !important;
    }
    .hc-offcanvas-nav li a.act-link span.nav-next::before {
        border-color: #1b75bb !important;
    }
    .hc-offcanvas-nav li:hover span.nav-next::before {
        border-color: #7dc4fa !important;
    }
    .ui-content {
        padding: 150px 70px 70px;
    }
    .ui-nav button {
        right: 0;
    }
    .ui-nav button~button {
        left: 0px;
        right: unset;
    }
    .ui-heading {
        font-size: 35px;
    }
    footer .top-footer .top-footer-container {
        flex-wrap: wrap;
        gap: 40px 20px;
    }
    section.clientele-outer-wrapper {
        padding: 80px 10px;
    }
    .maintenance-expand-wrapper {
        pointer-events: none;
    }
    .maintenance-expand-card::before {
        background-color: rgba(0, 0, 0, .68);
    }
    .po-edu-sticky {
        top: 76px !important;
    }
    #hero::before {
        content: '';
        position: absolute;
        left: -174px;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 120%;
        background: url('../../images/swaragh-banner-bg-wave-img.png') no-repeat center center/contain;
        max-width: 64%;
    }
}

@media screen and (max-width:1024px) {
    .career-box-all {
        flex-wrap: wrap;
    }
    section.number-intro {
        margin-top: 20px;
    }
    .life-both {
        flex-direction: column;
    }
    .life-sec-wrapper::before {
        left: 0;
        top: 0;
        margin: auto;
        width: 100%;
        height: 450px;
        border-radius: 0px;
        background: linear-gradient(to bottom, #1b77bc, #25a7de);
        right: 0;
        margin: auto;
        bottom: unset;
    }
    .shape-fill-resp {
        fill: #1b77bc !important;
    }
    .life-left::after {
        display: none;
    }
    .life-both {
        gap: 100px;
    }
    .life-sec-wrapper-2 .life-both {
        gap: 80px;
    }
    .life-right {
        max-width: 100%;
        text-align: center;
    }
    .life-right p {
        text-align: center;
    }
    .life-right hr {
        margin: 15px auto 25px;
    }
    .life-right .inner-new-page-common-ul {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    .life-sec-wrapper-2 .life-both {
        flex-direction: column-reverse;
    }
    .life-sec-2-h {
        left: 0;
        top: 0;
        padding: 0 10px;
        font-size: 30px;
    }
    .life-sec-wrapper-2::before {
        height: 160px;
    }
    .right-vmv {
        height: 300px !important;
    }
    .cms-intro article ul li {
        max-width: 210px;
    }
    .middle-link-footer ul {
        justify-content: flex-start;
    }
    #hero::before {
        content: '';
        position: absolute;
        left: -174px;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 112%;
        background: url('../../images/swaragh-banner-bg-wave-img.png') no-repeat center center/contain;
        max-width: 64%;
    }
}

@media only screen and (max-width: 992px) {
    p {
        line-height: 1.5;
        font-size: 17px;
    }
    .card_s-container {
        flex-direction: column;
    }
    .card_s-container .card_s {
        flex: initial;
        height: 250px;
        width: 100%
    }
    .card_s-container .card_s:hover {
        flex: initial;
    }
    .card_s-container .card_s p {
        padding: 10px 20px;
    }
    .card_s-container .card_s:not(:last-child) {
        margin: 0 0 1em 0;
    }
    .card_s-container .card_s .card__head {
        min-width: unset;
        bottom: 0;
        transform: inherit;
    }
    .card_s-container .card_s:hover .card__head {
        text-align: center;
        top: initial;
        color: white;
        font-size: 20px;
        transform: none;
    }
    .you-could article {
        max-width: initial;
        text-align: center;
    }
    .form-img-wrapper {
        flex-direction: column;
    }
    .form-img-wrapper article {
        width: 100%;
    }
    .form-img-wrapper article.with_img {
        max-width: 500px;
        margin: 0 auto;
    }
    .index-testimonial {
        padding: 80px 20px 40px;
    }
    .you-could {
        justify-content: center;
        padding-left: 40px;
        border-radius: 6px 6px 6px 6px;
    }
    .you-could em {
        display: none;
    }
    section.faqs-index-wrapper {
        padding: 80px 0px 80px !important;
    }
    section.index-why-swaragh {
        padding: 80px 20px;
    }
    section.responsive-website-services-wrapper {
        flex-direction: column-reverse;
    }
    section.responsive-website-services-wrapper .right-side-content {
        width: 100%;
        max-width: initial;
        padding: 20px 10px;
    }
    section.responsive-website-services-wrapper .left-img {
        transform: initial;
        text-align: center;
    }
    .responsive-features {
        align-items: flex-start;
    }
    .bottom-footer .link-container-footer {
        flex-direction: column;
    }
    .bottom-footer .link-container-footer article {
        max-width: initial;
    }
    .bottom-footer .link-container-footer article.our-portfolio ul li,
    article.other-links ul li {
        width: 200px;
        display: inline-block;
        margin: 6px 6px !important;
    }
    article.our-expertise ul li {
        width: 48%;
        display: inline-block;
        margin: 6px 6px !important;
    }
    article.our-portfolio ul,
    article.other-links ul,
    article.our-expertise ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .swaragh_intro_context h1 {
        font-size: 52px;
        line-height: 1;
    }
    .main-portfo-img-wrap {
        flex-wrap: wrap;
        gap: 150px 20px;
    }
    a.profo-resp {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 200px;
        margin: auto;
    }
    .portfo-inner-content a {
        display: none;
    }
    .portfo-inner-main {
        flex-direction: column !important;
    }
    .portfo-inner-content {
        max-width: unset;
        text-align: center;
    }
    section.top-profile-section article {
        padding: 20px;
    }
    section.inner-numbers-section article:nth-child(2n),
    section.inner-numbers-section article:nth-child(2n+1) {
        transform: translateY(0px);
    }
    section.inner-numbers-section .fluid-container {
        flex-wrap: wrap;
    }
    section.process-description-wrapper article.process-description_img {
        width: 100%;
    }
    .our-process-wrapper {
        display: none;
    }
    #process-resp {
        display: block;
    }
    section.double-sided-container {
        flex-direction: column;
    }
    section.process-description-wrapper {
        padding: 80px 10px;
    }
    #process-resp .maintenance-expand-card {
        height: 100%;
    }
    section.double-sided-container article {
        width: 100%;
        padding: 0;
    }
    section.double-sided-container article.has-image {
        z-index: -1;
        position: relative !important;
        left: -20px !important;
        margin-top: 40px !important;
    }
    section.double-sided-container article .button-container {
        justify-content: center;
    }
    .career-job-role {
        position: relative;
        top: 0;
        margin: 30px auto 0;
        gap: 20px;
    }
    .career-job-secton {
        position: relative;
        top: 0;
        right: 0;
    }
    .career-wrapper {
        height: 100%;
        padding: 40px 0;
    }
    .inner-career-main {
        position: relative;
    }
    .career-wrapper-2 .career-job-secton,
    .career-job-secton {
        gap: 20px;
    }
    .graphic-procrss {
        position: relative;
    }
    .left-graphic-process {
        position: absolute;
        height: 550px;
    }
    .right-graphic-process-top-wrapper {
        transform: translateX(0px);
    }
    .right-graphic-process-middle-wrapper {
        transform: translateX(0px);
    }
    .mani-container {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .tab {
        width: 100%;
        max-width: 250px;
    }
    .tabcontent {
        width: 100%;
        max-width: 500px;
    }
    .tab button.active {
        background-color: rgba(3, 43, 84, 0.224);
        border-bottom: 2px solid #ffcc00 !important;
        border-right: none;
    }
    .css-flex-wrapper {
        flex-direction: column;
    }
    .left-css-flex {
        max-width: 100%;
    }
    .right-css-flex {
        max-width: 650px;
    }
    .web-desgin-about-wrapper {
        flex-direction: column-reverse !important;
    }
    .web-desgin-about-wrapper .right-web-desgin-wrapper {
        max-width: 100%;
    }
    .inner-page-new-do-more {
        flex-direction: column;
        justify-content: center;
    }
    .left-content-do-more {
        max-width: 95%;
        margin: 20px auto 0;
    }
    .right-content-do-more {
        max-width: 95%;
    }
    .cms-inner-new-img::before {
        bottom: -44px;
        width: 100%;
        max-width: 250px;
        height: 250px;
    }
    .our-cms-process-cards {
        flex-direction: column;
        gap: 40px;
        margin: 10px auto 20px;
    }
    .our-cms-process-cards span {
        transform: rotate(135deg);
    }
    .our-cms-process-cards span i {
        transform: rotate(-135deg);
    }
    .gallery .image-container .image {
        width: 100%;
        height: 100%;
    }
    section.responsive-website-services-wrapper .left-img {
        display: none;
    }
    section.contact-section-wrapper article:last-child {
        margin-top: 0px;
    }
    section.contact-section-wrapper .fluid-container {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    section.contact-section-wrapper article {
        max-width: 80%;
    }
    form.contact_us_page_form .contact-button-page {
        max-width: 150px;
        margin: 30px auto 0;
    }
    form.contact_us_page_form .contact-button-page button {
        font-size: 16px;
    }
    .inner-new-page-call-action-wrapper {
        flex-direction: column;
    }
    .services-ui-ux .ui-ux-services-left {
        max-width: 300px;
        height: 200px;
        margin: 15px 0px;
    }
    .services-ui-ux-wrapper .services-ui-ux:nth-child(2n),
    .services-ui-ux {
        flex-direction: column;
        text-align: center;
        gap: 0;
        padding: 20px 0 15px;
    }
    .services-ui-ux p {
        text-align: center;
    }
    .right-some-extra-card {
        max-width: 300px;
    }
    .innerproduct-frame {
        flex-direction: column;
        padding: 80px 0 0;
    }
    .md-service-img {
        background-size: contain;
        background-position: top;
        height: 25em;
    }
    #tabs-nav-new {
        display: none;
    }
    .tab-new-wrapper::before {
        display: none;
    }
    #tabs-content {
        display: none;
    }
    #tabs-content-resp {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .tab-content-new-resp {
        width: 100%;
        max-width: 400px;
        margin: 0;
    }
    .tab-content-new-resp span img {
        max-width: 50px;
    }
    .tab-content-new-resp span {
        width: 100px;
        height: 100px;
    }
    .tab-content-new-resp {
        display: flex;
    }
    .tab-content-new {
        display: flex !important;
    }
    #tabs-content-resp {
        margin: auto;
    }
    .business-portals-wrapper {
        padding: 40px 20px;
    }
    .business-portals-wrapper::before {
        width: 100%;
    }
    .process-wrapper-flex-infog {
        flex-direction: column-reverse;
    }
    .process-steps-card h3 br {
        display: none;
    }
    section.process-description-wrapper .button-container {
        justify-content: center;
    }
    .right-process-card {
        background: url('../../images/ou-process/our-process-right-img-res.png') no-repeat center center/contain !important;
    }
    .carr-new-main h3,
    .line-car,
    .left-fixed-car {
        display: none;
    }
    .carr-new-main {
        padding: 0 10px 0 30px;
        top: 0;
    }
    .carr-new-main-2 {
        padding: 50px 10px 0 30px !important;
    }
    .carr-new-main .heading-wrapper {
        margin: 0 auto 20px;
    }
    .career-role-both {
        gap: 20px;
    }
    .career-role-both,
    .carr-new-main .heading-wrapper {
        width: 100%;
        max-width: 600px;
    }
    .cms-cmw-card p,
    .cms-cmw-card h2 {
        text-align: center;
    }
    .cms-cmw-card {
        max-width: 100%;
    }
    .inner-cms-cmw-wrapper {
        flex-direction: column;
    }
    .cms-smw-wrapper-resp {
        position: relative;
    }
    .cms-smw-wrapper-resp::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: .9;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .inner-cms-cmw-wrapper {
        position: relative;
        z-index: 1;
    }
    .cms-cmw-card:nth-child(2) {
        display: none;
    }
    .cms-smw-wrapper-resp {
        background-size: cover !important;
    }
    .cms-smw-wrapper {
        padding: 0px 20px 40px;
        height: 100%;
        margin-top: 50px;
    }
    .ui-articles {
        height: 100%;
        margin: 0 20px;
    }
    .tab-dynamic-container p {
        margin: 0;
        text-align: center;
    }
    .tab-dynamic-container {
        align-items: center !important;
        position: relative;
        top: 0;
        height: 100%;
        padding: 40px 20px;
    }
    .tab-dynamic-container h3 {
        text-align: center;
    }
    .tab-fixed-wrapper {
        flex-direction: column !important;
    }
    .tab-fixed-wrapper:nth-child(1) .tab-dynamic-container {
        padding: 100px 20px 40px;
    }
    .tab-dynamic-container p,
    .tab-dynamic-container h3 {
        text-align: center !important;
    }
    .home-tab-con h3 {
        display: none;
    }
    .home-tab-con {
        height: 100%;
        padding: 40px 20px;
    }
    .fixtab-inner-right h4 {
        margin-top: 0 !important;
        font-size: 35px;
    }
    .area-of-focus-profile ul.left-area-focus li a::before,
    .area-of-focus-profile ul.right-area-focus li a::before {
        display: none;
    }
    section.area-of-focus-profile ul li {
        max-width: 100%;
    }
    .areas-main-flex-wrapper {
        align-items: unset;
    }
    .areas-main-flex-wrapper ul.left-area-focus li a div,
    section.area-of-focus-profile ul li a div {
        margin: 0;
    }
    section.area-of-focus-profile ul li h5 {
        margin: 10px 0 0;
    }
    section.area-of-focus-profile ul {
        margin-top: 0;
    }
    section.area-of-focus-profile ul.left-area-focus {
        margin-top: 40px;
    }
    .areas-main-flex-wrapper {
        flex-direction: column;
        gap: 4px;
    }
    .areas-main-flex-wrapper ul.left-area-focus li a p {
        text-align: center;
    }
    .areas-main-flex-wrapper ul.right-area-focus li a p {
        text-align: center;
    }
    section.area-of-focus-profile ul.right-area-focus li a {
        background: linear-gradient(90deg, rgb(241, 241, 241) 035%, rgb(255, 255, 255) 100%);
    }
    section.area-of-focus-profile ul.right-area-focus li a,
    section.area-of-focus-profile ul.left-area-focus li a {
        height: 100%;
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .double-sided-wrapper .fluid-container {
        flex-direction: column;
    }
    article.right-sided-container {
        width: 80%;
        margin: auto;
    }
    .double-sided-wrapper article {
        width: 100%;
        padding: 20px 0;
        margin: auto;
    }
    .double-sided-wrapper {
        padding: 80px 10px 80px;
    }
    .why-dm-need-card:not(:hover) {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%) !important;
    }
    .why-dm-need-card:not(:hover) p {
        opacity: 1;
    }
    .why-dm-need-card h3:not(:hover) {
        padding: 0;
        position: relative;
    }
    .why-dm-need-card {
        pointer-events: none;
    }
    .industries-Solutions-Container article:not(:hover) i {
        top: initial;
        bottom: initial;
        width: 1000px;
        border-radius: initial;
    }
    .industries-Solutions-Container article:not(:hover) h4 {
        color: #fff;
    }
    .industries-Solutions-Container article:not(:hover) p {
        color: #fff;
    }
    .industries-Solutions-Container article:not(:hover) h4::before {
        width: 80px;
        background: #fff;
    }
    .industries-Solutions-Container article:not(:hover) {
        transform: translateY(-5px);
        box-shadow: 0px 28px 12px -24px rgba(0, 0, 0, 0.2);
    }
    .inner-new-page-industries h2.inner-new-page-h2-main {
        text-align: center;
    }
    .industries-Solutions-Container article {
        margin: 20px 0 0;
    }
    .tab {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        float: unset;
        border: none;
    }
    .tabcontent {
        width: 100%;
        max-width: 100%;
        margin: 20px 0 0;
    }
    .tab button {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }
    .seo-services-tabs-warapper {
        flex-direction: column;
    }
    .tab button p {
        text-align: center;
    }
    .why-smm-market-card h3 {
        position: relative;
        padding: 0;
    }
    .why-need-corporate-cards,
    .why-smm-market-card {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%) !important;
        min-height: unset !important;
        padding: 40px 10px;
    }
    .why-need-corporate-cards:not(:hover) p,
    .why-smm-market-card:not(:hover) p {
        opacity: 1;
    }
    .why-need-corporate-cards h3 {
        display: none;
    }
    .why-need-corporate-cards h4 {
        opacity: 1 !important;
    }
    .why-need-corporate-cards span {
        position: relative;
        opacity: 1 !important;
        background: unset;
        filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(335deg) brightness(109%) contrast(101%);
    }
    .why-need-corporate-cards {
        height: 100%;
        gap: 0;
    }
    .our-product-h {
        width: 100%;
        padding: 0 10px 40px;
    }
    section.contact-section-wrapper .fluid-container {
        padding: 0 20px;
    }
    .ui-heading {
        font-size: 40px;
    }
    .free-space {
        display: none;
    }
    .life-year-all span {
        display: none;
    }
    .life-photo-all,
    .life-year-all {
        flex-wrap: wrap;
    }
    .awards-inner_container article.with-award-image {
        height: 350px;
        min-height: 350px;
    }
    .tab-dynamic-container {
        background-attachment: fixed !important;
    }
    .who-we-are-rep-banner {
        background-image: url('../../images/who-we-are/who-we-are-banner-resp.jpg') !important;
    }
    .cms-intro article ul {
        justify-content: center;
    }
    .cms-intro article ul li {
        max-width: 300px;
    }
    .seo-services-tabs-warapper {
        flex-direction: column;
    }
    .seo-services-tabs-warapper .tab {
        display: none !important;
    }
    .tabcontent {
        padding: 0px 10px;
        width: 100%;
        max-width: 100%;
        border-left: none;
        margin: auto 30px;
        display: flex !important;
    }
    .services-tab-content-card {
        margin-top: 20px;
    }
    .services-tab-content-card h3 {
        display: block;
        font-size: 30px;
        text-align: left;
        line-height: 1.4;
        margin: 20px 0;
        color: #fff;
    }
    .edu-top-nav nav ul {
        overflow-x: scroll;
        white-space: nowrap;
        justify-content: flex-start;
    }
    .why-dm-needs-wrapper {
        flex-wrap: wrap;
    }
    .industries-Solutions-Container {
        flex-wrap: wrap;
    }
    .why-dm-need-card:hover h3 {
        font-size: 26px;
    }
    .why-dm-need-card p {
        font-size: 17px;
    }
    section.expertise-pages-banner {
        height: 520px;
        margin-top: 110px;
        min-height: 60vh;
    }
    .inner-promotion-portfolio img {
        width: 450px;
    }
    .inner-jelly-wrapper {
        flex-wrap: wrap;
    }
    .jelly-card {
        max-width: 250px;
    }
    .swaragh_intro_context h2 em {
        right: -11%;
    }
    #hero::before {
        display: none;
    }
    .left-banner-img span img {
        display: none;
    }
    .left-banner-img::after {
        display: none;
    }
    .left-banner-img {
        display: none;
    }
    .banner-img-text-wraper {
        justify-content: flex-end;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 40px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 38px;
    }
}

@media only screen and (max-width: 920px) {
    .swaragh_intro_context h1 em {
        display: none;
    }
    section.swaragh-intro-section {
        padding: 40px 40px 60px;
        margin-top: 0px;
    }
    .swaragh_intro_context h2 em {
        display: none;
    }
}

@media only screen and (max-width: 820px) {
    section.expertise-pages-banner {
        height: 500px;
        margin-top: 110px;
        min-height: 40vh;
    }
    section.expertise-pages-banner .fluid-container {
        align-items: flex-start;
    }
    section.expertise-pages-banner article {
        padding: 0 20px;
        width: unset;
        margin-top: 30px;
        background: rgba(0, 0, 0, .5);
        padding: 20px;
    }
    .expertise-pages-banner-center-object article {
        margin-top: 0 !important;
        margin-bottom: 100px !important;
    }
    .expertise-pages-banner-center-object article .button-container {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 840px) {
    section.portfolios_cont {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 0 !important;
    }
    section.portfolios_cont a {
        width: 100%;
        margin-bottom: 20px !important;
    }
    section.number-intro article.with-numbers {
        flex-direction: column;
        justify-content: space-between;
    }
    section.number-intro article ul {
        width: 100%;
    }
    section.number-intro article ul:first-child {
        margin-bottom: 10px;
    }
    section.simple-c-2-a {
        padding: 6em 2em 6em
    }
    section.simple-c-2-a h2 {
        font-size: 48px;
    }
    section.top-profile-section .fluid-container {
        flex-direction: column;
    }
    section.top-profile-section article {
        width: 100%;
    }
    .process-description_content .heading-wrapper,
    .top-profile-section .heading-wrapper {
        text-align: center !important;
    }
    section.process-description-wrapper .fluid-container {
        flex-wrap: wrap;
        gap: 40px;
    }
    section.process-description-wrapper article {
        width: 100%;
    }
    .image-container {
        justify-content: center;
        gap: 20px;
    }
    section.process-description-wrapper article .button-container {
        justify-content: center;
    }
    section.process-description-wrapper article.process-description_img {
        width: 70%;
        margin: auto;
    }
    .tabs-nav a::after {
        bottom: 0;
        right: -17px;
        transform: rotate(-90deg);
        top: 0;
        margin: auto;
    }
    .tabs-nav {
        display: none;
    }
    .tabbed-content_container {
        display: block !important;
    }
    .tabbed-content_container h3 {
        display: block;
        font-size: 30px;
        color: #243ea1;
        margin-top: 20px;
    }
    .tabbed-content_container {
        padding: 10px 0;
    }
    .career-job-skill {
        max-width: unset;
        justify-content: center;
    }
    .career-wrapper-2 .career-job-secton,
    .career-job-secton {
        height: 100%;
        flex-direction: column;
        text-align: center;
        padding: 20px;
        max-width: 450px;
        margin: auto;
    }
    .inner-career-main {
        padding: 0 20px;
    }
    .career-job-name hr {
        position: relative;
        top: 0;
        margin: 0 auto 10px;
    }
    .gallery .controls {
        justify-content: flex-start;
    }
    #something-id {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bbe8 74%) !important;
    }
    .right-some-extra-card {
        z-index: -1;
    }
    .right-some-extra-card {
        max-width: 450px;
    }
    .responsive_features_wrapper article ul li:last-child {
        margin: 20px 0 0;
    }
    .flex-content-for-p {
        flex-wrap: wrap;
        justify-content: center;
    }
    .flex-content-for-p p {
        width: 100%;
        text-align: center;
    }
    .ui-articles {
        height: 100%;
    }
    .ui-article {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .ui-paragraph,
    .ui-heading {
        text-align: center;
    }
    .ui-content {
        height: max-content;
        top: 100px;
    }
    .slide-wrap {
        width: 100%;
        height: 100%;
    }
    .ui-articles {
        height: 100%;
        align-items: unset;
    }
    .ui-big-images {
        height: 100%;
    }
    .ui-nav button {
        right: 20px;
    }
    .inner-vmv-wrapper {
        flex-direction: column-reverse !important;
        gap: 20px;
    }
    section.top-profile-section article.with-heading .profile-img {
        text-align: center;
    }
    .expertise_capabilties-wrapper a {
        width: 100%;
        max-width: 100%;
    }
    .inner-new-page-platform h2.inner-new-page-h2 {
        font-size: 43px;
    }
    .whats-in-for_ecommerce-container {
        gap: 20px;
    }
    .web-development-expertise-line .fluid-container {
        padding: 40px 0;
    }
    .custom-shape-divider-bottom-1669357741 svg {
        height: 85px;
    }
    section.expertise-pages-banner article h2 {
        font-size: 40px;
    }
    .web-desgin-about-wrapper {
        padding: 0;
    }
    .portfolio-mani-card-wrapper {
        flex-wrap: wrap;
    }
    .left-portfolio-img span {
        left: unset;
        right: 0;
        bottom: 0;
    }
    .flex-container-popup article:nth-child(1) {
        display: none;
    }
    .call_action_modal .flex-container-popup {
        flex-direction: column;
        background: url('../../images/home-popup.jpg') no-repeat center center/cover;
        position: relative;
        z-index: 0;
    }
    .call_action_modal .flex-container-popup::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #068e687d;
        z-index: -1;
    }
    .call_action_modal .flex-container-popup::before {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%);
    }
    .flex-container-popup article h3 {
        color: #fff;
    }
    .flex-container-popup article p {
        color: #fff;
    }
    .flex-container-popup article:last-child {
        width: 100%;
        padding: 40px 20px;
    }
    .flex-container-popup article {
        width: 100%;
    }
    .flex-container-popup article:nth-child(1) img {
        width: 100%;
        max-width: 250px;
        opacity: .3;
    }
    .ui-nav button {
        top: 0px;
    }
    .responsive_features_wrapper article ul li:last-child {
        margin: 0;
    }
    .ui-paragraph {
        max-width: 100%;
    }
    .ui-content {
        padding: 20px 70px 150px;
    }
    .middle-link-footer ul {
        min-width: 900px;
        margin: auto;
    }
    .you-could {
        margin-top: 50px;
    }
    .vmv-wrapper:nth-child(6),
    .vmv-wrapper:nth-child(7) {
        padding: 40px 20px 0;
    }
    .awards-inner_container article {
        width: 100%;
    }
    .awards-inner_container {
        flex-direction: column !important;
    }
    .expertise_capabilties-wrapper a p {
        opacity: 1;
        margin-top: 0;
    }
    .expertise_capabilties-wrapper a:hover p {
        opacity: 1;
        margin-top: initial;
    }
    .expertise_capabilties-wrapper a .logo_img {
        position: initial;
        margin-bottom: 30px;
    }
    .expertise_capabilties-wrapper a:hover .logo_img {
        opacity: 1;
    }
    .expertise_capabilties-wrapper a {
        min-height: 50vh;
    }
    .ui-article a {
        margin: auto;
    }
    .popup-form-call_action button {
        background: #fc0;
        color: #fff;
    }
}

@media screen and (max-width:776px) {
    .mani-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tab {
        width: 100%;
        max-width: 100%;
    }
    .tabcontent {
        width: 100%;
        max-width: 100%;
        margin: 40px auto;
    }
    .seo-services-tabs-warapper .tabcontent {
        margin: 0px auto;
    }
    .tab button.active {
        background-color: rgba(3, 43, 84, 0.224);
        border-bottom: 2px solid #ffcc00 !important;
        border-right: none;
    }
    .seo-services-tabs-warapper {
        flex-direction: column;
    }
    .right-graphic-process-card {
        flex-direction: column;
        gap: 40px;
    }
    .right-graphic-process-card span {
        transform: rotate(135deg);
    }
    .right-graphic-process-card span i {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%);
        transform: rotate(-135deg);
        color: #fff;
    }
    .left-graphic-process {
        display: none;
    }
    .owl-prev-thump,
    .owl-next-thump {
        display: none;
    }
    .owl-prev,
    .owl-next {
        width: 50px;
    }
    .owl-prev:hover,
    .owl-next:hover {
        animation: initial !important;
    }
    .slide-content {
        width: 75% !important;
    }
    .owl-prev-icon,
    .owl-next-icon {
        width: 25% !important;
    }
    #hero .caption h3 {
        font-size: 50px;
    }
    .ui-nav button {
        bottom: unset;
        background: #fff;
        top: 0px;
        right: 10px;
        padding: 20px;
    }
    .ui-nav button~button {
        left: unset;
        right: 100px;
    }
    .ui-content {
        padding: 90px 10px 150px;
    }
    .ui-nav button img {
        filter: unset;
    }
    .ddd-resp {
        display: none !important;
    }
    .client-respons {
        display: flex !important;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 36px;
        margin: 0 0 20px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 34px;
    }
}

@media only screen and (max-width: 768px) {
    footer .top-footer .top-footer-container {
        flex-direction: column;
        gap: 20px;
    }
    footer .top-footer .top-footer-container>article {
        margin-bottom: 20px;
    }
    footer .top-footer .top-footer-container>article:last-child {
        margin-bottom: 0;
    }
    .timeline__track {
        right: initial;
        margin: initial;
        left: 8px;
    }
    .timeline {
        padding: 20px;
    }
    .timeline__track::after {
        background-size: 16px;
        width: 16px;
        height: 16px;
        left: -7.8px;
    }
    .timeline__item {
        margin: 20px 0;
    }
    .timeline__line {
        left: -11px;
        top: -12px;
    }
    .our-mainten-process-right {
        background: url('../../images/maintanence-support/inner-images/maintanance-support-our-process.png') no-repeat center center/contain !important;
        height: 450px;
    }
    .our-Corporate-process-right {
        background: url('../../images/maintanence-support/inner-images/maintanance-support-our-process.png') no-repeat center center/contain !important;
        height: 450px;
    }
    .career-exp ul {
        max-width: 100%;
    }
    .career-role-inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .career-hide {
        display: block;
    }
    .career-job-role {
        display: none;
    }
    .career-job-role ul {
        max-width: 100%;
    }
    .career-wrapper-2 .career-job-secton,
    .career-job-secton {
        max-width: 100%;
    }
    .career-h h1 {
        font-size: 35px;
    }
    .our-cms-servies-right-bottom {
        flex-direction: column;
    }
    .our-cms-servies-right-bottom-left {
        max-width: 700px;
    }
    .our-cms-servies-right-bottom-right {
        max-width: 700px;
    }
    .inner-promotion-portfolio {
        flex-direction: column;
        gap: 30px;
    }
}

@media only screen and (max-width: 660px) {
    .test-inner-both:nth-child(odd) {
        flex-direction: column;
    }
    .test-inner-both:nth-child(even) {
        flex-direction: column-reverse;
    }
    .test-inner-both h5,
    .test-inner-left,
    .test-inner-right {
        margin: 0 auto;
        text-align: center;
        background: #fff;
    }
    .test-inner-right p,
    .test-inner-left p {
        text-align: justify;
    }
    .test-inner-both span {
        bottom: unset;
        top: 50px;
    }
    .test-inner-both h5 {
        font-size: 20px;
    }
    .duplex-container-social article {
        width: 90%;
    }
    section.contact-section-wrapper article {
        max-width: 90%;
        padding: 0;
    }
    .duplex-container-social article.right-social-details {
        padding: 10px;
    }
    .more-contact-details .heading-wrapper h2,
    .contact-we-r-social .heading-wrapper h2 {
        font-size: 35px !important;
        text-transform: capitalize;
    }
    section.contact-we-r-social .duplex-container-social {
        flex-direction: column;
        align-items: center;
    }
    section.contact-page-banner h1 {
        font-size: 50px;
    }
    .left-call-to-action h2.inner-new-page-h2 {
        font-size: 40px;
        text-align: center;
    }
    .right-call-to-action {
        background-size: contain !important;
    }
    .services-ui-ux .ui-ux-services-left {
        height: 100px;
    }
    .md-service-img {
        height: 15em;
    }
    .content-expand-wrapper .maintenance-expand-card {
        height: 100% !important;
    }
    .cms-intro article ul li {
        max-width: 256px;
    }
}

@media only screen and (max-width: 628px) {
    .responsive_features_wrapper article ul li:last-child {
        width: 100%;
        max-width: 405px;
    }
}

@media only screen and (max-width: 600px) {
    .you-could article h3 {
        font-size: 36px;
        text-align: center;
    }
    .you-could article {
        text-align: center;
    }
    .bottom-footer .link-container-footer article h3 {
        margin-bottom: 10px;
        font-size: 28px;
    }
    .bottom-footer .link-container-footer article {
        margin: 10px 0;
    }
    article.our-expertise ul li {
        width: 100%;
    }
    section.hero-swaragh article h2 {
        font-size: 34px;
        line-height: 1.2;
    }
    .our-services-wrapper {
        margin-top: 20px;
    }
    .our-services-wrapper>a img {
        height: initial;
    }
    section.first-call-action h3 {
        line-height: 1.4;
        font-size: 34px;
    }
    .custom-shape-divider-bottom-1632987318 svg {
        height: 30px;
    }
    .counter-index-wrapper article {
        margin-bottom: 0;
    }
    section.area-of-focus-profile {
        padding: 40px 10px;
    }
    .left-vmv {
        padding: 0 0 40px;
    }
    .top-profile-section {
        padding: 60px 10px 40px !important;
    }
    .whats-in-for_ecommerce-container article h4 {
        font-size: 25px;
    }
    .whats-in-for_ecommerce-container article p {
        font-size: 16px;
    }
    .ecom-platform-wrapper ul li {
        font-size: 16px;
    }
    .ecom-platform-wrapper ul li::before {
        left: 10px;
        top: -2px;
        font-size: 25px;
    }
    .web-development-expertise-line h3 {
        font-size: 30px;
    }
    .web-development-expertise-line p {
        text-align: left;
        padding: 20px;
    }
    .inner-new-page-why-mobile h2.inner-new-page-h2 {
        font-size: 40px;
    }
    .inner-new-page-for-you h2.inner-new-page-h2 {
        font-size: 40px;
    }
    .for-you-card {
        margin: 20px 10px
    }
    .inner-new-page-web-maintenance h2 {
        padding: 0 20px;
    }
    .inner-new-page-industries h2.inner-new-page-h2-main {
        padding-bottom: 0;
        font-size: 40px;
    }
    .tab button {
        width: 100%;
        max-width: 150px;
    }
    .tab button p {
        font-size: 14px;
    }
    .inner-new-page-seo-services h2.inner-new-page-h2 {
        font-size: 40px;
    }
    .inner-new-page-our-services h2.inner-new-page-h2,
    .inner-new-page h2.inner-new-page-h2,
    .our-mainten-services-right h2.inner-new-page-h2 {
        font-size: 40px;
    }
    .inner-new-page-some-extra-p-txt p {
        max-width: 100%;
    }
    .inner-new-page-some-extra-p-txt {
        flex-wrap: wrap;
    }
    .inner-new-page-web-maintenance h2.inner-new-page-h2 {
        font-size: 40px;
    }
    .maintenance-expand-h3 {
        font-size: 30px;
    }
    section.portfolio-wrapper_page {
        padding: 60px 0px 100px;
    }
    .custom-shape-divider-bottom-1669358525 svg {
        height: 40px;
    }
    form.contact_us_page_form .contact-page-input {
        width: 100%;
    }
    section.simple-c-2-a h2 {
        font-size: 40px;
    }
    .industries-Solutions-Container article {
        max-width: 700px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .industries-Solutions-Container article div {
        margin-left: 0;
    }
    .industries-Solutions-Container article span {
        width: 80px !important;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 576px) {
    .top-footer-container article .left-ul li span,
    .top-footer-container article .right-ul li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .top-footer-container article .left-ul li a {
        font-size: 16px;
    }
    section.responsive-website-services-wrapper .left-img {
        height: initial;
    }
    .responsive-features article i {
        width: 60px;
        height: 60px;
    }
    .responsive-features article i img {
        width: 24px;
    }
    .responsive-features article h5 {
        font-size: 24px;
    }
    footer .top-footer .top-footer-container article ul:not(.right-ul) {
        align-items: flex-start;
        flex-direction: column;
    }
    .top-footer-container article .left-ul li {
        margin: 0 0 10px 0;
    }
    section.simple-c-2-a a {
        font-size: 24px;
    }
    .why-choose-wrapper .why-choose-container article {
        margin: 20px 10px;
        flex-direction: column;
        padding: 10px 12px;
    }
    .why-choose-wrapper .why-choose-container article span {
        width: 80px !important;
        margin: 25px auto 32px;
    }
    .why-choose-wrapper .why-choose-container article p {
        margin-top: 10px;
        text-align: justify;
    }
    .why-choose-wrapper .why-choose-container article div {
        margin-left: 0px;
        text-align: center;
    }
    .why-choose-wrapper .why-choose-container article:hover i {
        top: 0;
    }
    .why-choose-wrapper .why-choose-container article i {
        width: 1000px;
        height: 1000px;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .why-choose-wrapper .why-choose-container article p {
        color: #fff;
    }
    .why-choose-wrapper .why-choose-container article h4::before {
        display: none;
    }
    .why-choose-wrapper .why-choose-container article span {
        filter: invert(100%) sepia(0%) saturate(15%) hue-rotate(357deg) brightness(104%) contrast(100%);
    }
    .why-mobile-app-card {
        flex-direction: column;
    }
    .content-right-why-mobile-app-card h3 {
        text-align: center;
    }
    .content-right-why-mobile-app-card p {
        text-align: center;
    }
    .erp-services-card p {
        text-align: center;
    }
    .erp-services-card h3 {
        text-align: center;
    }
    main.inner-page-content-section .heading-wrapper h2 {
        font-size: 35px;
    }
    .portfo-inner-content h2 {
        font-size: 25px;
    }
    section.process-description-wrapper article.process-description_img {
        width: 90%;
    }
    section.expertise-pages-banner article a {
        padding: 8px 15px;
    }
    .inner-new-page h2.inner-new-page-h2 {
        font-size: 32px;
    }
    .web-desgin-about-wrapper {
        margin: 10px auto;
    }
    .slide-content h2 {
        font-size: 28px !important;
        text-align: center !important;
        margin: 0px !important;
    }
    .slide-content h2 br {
        display: none;
    }
    .slide-content h3 {
        font-size: 18px !important;
        text-align: center !important;
        margin: 5px !important;
    }
    .slide-content p {
        font-size: 15px !important;
    }
    .owl-prev-icon,
    .owl-next-icon {
        width: 20% !important;
    }
    .owl-prev:hover .owl-prev-icon,
    .owl-next:hover .owl-next-icon {
        width: 21% !important;
    }
    .slide-content {
        height: 95% !important;
        min-height: initial !important;
        width: 90% !important;
    }
    .why-need-corporate-cards {
        height: 400px;
    }
    .our-ui-ux-servies-right-bottom,
    .our-ui-ux-servies-right-top {
        flex-wrap: wrap;
    }
    .our-ui-ux-servies-right-bottom-left,
    .our-ui-ux-servies-right-bottom-right {
        max-width: 100%;
    }
    .process-steps-card {
        flex-direction: column;
    }
    .process-steps-card h3 {
        text-align: center;
    }
    .right-process-card {
        height: 400px;
    }
    section.hero-swaragh article h2 {
        font-size: 30px;
        line-height: 1.2;
    }
    .left-dynamic-container-3 h2,
    .left-dynamic-container-2 h2,
    .left-dynamic-container h2 {
        font-size: 30px;
    }
    .left-dynamic-outer-3,
    .left-dynamic-outer-2,
    .left-dynamic-outer,
    .fixedmain-dyn {
        padding: 0 0px;
    }
    .home-fixed-wrapper-3,
    .home-fixed-wrapper {
        padding: 60px 0 20px;
    }
    .heading-wrapper h2 {
        font-size: 40px;
    }
    .our-work-process-wrapper {
        padding: 80px 10px;
    }
    .card_s-container .card_s p {
        display: flex;
        align-items: center;
    }
    .card_s-container .card_s {
        height: 350px;
    }
    section.clientele-outer-wrapper {
        padding: 60px 10px;
    }
    .clients_logo_wrapper {
        padding: 40px 10px;
        background: #f3f1f9;
    }
    .left-dynamic-container-3 .button-container,
    .left-dynamic-container-2 .button-container,
    .left-dynamic-container .button-container {
        justify-content: center;
    }
    .cms-intro article ul li {
        max-width: 100%;
    }
    #hero video {
        display: none;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 32px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 30px;
    }
    .inner-new-page-call-to-action::before {
        height: 100%;
    }
}

@media only screen and (max-width: 536px) {
    section.hero-swaragh .fluid-container {
        justify-content: center;
        flex-direction: column-reverse;
    }
    section.hero-swaragh em {
        position: relative;
        display: block;
        width: 100%;
        bottom: -40px;
        left: initial;
    }
    /* section.first-call-action .fluid-container {padding: 80px 32px 32px;border-radius: 6px;} */
    section.first-call-action .fluid-container {
        padding: 120px 32px 32px;
        border-radius: 6px;
    }
    /* section.first-call-action .fluid-container > div {display: block;position: absolute;right: 0;width: 154px;top: -33px;-moz-animation: bounce-hero 5s infinite;animation: bounce-hero 5s infinite;-webkit-animation: bounce-hero 5s infinite;} */
    section.first-call-action .fluid-container>div {
        display: block;
        position: absolute;
        right: -53px;
        width: 210px;
        top: -33px;
        -moz-animation: bounce-hero 5s infinite;
        animation: bounce-hero 5s infinite;
        -webkit-animation: bounce-hero 5s infinite;
        transform: rotateZ(-12deg);
    }
    .you-could em {
        position: absolute;
        display: block;
        right: -33px;
        width: 140px;
        top: -41px;
        left: initial;
    }
    .you-could {
        padding-top: 60px;
    }
    .swaragh_intro_context h2 {
        font-size: 40px;
    }
    section.faq-container>article.with-img {
        max-width: 70%;
        margin: 0 auto;
    }
    .vmv-wrapper-pic-js {
        padding: 80px 20px 0px !important;
    }
    #hero {
        height: 500px;
        min-height: 80vh;
        justify-content: flex-start;
        padding: 60px 0;
        margin-top: 112px;
    }
    .index-locator {
        font-size: 23px;
    }
    #hero .caption h3 {
        font-size: 42px;
    }
    .contact-us-three-btns {
        justify-content: center;
        flex-wrap: wrap;
    }
    .contact-us-three-btns .bbtn {
        padding: 6px 10px;
    }
    .with-numbers-resp {
        display: flex !important;
    }
    .with-numbers-resp-none {
        display: none !important;
    }
    section.number-intro article ul:first-child {
        margin-bottom: 18px;
    }
    section.number-intro article ul li {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 3px;
    }
}

@media only screen and (max-width: 480px) {
    section.number-intro article p {
        text-align: left;
    }
    section.top-social-header ul a {
        font-size: 13px;
        padding: 6px 3px;
    }
    .index-page-slider {
        margin-top: 102px;
    }
    section.swaragh-intro-section {
        padding: 40px 10px 60px;
    }
    .swaragh_intro_context h1 {
        font-size: 40px;
    }
    .log-form .input-field {
        width: 100%;
    }
    .why-choose-wrapper .why-choose-container article i {
        margin: 0 auto;
        top: -96px;
        bottom: initial;
        left: 0;
        right: 0;
    }
    .test-inner-left br,
    .test-inner-right br {
        display: block !important;
    }
    .test-inner-both span {
        top: 95px;
    }
    .test-inner-both h5 {
        font-size: 23px;
    }
    main.inner-page-content-section .heading-wrapper h2 {
        font-size: 30px;
    }
    section.portfolio-wrapper_page {
        padding: 100px 0;
    }
    .portfolio-wrapper_page p {
        text-align: justify !important;
    }
    section.top-profile-section article {
        padding: 0;
    }
    section.area-of-focus-profile ul li:nth-child(2n+1) a,
    section.area-of-focus-profile ul li a {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 20px 0;
    }
    section.area-of-focus-profile ul li a p {
        text-align: center !important;
    }
    section.area-of-focus-profile ul li:nth-child(2n+1) a div,
    section.area-of-focus-profile ul li a div {
        margin: 0;
    }
    section.process-description-wrapper article.process-description_content {
        padding: 0;
    }
    section.process-description-wrapper article .button-container a {
        font-size: 14px;
    }
    section.process-description-wrapper article.process-description_img {
        width: 100%;
    }
    article.process-description_img .absolute-div h4 {
        font-size: 50px;
    }
    section.process-description-wrapper {
        padding: 60px 10px 30px;
    }
    .tabs-nav a span {
        display: none;
    }
    .tabs-nav a {
        font-size: 15px;
        padding: 20px 6px;
    }
    .tech-stack-wrapper-tabs {
        gap: 20px;
    }
    section.double-sided-container article .button-container a {
        font-size: 14px;
        padding: 7px 15px;
    }
    .clients_logo_wrapper .heading-wrapper {
        text-align: center !important;
    }
    .clientele-c2a h2 {
        font-size: 35px;
    }
    .clientele-c2a .button-container a {
        padding: 5px 10px;
        font-size: 14px;
    }
    .clientele-description-intro article:first-child {
        width: 100%;
    }
    .career-box::before {
        min-width: 350px;
        background-size: 100%;
    }
    .career-box p {
        padding: 0 0 20px 20px;
        max-width: 250px;
        text-align: justify;
    }
    .career-job-logo {
        max-width: 100px;
    }
    .career-job-role ul {
        padding: 10px;
    }
    .career-job-role ul li {
        font-size: 14px;
    }
    .career-job-role h2 {
        font-size: 25px;
    }
    .inner-career-main {
        padding: 0 10px;
    }
    .career-job-name h1 {
        font-size: 25px;
    }
    .career-wrapper-2 .career-job-secton,
    .career-job-secton {
        gap: 20px;
    }
    .career-h h1 {
        font-size: 25px;
    }
    .responsive-website-services-wrapper .heading-wrapper h2 {
        font-size: 35px;
        text-align: center;
    }
    .responsive-website-services-wrapper .right-side-content p {
        text-align: center;
    }
    .responsive-features article {
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .responsive-features article div {
        text-align: center;
        padding-left: 0;
    }
    .responsive-features article p {
        text-align: center;
    }
    section.contact-section-wrapper article {
        max-width: 100%;
        padding: 0;
    }
    section.contact-section-wrapper article ul.steps-solved li::after {
        left: -17px;
        width: 7px;
        height: 7px;
        top: 16px;
    }
    section.contact-section-wrapper article ul.steps-solved li::before {
        left: -24px;
        width: 20px;
        height: 20px;
        top: 10px;
    }
    section.contact-section-wrapper article ul.steps-solved {
        padding-left: 15px;
    }
    section.contact-section-wrapper article ul.steps-solved::before {
        width: 2px;
    }
    section.contact-page-banner h1 {
        font-size: 40px;
    }
    section.contact-section-wrapper {
        padding: 60px 0;
    }
    .more-contact-details {
        padding: 40px 0px 20px;
    }
    .left-call-to-action h2.inner-new-page-h2 {
        padding-bottom: 0;
    }
    .left-call-to-action h2.inner-new-page-h2 {
        font-size: 35px;
    }
    section.expertise-pages-banner article h2 {
        font-size: 35px;
    }
    section.expertise-pages-banner article {
        padding: 0 20px;
        width: unset;
    }
    section.expertise-pages-banner article.expertise-banner-img {
        width: 0%;
        display: none;
    }
    section.expertise-pages-banner article p {
        font-size: 16px;
        line-height: 1.4;
    }
    section.expertise-pages-banner article a {
        font-size: 14px;
    }
    .web-desgin-about-wrapper {
        padding: 0;
        gap: 0;
    }
    .inner-new-page-content {
        padding: 40px 0 0;
    }
    .left-web-desgin-wrapper .left-web-desgin-img {
        height: 330px;
    }
    .services-ui-ux p {
        text-align: center;
        font-size: 16px;
        line-height: 1.4;
    }
    .inner-new-page-web-maintenance h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .maintenance-expand-card {
        padding: 20px;
        height: 100% !important;
    }
    .maintenance-expand-h3 {
        font-size: 30px;
    }
    .inner-new-page h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .our-cms-process-left {
        max-width: 100%;
        padding: 20px 10px;
    }
    .our-cms-process-left h2.inner-new-page-h2 {
        padding: 0 0 30px;
    }
    .our-cms-process-cards span {
        margin-right: 0;
    }
    .process-content h3 {
        margin: auto;
    }
    .inner-new-page-our-services h2.inner-new-page-h2 {
        font-size: 35px;
    }
    #corporate-iden {
        padding: 0 !important;
    }
    .inner-new-page-get-in-touch a {
        max-width: 150px;
        font-size: 18px;
    }
    .inner-new-page-get-in-touch h1 {
        font-size: 40px;
    }
    .left-some-extra-card h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .our-ui-ux-servies-right-bottom-right:not(:hover) p,
    .our-ui-ux-servies-right-bottom-left:not(:hover) p {
        opacity: 1;
    }
    .our-ui-ux-servies-right-bottom-right:not(:hover),
    .our-ui-ux-servies-right-bottom-left:not(:hover) {
        background: linear-gradient(315deg, #26a9e0 0%, #1b75bb 74%) !important;
    }
    .left-ui-ux-service-card,
    .our-ui-ux-servies-right-bottom-right:not(:hover) span,
    .our-ui-ux-servies-right-bottom-left:not(:hover) span {
        opacity: 0;
    }
    #ui-ux-sec {
        padding: 40px 0 0 !important;
    }
    .our-product-h h1 {
        font-size: 30px;
    }
    .tab-content-new-resp {
        padding: 40px 15px;
    }
    .best-talent-wrapper {
        padding: 40px 0;
    }
    .tab-content-new-resp span,
    .tab-content-new span {
        width: 80px;
        height: 80px;
    }
    .tab-content-new-resp span img,
    .tab-content-new span img {
        max-width: 40px;
    }
    .tab-content-new-resp h5,
    .tab-content-new h5 {
        font-size: 25px;
    }
    .tab-content-new-resp,
    .tab-content-new {
        padding: 20px;
    }
    .tab-content-new-resp p,
    .tab-content-new p {
        margin: 0;
    }
    .business-portals-wrapper {
        padding: 40px 0;
    }
    .inner-new-page-platform h2.inner-new-page-h2 {
        font-size: 30px;
    }
    .ecom-platform-wrapper ul li {
        padding-left: 25px;
    }
    .ecom-platform-wrapper {
        padding: 40px 20px 40px 5px;
    }
    .our-mainten-process-left {
        max-width: 100%;
        padding: 0 10px;
    }
    section.website-features_wrapper .heading-wrapper h2 {
        font-size: 35px;
    }
    .ecom-services-card span img {
        width: 100%;
        max-width: 70px;
    }
    .ecom-services-card h3 {
        font-size: 25px
    }
    .ecom-services-card {
        margin: 20px auto 0;
    }
    .web-development-expertise-line .fluid-container {
        padding: 40px 0 0;
    }
    .page-web-dev-services article h4 {
        font-size: 25px;
    }
    .page-web-dev-services article br {
        display: none;
    }
    article.right-sided-container {
        width: 100%;
    }
    .double-sided-wrapper article {
        width: 100%;
    }
    .inner-new-page-why-mobile h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .md-service-wrapper {
        padding: 0 0 40px;
    }
    .inner-new-page-for-you h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .for-you-card span {
        width: 80px;
        height: 80px;
    }
    .for-you-card span img {
        width: 40px;
    }
    .inner-new-page-web-maintenance h2.inner-new-page-h2 {
        font-size: 30px;
    }
    .maintenance-expand-card .expand-headpart span img {
        width: 70px;
    }
    section.expertise-pages-banner article h2 {
        font-size: 35px;
    }
    .inner-new-page-seo-services h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .services-tab-content-card .inner-new-page-common-ul li::before {
        top: 8px;
        width: 8px;
        height: 8px;
    }
    .inner-new-page h2.inner-new-page-h2,
    .inner-new-page-our-services h2.inner-new-page-h2,
    .our-mainten-services-right h2.inner-new-page-h2 {
        font-size: 35px;
    }
    .our-mainten-services-right {
        padding: 40px 10px 20px;
    }
    .our-ui-ux-servies-right-bottom-right h3,
    .our-ui-ux-servies-right-bottom-left h3 {
        position: relative;
        top: 0;
        opacity: 1 !important;
    }
    .inner-new-page-web-maintenance h2.inner-new-page-h2 {
        font-size: 34px;
    }
    .maintenance-expand-h3 {
        font-size: 30px;
    }
    .services-ui-ux-wrapper {
        margin: 40px auto 0;
    }
    .services-ui-ux .ui-ux-services-left {
        height: 80px;
    }
    .portfolio-right-card h3 {
        font-size: 20px;
    }
    .flex-container-popup article h3 {
        font-size: 30px;
    }
    .why-dm-need-card {
        padding: 30px 20px;
    }
    .left-content-best-talent {
        padding: 0;
    }
    section.simple-c-2-a h2 {
        font-size: 30px;
    }
    section.simple-c-2-a a span svg {
        width: 40px;
    }
    section.simple-c-2-a a {
        font-size: 17px;
    }
    section.simple-c-2-a .common-action-background {
        padding: 40px 20px;
    }
    section.simple-c-2-a {
        padding: 40px 20px;
    }
    .life-right span,
    .life-right p {
        font-size: 18px;
    }
    .life-right h3 {
        font-size: 35px;
    }
    .life-right h4 {
        font-size: 40px;
    }
    .life-left::before {
        display: none;
    }
    .life-left img {
        top: 0;
        right: 0;
    }
    .life-join {
        top: 70px;
    }
    .life-join::after {
        left: 209px;
        right: unset;
        margin: 0;
    }
    .life-join::before {
        left: 135px;
        right: unset;
        margin: 0;
    }
    .life-sec-wrapper::before {
        height: 364px;
    }
    .life-left {
        height: 250px;
    }
    .life-sec-wrapper-2::before {
        height: 160px;
    }
    .home-fixed-wrapper-2 .home-projects-main {
        gap: 0;
    }
    section.first-call-action {
        padding: 40px 20px 40px;
    }
    .index-testimonial {
        padding: 60px 10px;
    }
    section.faqs-index-wrapper {
        padding: 60px 10px;
    }
    .our-work-process-wrapper {
        padding: 0px 0px 40px;
    }
    .right-vmv {
        height: 200px !important;
    }
    section.awards-accolades-heading {
        padding: 80px 10px 20px;
    }
    .awards-inner_container article.with-award-content {
        padding: 20px;
    }
    .clientele-c2a {
        min-height: 300px;
    }
    section.client_wrapper-bg {
        padding: 40px 10px;
    }
    .inner-new-page-our-process {
        padding: 20px 0 40px 0;
        margin: auto;
    }
    .cms-inner-new-img {
        padding: 40px 10px 0;
    }
    .cms-inner-new-img::before {
        display: none;
    }
    .ui-nav button~button {
        right: 76px;
    }
    .ui-nav button img {
        max-width: 26px;
    }
    .ui-nav button:hover img {
        max-width: 26px;
    }
    .left-portfolio-img span {
        width: 50px;
        padding: 5px;
    }
    .left-portfolio-img span img {
        width: 100%;
    }
    .portfolio-left-card .left-portfolio-img {
        height: 250px;
    }
    .overlay-txt-left-portfolia h5 {
        font-size: 20px;
        line-height: 1.5;
    }
    a.portfolio-a-btn {
        padding: 10px 15px;
        font-size: 16px;
        max-width: 150px;
    }
    .fixtab-inner-right h4 {
        font-size: 30px;
    }
    .po-edu-sticky {
        top: 73px !important;
    }
    /* inner page banner css  */
    section.expertise-pages-banner {
        height: 400px;
        margin-top: 108px;
        min-height: 40vh;
    }
    section.expertise-pages-banner .fluid-container {
        align-items: flex-start;
    }
    section.expertise-pages-banner article {
        padding: 0 20px;
        width: unset;
        margin-top: 35px;
        background: rgba(0, 0, 0, .5);
        padding: 20px;
    }
    section.expertise-pages-banner article .button-container {
        margin-top: 0;
    }
    /* inner page banner css  */
    .expertise_capabilties-wrapper a {
        min-height: 65vh;
    }
    section.hero-swaragh {
        padding: 40px 0;
    }
    .fluid-container {
        padding: 0 15px;
    }
    /* .index-locator{font-size: 23px;}
    #hero .caption h3 {font-size: 42px;} */
    .our-work-process-wrapper p {
        text-align: justify;
    }
    section.area-of-focus-profile ul li a div {
        width: calc(100% - 24px);
    }
    .double-sided-wrapper {
        padding: 20px 10px 20px;
    }
    .why-swaragh-new-right h4 {
        font-size: 20px;
    }
    .double-sided-wrapper article ul li {
        font-size: 16px;
    }
    section.contact-section-wrapper article ul.steps-solved li h4 {
        margin: 0 0 20px 5px;
    }
    section.contact-section-wrapper article ul.steps-solved li p {
        margin: 0 0 0px 5px;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 30px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 28px;
    }
    section.number-intro article ul li>div {
        font-size: 33px;
    }
    /* banner responsive css 11-10-2023 */
    section.swaragh-inner-page-banner-section {
        height: 250px;
        min-height: 20vh;
    }
    /* banner responsive css 11-10-2023 */
}

@media(max-width:450px) {
    .methodology-fold-wrapper::before,
    .methodology-fold-wrapper::after {
        display: none;
    }
    .methodology-fold-wrapper {
        padding: 0 20px;
    }
    .cms-smw-wrapper {
        margin: 0 !important;
    }
    .left-content-best-talent h2.inner-new-page-h2 {
        font-size: 30px;
        text-align: center;
    }
    .left-content-best-talent h2.inner-new-page-h2::before {
        left: 0;
        right: 0;
        margin: auto;
    }
    .methodology-page-content {
        padding: 0 0 40px;
    }
    .new-serv-rapper {
        padding: 40px 0 !important;
    }
    .inner-new-call-to-action h1 {
        font-size: 30px;
        transform: unset;
        margin: 40px 0 0;
    }
    .inner-new-call-to-action span.call-to-span-img {
        transform: unset;
        margin: 20px auto 0;
    }
    .inner-new-page-call-to-action {
        padding: 40px 20px;
        margin: 0 auto;
    }
    .inner-new-page-call-to-action a {
        padding: 12px 0px;
        width: 100%;
        max-width: 100px;
        margin: 20px auto 0;
        transform: unset;
        font-size: 14px;
    }
    .responsive_features_wrapper article ul li {
        max-width: 100%;
        pointer-events: none;
    }
    .responsive_features_wrapper article ul li span img,
    .responsive_features_wrapper article ul li span,
    .responsive_features_wrapper article ul li i,
    .responsive_features_wrapper article ul li p {
        opacity: 1 !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .responsive_features_wrapper article ul li:last-child a {
        font-size: 14px;
    }
    /* .responsive_features_wrapper article ul li:last-child {max-width: 150px;pointer-events: visible;} */
    .slider-new-h h1 {
        font-size: 35px;
    }
    .ui-heading {
        margin-bottom: 0;
        font-size: 35px;
        padding-bottom: 0;
    }
    .ui-nav button img {
        max-width: 35px !important;
        filter: unset;
    }
    .ui-nav button {
        top: -60px;
        background: #fff;
        padding: 10px;
    }
    .ui-nav button~button {
        right: 75px;
    }
    .ui-article a {
        font-size: 14px;
    }
    .ui-nav button {
        top: 74px;
    }
    .new-car-btn a:nth-child(1):not(:hover) {
        width: 150px;
        transition: all 1s ease;
        background: #fff;
        color: #243ea1;
    }
    .new-car-btn a:nth-child(1) em {
        opacity: 0;
    }
    .new-car-btn a:nth-child(1) span {
        opacity: 1 !important;
    }
    .methodology-fold-wrapper {
        padding: 0 10px;
    }
    .ui-nav button~button {
        left: unset;
        right: 60px;
    }
    .ui-content {
        top: 40px;
        padding: 150px 10px 80px;
    }
    .card_s-container .card_s p {
        display: flex;
        align-items: flex-start;
    }
    .card_s-container .card_s {
        height: 300px;
    }
    .heading-wrapper h2 {
        font-size: 30px;
    }
    section.index-contact-section {
        padding: 0px 10px 60px;
    }
    .home-fixed-wrapper-3,
    .home-fixed-wrapper {
        padding: 0px 0 20px;
    }
    .common-swaragh-expertise-section .grid-layout {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
    .you-could {
        margin-top: 50px;
    }
    .process-steps-card h3 {
        font-size: 20px;
    }
    .awards-inner_container article.with-award-image {
        height: 250px;
        min-height: 250px;
    }
    #case-study-new-banner::after,
    #case-study-new-banner::before {
        height: 115%;
    }
    section.swaragh-inner-page-banner-section {
        height: 230px;
        min-height: 20vh;
    }
}

@media only screen and (max-width: 420px) {
    .our-cms-process-right {
        max-width: 95%;
    }
    section.expertise-pages-banner article a {
        padding: 8px 13px;
    }
    .left-mobile-app {
        height: 350px;
    }
    .card_s-container .card_s {
        height: 350px;
    }
    section.first-call-action h3 {
        font-size: 29px;
    }
    /* section.first-call-action .fluid-container > div{transform: rotateZ(-10deg);right: -40px;} */
    section.first-call-action .fluid-container>div {
        transform: rotateZ(-30deg);
        right: -105px;
        width: 170px;
    }
    .button-container a {
        padding: 10px 14px;
    }
    .vmv-wrapper:nth-child(6),
    .vmv-wrapper:nth-child(7) {
        padding: 20px 20px 0;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 24px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 22px;
    }
    section.swaragh-inner-page-banner-section {
        height: 210px;
        min-height: 18vh;
    }
}

@media(max-width:398px) {
    .life-sec-wrapper-2::before {
        height: 235px;
    }
}

@media(max-width:380px) {
    .tab-dynamic-container h3 {
        font-size: 30px;
    }
    section.expertise-pages-banner article h2 {
        font-size: 30px;
    }
    .caption .button-container a {
        padding: 6px 15px;
    }
    section.first-call-action .fluid-container>div {
        transform: rotateZ(-30deg);
        right: -145px;
        width: 170px;
    }
    section.expertise-pages-banner-center-object article h1 {
        font-size: 22px;
    }
    .inner-page-new-our-services h2.inner-new-page-h2-main,
    .inner-new-page-method h2.inner-new-page-h2-main {
        font-size: 20px;
    }
}

@media(max-width:360px) {
    #hero {
        height: 550px;
        min-height: 90vh;
    }
}

@media(max-width:340px) {
    section.expertise-pages-banner {
        height: 365px;
    }
    #hero .caption {
        padding-right: 0;
    }
    .caption .button-container a {
        padding: 6px 8px;
    }
}

@media(max-width:320px) {
    ul.right-contact-det {
        display: none !important;
    }
    section.top-social-header .fluid-container {
        justify-content: center;
    }
}