@media only screen and (max-width: 1920px) {
    .banner-left-heading {
        font-size: 85px;
    }
    .banner-highlight {
        font-size: 80px;
    }
    .site-logo img {
        width: 190px;
        height: 58px;
        object-fit: contain;
    }
}



@media only screen and (max-width: 1657px) {
    .hero-content .banner-circle {
        width: 660px;
        height: 660px;
    }
    .engage-app-devmain .engage-app-item img {
        max-width: 55px;
        height: 50px;
    }
    .inner-page-title h2 {
        font-size: 60px;
    }
    .innerpage-banner-image-container {
        max-width: 450px;
    }



}



@media only screen and (max-width: 1499px) {
    .image-container {
        max-width: 700px;
    }

    .hero-content .banner-circle {
        width: 600px;
        height: 600px;

    }
    .banner-highlight {
        font-size: 71px;
        text-align:left;
    }
    .banner-left-heading {
        font-size: 75px;
    }
    .banner-left-heading, .banner-highlight {
        font-size: 60px;
    }
    .banner-left-heading {
        margin-bottom: 50px;
    }
    .services-section {
        padding: 80px 0;
    }
    
    .service p {
        font-size: 22px;
    }
    .service img {
        max-height: 158px;
    }
    
    .organic-content p {
        font-size: 22px;
    }
    .organic-content {
        margin: 30px 0;
    }
    .video-section-content {
        padding: 60px 0;
    }
    .video-text-content {
        margin: 40px 0;
    }
    .circle {
        margin-right: 20px;
    }
    .video-section-content {
        padding: 40px 0;
    }
    .top-section {
        column-gap: 8%;
    }
    .feature-icon {
        max-width: 140px;
    }
    .feature-item {
        display: flex;
        flex: 1 1 46%;
        max-width: 46%;
        margin-bottom: 35px;
        gap: 4%;
        text-align: left;
    }
    .why-choose-section {
        padding: 80px 150px;
    }
    .service-process {
        padding: 80px 150px;
    }
    .service-process-feature-item {
        border-radius: 50px;
        max-width: 30%;
        padding: 20px 25px;
    }
    .service-process-feature-content {
        margin-top: 35px;
    }
    .service-process-feature-content h3 {
        font-size: 20px;
        margin-bottom: 21px;
    }
    .faq-section {
        padding:80px 150px;
    }
    .faq-number {
        max-width: 44px;
        font-weight: 600;
        font-size: 35px;
    }
    .question-name {
        font-size: 22px;
        width: 85%;
    }
    .faq-answer {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 9%;
        margin-right: 2%;
    }
    .faq-section{
        padding: 80px 150px;
    }
    .partners-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .testimonials-section {
        padding:80px 150px;
    }
    .testimonials-inner {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .business-contact-section {
        padding:80px 150px;
    }
    .category {
        padding:10px 10px 10px 30px;
        font-size: 16px;
    }

    .category::before {
        left: 7px;
        width: 20px;
        height: 20px;
    }
    .category::after {
        left:11px;
    }
    .contact-content-wrapper .left-content {
        font-size: 16px;
        line-height: 26px;
        padding: 18px 0 15px;
    }
    .footer-container {
        padding: 100px 150px 0;
    }
    .footer-logo img {
        width: 60%;
        margin-bottom: 30px;
    }
    .footer-links ul li, .footer-services ul li {
        margin-bottom: 0px;
    }
    .footer-links h3, .footer-services h3, .footer-social h3 {
        font-weight: bold;
        margin-bottom: 15px;
        font-size: 22px;
    }
    .footer-social ul {
        display: flex;
        gap: 4px;
    }
    .footer-container {
        padding: 80px 150px 0;
    }
    .why-chooseUs-section {
        padding: 80px 150px;
        margin: 0 auto;
    }
    .footer-certifications img {
        height: auto;
        max-width: 300px;
        padding: 10px;
        max-height: 136px;
    }
    .footer-bottom {
        margin: 30px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
    .footer-certifications {
        gap: 20px;
        width: 100%;
        justify-content: space-between;
    }
    .copy-right-area {
        height: 70px;
    }
    .services {
        column-gap: 30px;
    }
    .inner-page-title h2 {
        font-size: 60px;
        font-weight: 700;
    }
    .video-text p {
        line-height: 24px;
        font-size: 16px;
        font-weight: 400;
    }
    .wbste-main-left .global-header h5 {
        font-size: 18px;
        line-height: 28px;
    }
    .our-team-section{
        padding: 80px 150px;
    }
    .our-team-heading {
        padding-bottom: 60px;
    }
    .team-member-wrapper {
        gap: 30px;
        row-gap: 50px;
    }
    .blog-detail-content h2 {
        max-width: 90%;
    }
    .member-item-content img {
        padding-right: 12px;
    }
    .blog-section {
        margin: 80px 0;
        padding: 0 150px;
    }
    .cta-contact-section{
        padding: 80px 150px;
    }
    .cta-contact-wrapper h2 {
        padding: 20px 0 50px;
        font-size: 35px;
        font-weight: 600;
    }
    .blog-content {
        padding: 20px 30px;
    }
    .blog-listing .blog-content h3 {
        font-size: 23px;
        font-weight: 700;
        line-height: 31px;
        margin-bottom: 11px;
    }
    .srvc-item-inner {
        padding: 25px 10px;
    }
    .srvc-tabs a {
        display: inline-block;
        font-size: 14px !important;
        line-height: 19.5px;
        padding: 5px 7px;
        margin: 2px 0px;
    }
    .srvc-item-inner h4 {
        font-size: 22px;
        line-height: 26px;
        margin: 15px 0px;
    }

    a{
        font-size: 17px !important;
    }
    .blog-details-section .blog-info {
        margin: 0 auto;
        padding: 0 0px 30px;
    }
    .blog-detail-content h2{
        font-size: 35px;
    }
    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .pricing-section h2, .logo-need-about h2, .left-img-right-content h2, .service-details-portfolio h2, .global-header h2 {
        font-size: 40px;
        line-height: 52px;
    }
    .organic-heading span, .video-heading span, .choose-header-content span, .service-process-heading span, .blog-header span, .faq-heading span, .testimonial_heading-wrapper span, .contact-content-wrapper .upper-heading, .team-sub-heading span, .cta-contact-wrapper span {
        font-size: 28px;
    }
    .full-stack-cntn p {
        font-size:18px;
        line-height: 26px;
    }
    .service-details-services-section .service-caption {
        padding-top: 25px;
        max-width: 70%;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    .card-header h2 {
        padding-top: 40px;
        font-size: 25px;
        line-height: 34px;
    }
    .card-bg-circle {
        top: -87px;
        width: 132px;
        height: 132px;
    }
    .wbmain-cntn-main .wbmain-item h6 {
        font-size: 16px;
    }
    .icon-circle {
        width: 112px;
        height: 112px;
    }
    .price-card-features {
        list-style: none;
        padding: 18px 20px 0;
        margin-bottom: 40px;
    }
    .blog-details-section .blog-info h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 35px;
    }
    .price button {
        padding: 15px 20px;
        font-weight: 700;
        line-height: 34px;
        font-size: 16px;
    }
    .price h3 {
        font-weight: 700;
        font-size: 35px;
        line-height: 44px;
    }
    .price-card-features {
        list-style: none;
        padding: 18px 20px 0;
        margin-bottom: 20px;
    }
    .additional-info {
        font-size: 20px;
        line-height: 30px;
        padding: 30px 0;
    }
    .left-img-right-content .right-content-section h3 {
        padding-bottom: 10px;
    }
    .left-img-right-content .right-content-section p {
        padding-bottom: 8px;
    }
    .left-circle-image {
        width: 400px;
        height: 400px;
        margin-right: 50px;
    }
    .lower-content {
        padding-top: 50px;
        display: flex;
    }
    .inner-banner-text-wrapper {
        max-width: 56%;
    }
    .logo-need-abt-inner .logo-thumb {
        width: 140px;
        height: 140px;
    }
    .right-content {
        width: 65%;
        max-width: 65%;
    }
    .right-image img {
        max-width: 357px;
    }
    .right-content .heading-section h2 {
        margin-bottom: 8px;
    }
    .right-content .heading-section {
        margin-bottom: 16px;
    }
    .faq-items {
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    .left-img-right-content {
        padding: 80px 150px;
    }
    .lower-content {
        padding-top: 50px;
        display: flex;
    }
    .logo-need-about .main-header {
        padding-bottom: 0px;
    }
    .start-project {
        padding: 6px 26px;
        margin-right: 20px;
        font-size: 16px;
    }
    .blog-featured-img{
        max-width: 100%;
        width: 100%;
        padding-bottom: 30px;
    }
    .wbste-main-cntn h3 {
        font-size: 30px;
        line-height: 38px;
    }
    .wbmain-cntn-main .wbmain-item {
        padding: 25px 10px;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main, .website-maintenence-main {
        padding: 70px 0px;
    }
    .web-srvc-cntn h3 {
        font-size: 22px;
    }
    .web-srvc-cntn p {
        font-size: 15px;
        font-weight: 500;
    }
    .web-sev-services .web-sev-srvc-item {
        display: flex;
        gap: 20px;
        margin: 15px 0px;
    }
    .full-stack-thumb {
        width: 180px;
    }
    .full-stack-cntn p {
        font-size: 16px;
        line-height: 26px;
    }
    .full-stack-cntn h3 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
    }
    .trend-right-item h3 {
        font-size: 34px;
        line-height: 42px;
        margin: 16px 0px 10px;
    }
    a.web-portfolio-btn {
        padding: 10px 25px;
        margin-top: 25px;
    }
    .case-study-btm h5 {
        font-size: 20px;
        font-weight: 500;
    }
    .trendfollow-left .nav-pills .nav-link {
        font-size: 16px !important;
        line-height: 30px;
        padding: 10px 0px;
    }
    .trendfollow-left .nav-pills .nav-link span {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }
    .trend-right-item img {
        max-width: 80px;
    }
    .trendfollow-left .nav-pills .nav-link::after {
        width: calc(100% - 38px);
    }
    .trend-right-item a.read-more {
        padding: 8px 20px;
        margin-top: 15px;
    }

    .future-process-item-logo img {
        height:100px;
    }
    .global-header {
        margin-bottom: 30px;
    }
    .engage-app-item h6{
        font-size: 16px;
        font-weight:600;
        line-height: 26.82px;
       margin-top:10px;
      }
      .full-stack-web-development, .future-process, .engage-app-dvelope {
        padding: 70px 0px;
    }
}



@media only screen and (max-width: 1399px) {

    .image-container {

        max-width: 700px;

    }

    .hero-content .banner-circle {

        width: 550px;

        height: 550px;

    }



    .inner-circle {

        top: 75%;



    }

    .opacity-circle {

        top: 80%;

    }
    .engage-app-dvelope .global-header p{
        padding-top: 0px;
    }
    .trend-we-follow .global-header h6 {
        margin: 0px 0px;
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 11px;
    }
    

}



@media only screen and (max-width: 1299px) {

    .hero-section {

        padding-bottom: 210px;

    }

    .banner-left-heading {
        font-size:40px;
    }

    .banner-highlight {
        font-size: 50px;
        display: block;
        width: 100%;
    }
    .hero-content .banner-circle {
        width: 510px;
        height: 510px;
    }

    .image-container {
        max-width: 600px;
    }

    .banner-carousel .item img {
        width: 85%;
    }

    .banner-carousel-wrapper {
        left: 18%;
        top: 21%;
    }

    .opacity-circle {
        top: 90%;
    }



    .inner-circle {

        top: 85%;

    }
    .blog-details-section .blog-info h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 30px;
    }


    .banner-left-heading {

        margin-bottom: 40px;

    }
    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .logo-need-about h2, .left-img-right-content h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .pricing-section h2, .global-header h2 {
        font-size: 35px;
        line-height:48px;
    }
    .organic-heading span, .video-heading span, .choose-header-content span, .service-process-heading span, .blog-header span, .faq-heading span, .testimonial_heading-wrapper span, .contact-content-wrapper .upper-heading, .team-sub-heading span, .cta-contact-wrapper span {
        font-size: 24px;
    } 
    a{
        font-size: 16px !important;
    }
    .header {
        padding: 20px 100px;
    }
    .blog-details-section {
        padding: 80px 100px;
    }
    .hero-section {
        padding: 0px 100px 210px;
    }
    .services-items {
        padding: 20px 100px;
    }
    .oragnic-section {
        padding: 25px 100px 70px;
    }
    .video-section-content {
        margin: 0 100px;
    }
    .why-choose-section {
        padding: 60px 120px;
    }
    .top-section-feature-item {
        display: flex;
        column-gap: 5%;
        margin-bottom: 40px;
    }
    .top-section-feature-item-content h3 {
        font-size: 26px;
        max-width: 100%;
    }
    .top-section {
        column-gap: 5%;
    }
    .service-process-heading {
        margin-bottom: 85px;
    }
    .service-process {
        padding: 60px 100px;
    }
    .blog-section {
        margin: 60px 0;
        padding: 0 100px;
    }
    .faq-section {
        padding:60px 100px;
    }
    .faq-section {
        padding: 60px 100px;
    }
    .engage-app-devmain .engage-app-item {
        width: 16%;
    }
    .partners-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .testimonials-section {
        padding: 60px 100px;
    }
    .business-contact-section {
        padding: 60px 100px;
    }
    .footer-container {
        padding: 60px 100px 0;
    }
    .inner-page-title h2 {
        font-size:40px;
        font-weight: 700;
    }
    .video-section-content {
        margin: 0 100px;
    }
    .our-team-content {
        width: 70%;
        text-align: left;
    }
    .team-member-wrapper {
        gap: 25px;
        row-gap: 30px;
    }
    .member-item-content {
        padding-top: 20px;
    }
    button {
        padding: 10px 20px;
        font-size: 16px;
        margin-top: 20px;
    }
    .start-project {
        margin-right: 18px;
        font-size: 16px;
        font-weight: 400;
    }
    .partners-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .testimonials-section {
        padding: 70px 100px;
    }

    .cta-contact-wrapper h2 {
        padding: 20px 0 50px;
        font-size: 30px;
        font-weight: 600;
    }
    .cta-contact-wrapper .contact-cta {
        font-size: 16px;
        padding: 15px 45px;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height: 350px;
    }
    /* .innerpage-banner-image-container .banner-circle {
        top: 83px;
        left: -8px;
    } */
    .innerpage-banner-image-container .banner-circle {
        width: 580px;
        transform: scale(1.4);
        max-width: 240px;
    }
    .inner-banner-wrapper {
        height: 280px;
        padding: 0 100px;
    }
    .pricing-section {
        text-align: center;
        padding: 40px 100px;
    }
    .logo-need-abt-inner .logo-thumb {
        width: 120px;
        height: 120px;
    }
    .why-chooseUs-section {
        padding:60px 100px;
        text-align: center;
    }
    .left-circle-image {
        width:300px;
        height:300px;
        margin-right: 50px;
    }
    .logo-need-about {
        padding: 65px 0px;
    }
    .card-header h2 {
        padding-top: 38px;
        font-size: 22px;
        line-height: 30px;
    }
    .card-header {
        min-height: 157px;
        margin-bottom: 7px;
    }
    .price h3 {
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
    }
    .engage-app-dvelope .global-header {
        max-width: 100%;
        margin: 0 auto 50px;
    }
    .card {
        width: 30%;
        padding: 10px 10px 33px;
    }
    .service-details-page .faq-heading h2 {
        margin-bottom: 30px;
    }
    .faq-item {
        padding: 14px 0;
    }
    .left-img-right-content {
        padding: 80px 100px;
    }
    .cta-contact-section {
        padding: 80px 100px;
    }
    .circle-img-text-section {
        flex-direction: column;
    }
    .right-content {
        width: 100%;
        max-width: 90%;
        margin-top: 30px;
    }
    .lower-content {
        padding-top: 50px;
        display: flex;
        flex-direction: column;
    }
    .key-points {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
    }
    .right-image {
        max-width: 100%;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .upper-content {
        width: 100%;
    }
    .key-item {
        display: flex;
        column-gap: 15px;
        max-width: 48%;
        margin: 15px 0px;
        text-align: left;
    }
    .services-section {
        padding: 60px 0;
    }
    .rgt-cntn p {
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
    }
    .card-bg-circle {
        top: -55px;
        width: 100px;
        height: 100px;
    }
    .search-container input[type="text"] {
        padding: 15px 20px;
        border: none;
        background-color: #f24b58;
        color: #ffffff;
        font-size: 17px;
    }
    .banner-left-content {
        max-width: 100%;
    }
    .organic-content p {
        font-size: 22px;
    }
    .row-organic-60 {
        width: 55%;
    }
    .row-organic-40 {
        width: 45%;
    }
    .faq-heading h2 {
        margin-bottom: 30px;
    }
    .right-image{
        display: none;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main, .website-maintenence-main {
        padding:60px 0px;
    }
    .case-study-btm h5 {
        font-size: 16px;
        font-weight: 500;
    }
    .case-study-btm span img {
        max-width: 105px;
    }
    .case-study-main {
        padding: 50px 0px;
    }
    .trend-right-item h3 {
        font-size: 28px;
        line-height: 36px;
        margin: 14px 0px 8px;
    }
    .trendfollow-right {
        flex: 1;
        padding-left: 40px;
    }
    
    .wbste-main-left .global-header h5 {
        font-size: 16px;
        line-height: 28px;
    }
    .engage-app-item h6{
        font-size: 16px;
        font-weight:500;
       margin-top:10px;
      }
      .innerpage-banner-image-container {
        max-width: 45%;
    }
}



@media only screen and (max-width: 1199px) {

    .site-logo {
        margin-right: 30px;
    }

    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .logo-need-about h2, .left-img-right-content h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .pricing-section h2, .global-header h2 {
        font-size: 30px;
        line-height: 42px;
    }
    .organic-heading span, .video-heading span, .choose-header-content span, .service-process-heading span, .blog-header span, .faq-heading span, .testimonial_heading-wrapper span, .contact-content-wrapper .upper-heading, .team-sub-heading span, .cta-contact-wrapper span {
        font-size: 22px;
    } 
    a{
        font-size: 15px !important;
    }
    .logo-need-abt-inner .logo-thumb {
        width: 100px;
        height: 100px;
    }
    .lower-content {
        padding-top: 8px;
    }
    .why-chooseUs-section {
        padding: 80px 100px;
        margin: 0 auto;
    }
    .banner-carousel .item img {
        width: 76%;
    }
    .hero-section {
        padding: 0px 100px 130px;
    }
    .opacity-circle {
        top: 75%;
    }
    .inner-circle {
        top: 70%;
    }
    .hero-content .banner-circle {
        width: 450px;
        height: 450px;
    }
    .services-section h2 {
        margin-bottom: 0px;
        font-size: 32px;
    }
    .srvc-item-inner h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 14px 0px;
    }
    .srvc-item-inner img {
        max-width: 50px;
    }
    .srvc-item-inner h4 {
        font-size: 17px;
        line-height: 23px;
        margin: 12px 0px;
    }
    .organic-content p {
        font-size: 18px;
    }

    .top-section-feature-item-content h3 {
        font-size: 24px;
        max-width: 100%;
    }
    .cta-button {
        padding: 12px 30px;
        font-size: 16px;
        margin-top: 20px;
    }
    .button-arrow img {
        width: 100px;
    }
    .service-process-heading {
        margin-bottom: 70px;
    }
    .service-process-feature-item {
        border-radius: 40px;
        max-width: 30%;
        padding: 16px 20px;
    }
    .blog-content h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .faq-number {
        max-width: 38px;
        font-weight: 600;
        font-size: 30px;
    }
    .partners-inner {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .footer-social ul li img {
        max-width: 28px;
        max-height: 28px;
    }
    .feature-icon {
        max-width: 100px;
    }
    .hero-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main {
        padding: 50px 0px;
    }
    .trendfollow-left {
        width: 300px;
    }
    .website-maintenence-main img.wbste-main-left-arrow{
        display: none;
    }
    .full-stack-web-development, .future-process, .engage-app-dvelope {
        padding: 60px 0px;
    }
    .engage-app-dvelope .global-header {
        margin: 0 auto 30px;
    }
}

@media only screen and (max-width: 999px) {

    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .global-header h2 {
        font-size:25px;
        line-height: 37px;
    }
    .organic-heading span, .video-heading span, .choose-header-content span, .service-process-heading span, .blog-header span, .faq-heading span, .testimonial_heading-wrapper span, .contact-content-wrapper .upper-heading, .team-sub-heading span, .cta-contact-wrapper span {
        font-size: 20px;
    } 
    .header {
        padding: 20px 50px;
    }
    .blog-details-section {
        padding: 60px 50px;
    }
    .hero-section {
        padding: 0px 70px 210px;
    }
    .services-items {
        padding: 20px 50px;
    }
    .oragnic-section {
        padding: 25px 50px 70px;
    }
    .video-section-content {
        margin: 0 100px;
    }
    .why-choose-section {
        padding: 60px 50px;
    }
    .top-section-feature-item {
        display: flex;
        column-gap: 5%;
        margin-bottom: 40px;
    }
    .top-section-feature-item-content h3 {
        font-size: 26px;
        max-width: 100%;
    }
    .inner-banner-text-wrapper {
        max-width: 49%;
    }

    .top-section {
        column-gap:3%;
    }
    .footer-links ul li, .footer-services ul li {
        line-height: 23px;
    }
    .service-process-heading {
        margin-bottom: 70px;
    }
    .service-process {
        padding: 60px 50px;
    }
    .blog-section {
        margin: 60px 0;
        padding: 0 50px;
    }
    .faq-section {
        padding:60px 50px;
    }
    .faq-section {
        padding: 60px 50px;
    }
    .partners-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .testimonials-section {
        padding: 60px 50px;
    }
    .business-contact-section {
        padding: 60px 50px;
    }
    .footer-container {
        padding: 60px 50px 0;
    }
    .inner-page-title h2 {
        font-size: 35px;
        font-weight: 700;
    }
    .video-section-content {
        margin: 0 100px;
    }
    .our-team-content {
        width: 70%;
        text-align: center;
    }
    .team-member-wrapper {
        gap: 25px;
        row-gap: 30px;
    }
    .member-item-content {
        padding-top: 20px;
    }
    button {
        font-size: 16px;
        margin-top: 20px;
    }
    .start-project {
        margin-right: 18px;
        font-size: 16px;
        font-weight: 400;
    }
    .partners-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .testimonials-section {
        padding: 50px 50px;
    }
    
    .cta-contact-wrapper h2 {
        padding: 20px 0 50px;
        font-size: 30px;
        font-weight: 600;
    }
    .cta-contact-wrapper .contact-cta {
        font-size: 16px;
        padding: 15px 45px;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height: 350px;
    }
    /* .innerpage-banner-image-container .banner-circle {
        top: 83px;
        left: -8px;
    } */
    .inner-banner-wrapper {
        height: 280px;
        padding: 0 50px 0px 50px;
    }
    .innerpage-banner-image-container .banner-circle {
        width: 580px;
        max-width: 220px;
    }
    .trend-we-follow .global-header {
        max-width: 100%;
        margin: 0 auto 30px;
    }

    .pricing-section {
        text-align: center;
        padding: 40px 50px;
    }
    .banner-left-content {
        max-width: 100%;
        text-align: center;
    }
    .row-organic {
        flex-direction: column;
    }
    .row-organic-40, .row-organic-60 {
        width: 100%;
    }
    .text {
        max-width: 100%;
        margin-top: 30px;
    }
    .organic-button-section img {
        width: 32%;
        max-width: 91px;
    }
    .video-text-content {
        display: flex;
        align-items: center;
        margin: 70px 0;
        flex-direction: column;
        gap: 36px;
        text-align: center;
    }
    .video-heading {
        text-align: center;
    }
    .top-section {
        display: flex;
        column-gap: 14%;
        flex-direction: column;
    }
    .choose-header-content, .top-section-feature-items {
        width: 100%;
    }
    .button-arrow img{
        display: none;
    }
    .top-section-feature-item-content {
        max-width: 100%;
        text-align: left;
        width: 100%;
    }
    .top-section-feature-item {
        display: flex;
        column-gap: 2%;
        margin-bottom: 36px;
    }
    .feature-item {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 35px;
        gap: 2%;
    }
    .service-process-feature-item {
        border-radius: 50px;
        max-width: 48%;
        padding: 15px 25px;
    }
    .service-process-features {
        gap: 20px;
        row-gap: 75px;
    }
    .contact-text-content {
        flex: 1;
        max-width: 100%;
        padding-right: 0px;
    }
    .form-content {
        flex: 1;
        max-width:100%;
        padding-left: 0px;
    }
    .contact-content-wrapper{
        flex-direction: column;
    }
    .site-logo img {
        width: 130px;
        height: 50px;
    }
    .about-us-section .video-text-content {
        align-items: center;
    }
    .our-team-heading {
        padding-bottom: 60px;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .team-sub-heading {
        width: 100%;
        text-align: center;
    }
    .our-team-section {
        padding: 60px 50px;
    }
    .tem-member-item {
        max-width: 49%;
    }
    .blog-item {
        background: #fff;
        border-radius: 27px;
        border: 1px solid #acacac;
        overflow: hidden;
        text-align: left;
        position: relative;
    }
    .portfolio-section {
        text-align: center;
        padding: 20px 50px 50px;
    }
    .logo-need-abt-inner {
        display: flex;
        background: #fff;
        border-radius: 40px;
        padding: 18px;
        box-shadow: 1px 1px 13px 0px #dedede;
        margin: 20px 0px;
        transition: all 0.3s ease-in-out;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .right-content {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .logo-need-abt-inner .rgt-cntn {
        flex: 1;
        margin-left: 0;
        text-align: center;
        margin-top: 27px;
    }
    .rgt-cntn h4 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .left-img-right-content {
        padding: 60px 50px;
    }
    .key-item {
        display: flex;
        column-gap: 15px;
        max-width: 45%;
        margin: 15px 0px;
    }

    .why-chooseUs-section {
        padding: 60px 50px;
    }
    .header {
        height: 70px;
    }
    .h3, h3 {
        font-size: 1.6rem;
    }
    .key-item img {
        height: 80px;
        width: auto;
    }
    .key-item {
        column-gap: 8px;
        margin: 15px 0px;
    }
    .service-details-portfolio h3 {
        font-size: 26px;
        line-height: 42px;
    }
    .pricing-section h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .icon-circle {
        width: 80px;
        height: 80px;
    }
    .icon-circle img {
        width: 30px;
        height: 30px;
    }
    .price-card-features {
        list-style: none;
        padding: 12px 5px 0;
        margin-bottom: 10px;
    }
    .price h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
    }
    .price p {
        display: block;
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        line-height: 28px;
    }
    .price button {
        padding: 6px 20px;
        font-weight: 600;
        line-height: 25px;
        font-size: 15px;
    }
    .additional-info {
        font-size: 15px;
        line-height: 25px;
        padding: 20px 0;
    }
    .faq-number {
        max-width: 35px;
        font-weight: 600;
        font-size: 24px;
    }
    .question-name {
        font-size: 16px;
        width: 90%;
    }
    .faq-item {
        padding: 8px 0;
    }
    .img-text-wrapper {
        gap: 30px;
        padding-top: 22px;
    }
    .left-img-right-content .right-content-section h3{
        font-size: 26px;
        line-height: 35px;
    }
    .img-text-btn {
        padding: 12px 28px;
    }
    .cta-contact-section {
        padding: 50px 50px;
    }
    .cta-contact-wrapper h2 {
        padding: 15px 0 26px;
        font-size: 23px;
        font-weight: 600;
    }
    .contact-content-wrapper .choose-text {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .category {
        padding: 10px 16px 12px 40px;
        font-size: 15px;
    }
    .category::after {
        left: 15px;
    }
    .category::before {
        left: 12px;
        width: 18px;
        height: 18px;
    }
    input[type="text"], input[type="email"] {
        padding: 10px 24px;
        font-size: 15px;
    }
    .form-group {
        margin-bottom: 6px;
    }
    label {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .colorise-form-btn {
        padding: 8px 40px;
        border-radius: 30px;
        font-size: 16px;
    }
    textarea {
        height: 100px;
        padding: 22px 24px;
        font-size: 16px;
    }
    .footer-logo img {
        width: 150px;
        margin-bottom: 23px;
    }
    .footer-logo p {
        max-width: 322px;
        font-size: 14px;
        line-height: 24px;
    }
    .footer-links ul li, .footer-services ul li {
        margin-bottom: 0px;
        line-height: 30px;
    }
    .footer-social ul li img {
        width: 20px;
        height: 20px;
    }
    .copy-right-area span {
        font-size: 16px;
    }
    .copy-right-area {
        height: 50px;
    }
    .footer-certifications img {
        max-width: 300px;
        padding: 10px;
        max-height: 100px;
    }
    p{
        font-size: 16px !important;
    }
    .blog-details-section .blog-info h2 {
        font-size: 32px;
        font-weight: 700;
        color: #363636;
        margin-bottom: 20px;
    }
    .blog-detail-content h2 {
        font-size: 29px;
        line-height: 32px;
        margin-bottom: 14px;
    }

    .services-section h2 {
        margin-bottom: 0px;
        font-size: 32px;
        font-weight: 700;
        color: #333;
    }
    .footer-links h3, .footer-services h3, .footer-social h3 {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .banner-left-heading {
        font-size: 40px;
    }
    .banner-highlight {
        font-size: 40px;
    }
    .search-button {
        padding: 16px 30px;
        margin-left: 10px;
        font-size: 18px;
        width: 100%;
        max-width: 180px;
    }
    .nav-menu-wrapper .current-menu-item a::after {
        width: 30%;
        margin: 10px auto 0px;
        border-bottom: 2px solid white;
    }
    .blog-caption {
        line-height: 24px;
        padding: 0 0px;
    }
    .preview-img .img {
        max-height: 65vh;
        width: 60%;
    }
    .lightbox header {
        right: -24%;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main {
        padding: 40px 0px;
    }
    .web-sev-services .global-header h2 {
        max-width: 90%;
    }
    .global-header h5 {
        font-size: 20px;
    }
    .web-srvc-cntn h3 {
        font-size: 18px;
    }
    .web-srvc-thumb img {
        max-width: 65px;
    }
    .full-stack-thumb {
        width: 130px;
    }
    .full-stack-cntn h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .full-stack-development-category {
        width:80%;
        margin:20px auto 0px;
    }
    .wbste-main-cntn h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .wbmain-item img {
        max-height: 40px;
    }
    .portfolio-item {
        width: 47%;
    }
    .global-header h5 {
        font-size: 16px;
    }
    a.view-more-btn {
        padding: 5px 24px;
        margin-top: 10px;
    }
    .full-stack-item {
        gap: 16px;
    }
    .engage-app-devmain .engage-app-item {
        width: 23%;
    }
    .trend-we-follow .global-header h6 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    #chaty-widget-0 .chaty-i-trigger .chaty-channel span.chaty-icon {
        width: 40px !important;
        height: 40px !important;
    }

}



@media (max-width: 768px) {
    .inner-page-title h2 {
        font-size: 40px;
    }
    .blog-details-section .blog-info h2 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 30px;
    }
    .lightbox header {
        margin: auto;
        top: 44px;
        position: relative;
        right: -30%;
        width: 35px;
    }
    header .buttons i {
        height: 35px;
        width: 35px;
        cursor: pointer;
        display: inline-block;
        color: #000;
        background: #fff;
        font-size: 1.25rem;
        line-height: 28px;
        text-align: center;
        border-radius: 50px;
        transition: 0.2s ease;
        border: 4px solid #000;
    }
    .services {
        flex-direction: column;
        align-items: center;
    }
    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .logo-need-about h2, .left-img-right-content h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .pricing-section h2, .global-header h2 {
        font-size: 22px;
        line-height: 34px;
    }
    .organic-heading span, .video-heading span, .choose-header-content span, .service-process-heading span, .blog-header span, .faq-heading span, .testimonial_heading-wrapper span, .contact-content-wrapper .upper-heading, .team-sub-heading span, .cta-contact-wrapper span {
        font-size: 18px;
    } 
    p{
        font-size: 15px !important;
    }
    .organic-content {
        margin: 16px 0;
    }
    button {
        font-size: 15px;
        margin-top: 18px;
    }
    .video-text-content {
        margin: 26px 0;
        gap: 26px;
    }
    .video-section-content {
        margin: 0 30px;
    }
    .top-section-feature-item-content h3 {
        font-size: 22px;
    }
    .feature-item p {
        margin-bottom: 8px;
    }
    .feature-icon {
        max-width: 85px;
    }
    .feature-number-bg {
        width: 70px;
        height: 70px;
    }
    .service-process-feature-content h3 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .service-process-feature-icon img {
        width: 45px;
        height: 45px;
        margin-bottom: 16px;
    }
    .view-more {
        padding: 10px 25px;
        margin-top: 0px;
    }
    .blog-header-left h2 {
        margin-bottom: 0px;
    }
    .circle img {
        width: 160px;
        height: auto;
    }
    .question-name {
        font-size: 15px;
        width: 80%;
    }
    .banner-left-heading, .banner-highlight {
        font-size: 30px;
        text-align: center;
    }
    .search-wrapper {
        padding: 0 10px;
        width: 100%;
    }
    .banner-left-heading {
        justify-content: center;
        text-align: center;
        align-items: center;
        margin-bottom: 10px;
    }
    .play-btn {
        width: 60px;
        height: 60px;
    }
    .search-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .service-heading span {
        font-size: 22px;
    }
    .button-arrow {
        margin-bottom: 30px;
    }
    .choose-header-text {
        margin: 10px 0 0px;
    }
    .cta-button {
        padding: 10px 24px;
        font-size: 15px;
        margin-top: 0px;
    }
    .text {
        max-width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .organic-button-section {
        justify-content: center;
    }
    .organic-button-section img{
        display: none;
    }
    .oragnic-section {
        padding: 21px 50px 50px;
    }
    .blog-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .blog-content {
        padding: 14px 18px;
    }
    .header {
        padding: 15px 20px;
    }
    .header {
        height: 60px;
    }
    .site-logo img {
        width: 90px;
        height: 30px;
    }
    .footer-certifications img {
        max-width: 24%;
        padding: 2px;
        max-height: 100px;
    }
    
    .contact-content-wrapper {
        flex-direction: column;

    }
    .contact-text-content, .form-content {
        padding: 0;
    }
    .blog-items {
        flex-direction: column;
    }
    .blog-item {
        width: 100%;
        max-width: 100%;
    }
    .inner-circle {
        top: 70%;
        left: 50%;
    }
    .banner-carousel-wrapper {
        left: 0px;
        top: 21%;
        right: 0;
        margin: 0 auto;
    }
    .banner-carousel .item img {
        width: 77%;
        max-height: 340px;
    }
    .horizontal-separator{
        display: none;
    }
    .footer-back-to-top img {
        max-width: 40px;
    }
    .fixedButon {
        width: 30px;
        height: 30px;
        bottom: 100px;
        right: 25px;
    }
    .footer-certifications {
        gap: 0px;
    }
    .copy-right-area span {
        font-size: 15px;
    }
    .footer-bottom {
        margin: 16px auto;
    }
    .nav-menu {
        top: 48px;
    }
    .menu-toggle.open .menu-icon-bellow {
        width: 40px;
        transform:rotate(-45deg) translate(7px, -7px);
    }
    .member-bg-lines {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .engage-app-item h6{
        font-size: 15px;
        font-weight:500;
        line-height:22px;
      }
    .innerpage-banner-image-container {
        top: 50px;
        text-align: center;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height: 260px;
    }
    .social-icons img {
        max-width: 30px;
        max-height: 20px;
    }
    .inner-banner-wrapper {
        height: 160px;
        padding: 0 30px 0 30px;
    }
    .innerpage-banner-image-container .banner-circle {
        width: 580px;
        max-width: 140px;
    }

    .inner-page-title h2 {
        font-size: 27px;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height: 260px;
        /* right: 27px; */
    }
    /* .innerpage-banner-image-container .banner-circle {
        top: 60px;
        left: -32px;
    } */
    .banner-breadcrumb {
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
    }
    .our-team-section {
        padding: 0px 20px 40px;
    }
    
    .blog-listing .blog-content h3 {
        font-size: 20px;
    }
    .blog-listing .blog-content a {
        padding: 8px 30px;
        margin-top: 16px;
    }
    .view-more-portfolio {
        padding-right: 20px;
        margin-top: 10px;
    }
    .cta-contact-wrapper h2 {
        padding: 15px 0 16px;
        font-size: 19px;
        font-weight: 600;
    }
    .cta-contact-wrapper .contact-cta {
        padding: 8px 33px;
    }
    .business-contact-section {
        padding: 50px 50px;
    }
    .portfolio-wrap h2 {
        font-size: 24px;
        line-height: 24px;
        padding: 10px 10px;
        width: 80%;
    }
    .filter-buttons {
        text-align: left;
        padding: 10px 0px;
        margin-bottom: 20px;
    }
    .filter-btn {
        font-size: 14px;
        min-width: 102px;
        padding: 5px 11px;
        margin: 4px;
    }

    .filter-buttons {
        text-align: left;
        padding: 10px 0px;
        margin-bottom: 0px;
    }
    .pricing-section h2 {
        margin-bottom: 20px;
    }
    .card {
        width: 100%;
        max-width: 100%;
    }
    .pricing-cards {
        padding-top: 50px;
        gap: 80px;
    }
    .card-header {
        min-height: auto;
        margin-bottom: 7px;
    }
    .left-circle-image {
        width: 300px;
        height: 300px;
        margin-right: 0;
    }
    .right-content .heading-section span {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .key-item {
        max-width: 100%;
    }
    .upper-content h2 {
        padding-bottom: 6px;
    }
    .left-img-right-content .right-content-section h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .blog-details-section {
        padding: 60px 50px;
        text-align: center;
    }
    .blog-details-section {
        padding: 50px 20px;
    }
    .blog-detail-content h2 {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    .key-item-content h3 {
        font-size: 21px;
    }
    .why-chooseUs-section {
        padding: 50px 20px;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main, .website-maintenence-main {
        padding:40px 0px;
    }
    .full-stack-cntn h3 {
        font-size: 23px;
        line-height: 33px;
    }
    .full-stack-thumb {
        width: 108px;
    }
    .full-stack-item {
        display: flex;
        align-items: center;
        gap: 30px;
    }
    .trend-follow-tab {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .trendfollow-right {
        flex: 1;
        padding-left: 0px;
    }
    .trendfollow-left {
        width: 100%;
    }
    .portfolio-item {
        width: 43%;
    }
    .case-study-btm {
        display: flex;
        align-items: self-start;
        justify-content: start;
        margin-top: 20px;
        padding: 0px 0px;
        gap: 19px;
        flex-direction: column;
    }
    .wbmain-cntn-main .wbmain-item {
        width: 48%;
    }
    .wbste-main-cntn h3 {
        font-size: 19px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    .trend-right-item h3 {
        font-size: 23px;
        line-height: 35px;
        margin: 13px 0px 8px;
    }
    .trend-right-item img {
        max-width: 65px;
    }
    .future-process-item-logo img {
        height: 70px;
    }
    .future-process-item-logo {
        margin-bottom: 15px;
    }

    .full-stack-web-development, .future-process, .engage-app-dvelope {
        padding:50px 0px;
    }
    .trend-we-follow .global-header h6 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom:6px;
    }

}
@media only screen and (max-width:700px) {
    .portfolio-item {
        width: 46%;
        margin: 10px;
    }
}


@media only screen and (max-width: 575px) {
    .blog-listing .blog-content h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 27px;
        margin-bottom: 6px;
    }
    .cta-contact-section {
        padding: 40px 20px;
    }
    .trend-we-follow .global-header h6 {
        font-size: 15px;
        font-weight:500;
        margin-bottom:2px;
    }
    .cta-contact-wrapper h2 {
        padding: 15px 0 16px;
        font-size: 16px;
        font-weight: 600;
    }
    .blog-details-section {
        padding: 40px 20px;
        text-align: center;
    }

    .parteners_carousel_se_03 .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
        left: 0px;
    }
    .parteners_carousel_se_03 .owl-carousel .owl-nav button.owl-next {
        top: 42%;
        right: 0px;
    }
    p{
        font-size: 14px !important;
    }
    
    .start-project {
        display: none;
    }
    .menu-icon-mid {
        width: 25px;
        height: 2px;
        margin: 5px 0;
    }
    .menu-icon {
        width: 25px;
        height: 2px;
        margin: 5px 0;
    }
    .menu-icon-bellow {
        width: 25px !important;
        height: 2px;
        margin: 5px 0 !important;
        
    }
    .menu-toggle.open .menu-icon-bellow {
        transform: rotate(-45deg) translate(2px, -2px);
    }
    .search-container input[type="text"] {
        padding: 12px 13px;
        font-size: 15px;
    }
    header {
        padding-bottom: 80px;
    }

    .search-button {
        padding: 11px 24px;
        margin-left: 0;
        max-width: 160px;
    }
    .banner-carousel-wrapper {
        left: 0%;
        top: 18%;
    }
    .hero-content .banner-circle {
        width: 300px;
        height: 300px;
    }
    .banner-carousel .item img {
        width: 80%;
        margin: 0 auto;
    }
    .service-heading h2, .organic-heading h2, .video-heading h2, .choose-header-content h2, .service-process-heading h2, .blog-header h2, .faq-heading h2, .testimonial_heading-wrapper h2, .contact-content-wrapper .main-heading, .team-sub-heading h2, .logo-need-about h2, .left-img-right-content h2, .right-content .heading-section h2, .upper-content h2, .service-details-portfolio h2, .pricing-section h2, .global-header h2 {
        font-size: 18px;
        line-height: 31px;
    }
    .business-contact-section {
        padding: 40px 20px;
    }
    

    .quote {
        font-size: 56px;
        top: 0;
        left: 0;
    }
    .testimonial-text {
        font-size: 16px;
        line-height: 26px;
        margin-left: 50px;
        text-align: left;
    }
    .author-wrap {
        display: flex;
        flex-direction: column;
        text-align: left;
        max-width: 100%;
        width: 100%;
    }
    .author-name {
        font-size: 15px;
    }
    .footer-container {
        padding: 40px 20px 0;
    }
    .footer-logo img {
        width: 110px;
        margin-bottom: 15px;
    }
    .footer-links h3, .footer-services h3, .footer-social h3 {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .hero-section {
        padding: 0px 20px 160px;
    }
    .services-items {
        padding: 0px 20px;
    }
    .srvc-item-inner h4 {
        font-size: 15px;
        line-height: 21px;
        margin: 8px 0px;
    }
    .services-items .col-lg-3:last-child .srvc-item-inner a.cntc-us-btn {
        padding: 10px 32px;
        font-size: 15px;
        margin-top: 11px;
    }
    .services-items .col-lg-3.col-md-6.col-sm-12 {
        margin: 8px 0px;
    }
    .services-section {
        padding: 40px 0;
    }
    .oragnic-section {
        padding: 40px 20px 40px;
    }
    .video-section-content {
        margin: 0 0px;
        padding: 20px 0;
    }
    .video-text-content {
        margin: 10px 0;
        gap: 18px;
    }
    .why-choose-section {
        padding: 40px 20px 10px;
    }
    .feature-icon {
        max-width: 50px;
    }
    .top-section-feature-item-content h3 {
        font-size: 18px;
    }
    .feature-item {
        margin-bottom: 20px;
    }
    .service-process {
        padding: 50px 20px 20px;
    }
    .feature-number-bg {
        top: -30px;
    }
    .blog-header {
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 10px;
    }
    .blog-section {
        margin: 40px 0;
        padding: 0 20px;
    }

    .faq-section {
        padding: 40px 20px;
    }
    .header {
        height: 50px;
    }
    .faq-number {
        font-size: 20px;
    }

    .question-name {
        font-size: 14px;
        width: 80%;
    }
    .faq-heading h2 {
        margin-bottom: 14px;
    }
    .partners-inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .testimonials-inner {
        padding-top: 1px;
        padding-bottom: 0;
    }
    .testimonials-section {
        padding: 40px 20px;
    }
    .footer-certifications img {
        max-width: 24%;
        padding: 10px;
        max-height: 100px;
    }
    .footer-links ul, .footer-services ul, .footer-social ul {
        line-height: 36px;
        list-style: none;
        line-height: 40px;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
        padding: 0;
    }
    .footer-content {
        padding-bottom: 10px;
    }

    .copy-right-area span {
        font-size: 14px;
    }
    .our-team-content {
        width: 90%;
        text-align: center;
    }
    .our-team-heading {
        padding-bottom: 10px;
    }
    .tem-member-item {
        max-width: 100%;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height: 222px;
        /* right: 27px; */
    }
    .innerpage-banner-image-container .banner-circle {
        top: 51px;
        /* left: -31px; */
    }
    
    .member-bg-lines {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 90%;
    }
    
    .portfolio-item {
        width: 100%;
        margin:6px 0px;
    }
    .portfolio-section {
        text-align: center;
        padding: 20px 20px 40px;
    }
    .left-img-right-content {
        padding: 40px 20px;
    }
    .img-text-wrapper {
        gap: 30px;
        padding-top: 22px;
        flex-direction: column;
    }
    .left-img-right-content .left-img-section {
        max-width: 100%;
        width: 100%;
    }
    .left-img-right-content .right-content-section {
        width: 100%;
        text-align: left;
    }
    .blog-detail-content {
        text-align: left;
        padding: 0px 0 0;
    }
    .blog-detail-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .blog-details-section .blog-info h2 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 26px;
    }
    .full-stack-item {
        display: flex;
        align-items: start;
        flex-direction: column;
        justify-content: start;
    }
    .wbmain-cntn-main .wbmain-item {
        width: 100%;
    }
    .future-process-item {
        padding: 15px;
        margin: 8px 0px;
    }
    .web-sev-services .web-sev-srvc-item {
        gap:15px;
        margin: 15px 0px;
        flex-direction: column;
    }
    .web-sev-services, .full-stack-web-development, .future-process, .tool-technology, .trend-we-follow, .web-design-portfolio-main, .website-maintenence-main {
        text-align: center;
    }
    .case-study-main .global-header {
        gap: 5px;
        flex-direction: column;
    }
    .future-process-item-logo {
        margin-bottom: 15px;
        flex-direction: column;
        gap: 2;
    }
    .full-stack-item {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-direction: column;
        justify-content: center;
    }
    .full-stack-web-development .categories {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        justify-content: center;
    }
    .case-study-btm {
        margin-top: 14px;
        padding: 0px 0px;
        gap: 10px;
        flex-direction: column;
    }
    .full-stack-web-development .owl-carousel .owl-nav button.owl-next {
        right: -20px;
    }
    .full-stack-web-development .owl-carousel .owl-nav button.owl-prev {
        left: -20px;
    }
    .full-stack-web-development button img {
        max-width: 20px;
    }
    .full-stack-cntn h3 {
        font-size: 19px;
        line-height: 26px;
    }
    .trend-we-follow a.read-more {
        font-size: 14px !important;
        padding: 7px 14px;
    }
    .wb-portfolio-btn-main {
        text-align: center;
    }
    .engage-app-devmain .engage-app-item {
        width: 30%;
    }
    .engage-app-devmain {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 13px;
    }
    .engage-app-devmain .engage-app-item img {
        max-width: 55px;
        height: 35px;
    }
    .engage-app-item h6 {
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
    }


}



@media only screen and (max-width: 480px) {
    .service-process-feature-item {
      flex: 1 1 100%;
      max-width: 100%;
    }
    .innerpage-banner-image-container img.banner-thumb-front {
        height:143px;
        /* right: 7px; */
    }
    .engage-app-devmain {
        gap: 24px 13px;
    }

    .innerpage-banner-image-container .banner-circle {
        top: 30px;
        /* left: -9px; */
    }
    
    .inner-page-title h2 {
        font-size: 19px;
    }
    

  }