@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) {
    .methodology-fold-wrapper-main article.methodology-fold-wrapper:first-child .methodology-fold-card:first-child h4::after{bottom: -69px;}
    .methodology-fold-wrapper-main article.methodology-fold-wrapper:first-child .methodology-fold-card:nth-child(2) h4::after{bottom: -56px;}

    .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: -43px;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);}
    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;}
    .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%;}

    .desk-resp-ham {display: block;}
    .section-new {width: 100%;height: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
    .act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 0;}
} 
@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;text-align: center;}
    .double-sided-wrapper article .full-size-img {width: 100%;height: 100%;position: relative;object-fit: cover;border-radius: 10px;max-width: 450px;}
    .right-sided-container.why-swaragh-new-left.po-sticky{position: relative !important;top: 0;}
    .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 span{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 span p{opacity: 1;margin-top: 0;}
    .expertise_capabilties-wrapper span:hover p{opacity: 1;margin-top: initial;}
    .expertise_capabilties-wrapper span .logo_img{position: initial;margin-bottom: 30px;}
    .expertise_capabilties-wrapper span:hover .logo_img{opacity: 1;}
    .expertise_capabilties-wrapper span{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;}
    .why-smm-markets-wrapper {flex-direction: column;}
} 
@media only screen and (max-width: 660px) {
    .test-inner-both:nth-child(odd) {flex-direction: column;gap: 10px;}
    .test-inner-both:nth-child(even) {flex-direction: column-reverse;gap: 10px;}
    .line-main{display: none;}
    .test-inner-both span {display: none;}
    .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);}
    section.first-call-action .fluid-container > div img {height: unset;}
    .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: calc(100vh - 110px);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 span {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;}
    .expertise_capabilties-wrapper span{min-height: 100vh;}
}
@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;}
    #hero {padding: 15px 0;}
    #hero .caption h3 { font-size: 40px;}
    #hero .caption .button-container {  margin-top: 25px; }
    .caption .button-container a { font-size: 18px;}
    .index-locator,p.index-locator { font-size: 15px;}
    p.index-locator br{display: none;}
    #hero .caption h3 span{display: block;}
    #hero .caption{padding: 0;}
    .index-locator.fluid-container{padding: 0;}
    section.number-intro article ul li { padding: 10px !important;}
} 
@media(max-width:360px){
    #hero {height: 550px;min-height: 90vh;}
    section.top-social-header ul a { font-size: 10px;}

}
@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;}
}