@media (min-width: 576px) {
  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .why-choose-content-wrap {
    max-width: 100%;
  }

  .fortune-companies .home-counter-wrap .counter-text {
    width: calc(100% - (60px + 20px));
    text-align: left;
  }
}

@media (min-width: 768px) {
  .footer-quick-info {
    display: none;
  }

  .container {
    max-width: 750px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .section-content-gap {
    margin-top: 60px;
  }

  .why-choose-content-wrap {
    max-width: 750px;
  }

  .custom-slider-container {
    width: calc((100vw + 750px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .header .header-wrapper .logo {
    max-width: 200px;
  }

  .section-title h2,
  .section-title-h4 h4,
  .section-title-h3 h3,
  .section-title .section-title-heading {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .section-title h2 br {
    display: inline;
  }

  .white-arrow.swiper-button-next {
    right: -25px;
  }

  .white-arrow.swiper-button-prev {
    left: -25px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 4) - 20px);
    padding: 10px;
  }

  .lets-connect-card {
    padding: 50px 50px 30px;
    border-radius: 28px;
  }

  .tech-expert-tab-content .icons-wrapper .list .image-box {
    width: 83px;
    height: 80px;
  }

  .tech-expert-tab-content .icons-wrapper .list img {
    height: 55px;
    object-fit: contain;
  }

  .hero-section .hero-content-wrap h2 {
    font-size: 36px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }

  .who-we-serve-card .content h3 {
    font-size: 24px;
  }

  .header .header-wrapper .right-button {
    width: 200px;
    text-align: right;
    justify-content: flex-end;
  }

  .dev-collab-wrap {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-blur-element {
    width: 384px;
    height: 399px;
  }

  .contact-us-section {
    margin-top: 50px;
  }

  .featured-portfolio {
    padding: 80px 0 40px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 36px;
  }

  body {
    font-size: 15px;
  }

  .form-group .form-label {
    font-size: 14px;
  }

  .about-us-section .certified-list,
  .featured-in-logo {
    gap: 30px 50px;
  }

  .breadcrumb-list li a {
    font-size: 14px;
  }

  .skills-list li {
    font-size: 17px;
    margin-bottom: 18px;
  }

  .tab-dropdown-selected-text {
    font-size: 18px;
  }

  .custom-tab-list>div>ul li.active,
  .custom-tab-list>div>ul li:hover {
    transform: scale(1.02);
  }

  .faq-section {
    padding: 80px 0;
  }

  .faq-accordion .faq-accordion-item .faq-accordian-btn {
    font-size: 20px;
    padding: 20px 50px 20px 20px;
  }

  .contact-us-spacing {
    padding: 80px 0;
  }

  .industry-focused-insights {
    padding: 30px 0 80px;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 18px;
    margin: 20px 0;
  }
}

@media (min-width: 992px) {

  .container,
  .why-choose-content-wrap {
    max-width: 970px;
  }

  .section-padding {
    padding: 80px 0 !important;
  }

  .custom-slider-container {
    width: calc((100vw + 970px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .hero-section .hero-content-wrap h2 {
    font-size: 50px;
  }


  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }

  .fortune-companies,
  .what-can-we-do,
  .who-we-serve {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .our-products {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .our-case-study {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .fortune-companies .home-counter-wrapper {
    margin-bottom: 80px;
    margin-top: 0;
  }

  .who-we-serve .title-wrap {
    flex-direction: column;
    column-gap: 0;
  }

  .who-we-serve .title-wrap img {
    margin-top: 20px;
    height: 320px;
  }

  .who-we-serve .pl-50 {
    padding-left: 50px;
  }

  .portfolio-section .portfolio-wrapper .inner .right-content {
    width: 50%;
  }

  .tab-dropdown-selected-text {
    display: none;
  }

  .next-gen-tech-stack .next-gen-tab-list ul {
    padding: 0 16px;
    display: inline-flex;
    position: relative;
    box-shadow: none;
    margin: 0 auto;
    flex-wrap: wrap;
    border-radius: 0;
  }

  .dev-collab-wrap {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }

  .testimonial-card-type-2 {
    padding: 30px;
  }

  .tech-expert-tab-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 16px;
  }

  .tech-expert-tabs.type-2 ul {
    width: max-content;
  }

  .custom-tab-list>div>ul {
    display: block;
    box-shadow: none;
    position: relative;
    background: 0 0;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 22px;
  }

  .footer .footer-links-wrap .footer-links ul a {
    font-size: 14px;
    line-height: 1.8rem;
  }

  .footer .company-rating-card .list a {
    padding-right: 40px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 44px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 350px);
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid var(--dark);
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 330px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 20px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .header {
    height: 100px;
  }

  .header.inner-page {
    height: 80px;
  }

  .header.inner-page .header-top {
    margin-top: -8px;
  }

  .close-btn,
  .mobile-sidebar-backdrop,
  .desk-none {
    display: none;
  }

  .connect--cta .container,
  .container,
  .product--cta .container,
  .why-choose-content-wrap {
    max-width: 1170px;
  }

  .custom-slider-container {
    width: calc((100vw + 1170px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .mobile-menu-toggle {
    display: none;
  }

  .section-title h2,
  .section-title-h4 h4,
  .section-title-h3 h3,
  .section-title .section-title-heading {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 30px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 50px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 6) - 20px);
  }

  .lets-connect-card {
    padding: 70px 80px 50px;
  }

  .hero-section .hero-content-wrap h2 {
    font-size: 52px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 16px;
  }


  .hero-section {
    min-height: 90dvh;
  }

  .what-can-we-do .service-box {
    position: sticky;
    padding: 30px;
  }

  .what-can-we-do .service-box.box-1 {
    top: 110px;
  }

  .what-can-we-do .service-box.box-2 {
    top: 140px;
  }

  .what-can-we-do .service-box.box-3 {
    top: 170px;
  }

  .what-can-we-do .service-box.box-4 {
    top: 200px;
  }

  .what-can-we-do .service-box h3 {
    font-size: 26px;
  }

  .portfolio-section .portfolio-wrapper .inner .right-content {
    width: calc(100% - 550px);
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .right-content {
    width: 50%;
  }

  .collabration-card-type-2 {
    padding: 25px;
  }

  .service-intro-section .content {
    padding-right: 40px;
  }

  .service-intro-section .content.right-align {
    padding-left: 70px;
    padding-right: 0 !important;
  }

  .testimonial-card-type-2 {
    padding: 40px;
  }

  .testimonial-card-type-2 p {
    font-size: 18px;
  }

  .tech-expert-tab-list ul li {
    min-width: 150px;
  }

  .footer .quick-address a {
    font-size: 22px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 350px);
    padding-left: 20px;
    margin-left: 20px;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 330px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 30px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .agile-process-circle .holderCircle {
    width: 500px;
    height: 500px;
  }

  .agile-process-circle .round {
    left: 40px;
    top: 35px;
    width: 410px;
    height: 410px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 36px;
  }
}

@media (min-width: 1400px) {

  .container,
  .counter-section .container {
    max-width: 1370px;
  }

  .blog-inner-page .container {
    max-width: 1300px;
  }

  .statastics-section .container {
    max-width: 1150px;
  }

  .why-choose-content-wrap {
    max-width: 1400px;
    margin: 0 auto;
  }

  .custom-slider-container {
    width: calc((100vw + 1370px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 8) - 20px);
  }

  .hero-section .hero-content-wrap h2 {
    font-size: 60px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }


  .next-gen-tech-stack .next-gen-tab-content-wrap .right-content {
    width: 44%;
  }

  .collabration-card-type-2 {
    padding: 60px 40px;
  }

  .dev-collab-wrap {
    gap: 30px 30px;
  }

  .tech-expert-tab-list ul li {
    min-width: 170px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 450px);
    padding-left: 50px;
    margin-left: 50px;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 400px;
  }

  .agile-process-circle .holderCircle {
    width: 650px;
    height: 650px;
  }

  .agile-process-circle .round {
    left: 56px;
    top: 65px;
    width: 530px;
    height: 530px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 48px;
  }

  .service-intro-section .content {
    padding-right: 70px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1630px;
  }

  .custom-slider-container {
    width: calc((100vw + 1630px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .dev-collab-wrap {
    gap: 50px;
  }
}

@media (max-width: 1599px) {
  .blog-inner-page h1 {
    font-size: 42px;
    line-height: 46px;
  }

  .blog-detail-para h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .blog-detail-para h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .blog-detail-para h5,
  .blog-detail-para h6 {
    font-size: 17px;
    line-height: 25px;
  }

  .blog-detail-para h4 {
    font-size: 19px;
    line-height: 25px;
  }

  .case-study-banner {
    height: 450px;
  }

  .case-study-wrapper .event-list__row,
  .news-events-section .event-list__row {
    gap: 20px;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: calc(33.33% - 14px);
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 20px;
  }
}

@media (max-width: 1199px) {
  .main-menu {
    visibility: hidden;
  }

  .main-menu.open {
    visibility: visible;
  }

  .header.for-mobile .megamenu-verticle-menu .megamenu-verticle-tab-list {
    padding: 0;
    width: 100%;
  }

  .breadcrumb-section {
    margin-top: 60px;
  }

  .header .mega-menu .blue-title,
  .megamenu-verticle-menu .top-content,
  .service-menu-card {
    display: none;
  }

  .header.for-mobile .megamenu-verticle-menu .megamenu-verticle-tab-content {
    width: 100%;
    padding: 0;
    border-left: 0;
  }

  .header .mega-menu.about-company .left-link-wrap .list-links {
    width: 100%;
  }

  .header .mega-menu.about-company .left-link-wrap {
    flex-wrap: wrap;
  }

  .header.for-mobile .main-menu .menu li a {
    font-size: 16px;
    font-weight: 600;
  }

  .header.for-mobile .mega-menu .inner .left-links {
    padding-top: 10px;
  }

  .header.for-mobile .main-menu .tab-content-wrap .top-content {
    display: none;
  }

  .header.for-mobile .mega-menu .panel-title {
    margin-bottom: 0;
  }

  .header.for-mobile .mega-menu .list-columns li a {
    font-size: 14px;
    font-weight: 500;
  }

  .header.for-mobile .main-menu .menu li .panel-title a {
    padding-left: 0;
    border-bottom: none;
    font-weight: 600;
    font-size: 14px;
  }

  .header.for-mobile .main-menu .menu li .panel-title a:before {
    content: "-";
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 24px;
  }

  .header.for-mobile .main-menu .menu li .panel-title a.collapsed:before {
    content: "+";
  }

  .header.for-mobile .main-menu .menu li .panel {
    border-bottom: 1px solid #b2b2b2;
  }

  .header .mega-menu.solutions-we-have .list-links {
    width: 100%;
  }

  .header .mega-menu.solutions-we-have .inner .left-links .list-columns {
    gap: 0;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a img {
    display: none;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a p {
    display: none;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a {
    font-weight: 500;
    font-size: 14px;
  }

  .header .mega-menu.our-technologies .list-links-wrap .list-links {
    width: 100%;
    padding: 0;
  }

  .header .mega-menu.our-technologies .list-links-wrap .list-links:nth-child(2n) {
    background: 0 0;
  }

  .header.inner-page .logo-dark {
    top: -4px;
  }

  .header.inner-page .icon-bar {
    background-color: var(--dark);
  }

  .header,
  .header.sticky {
    height: 60px;
  }

  .hero-section {
    height: auto;
  }

  .hero-section .nav-overlay,
  .inner-page-hero-section .nav-overlay {
    height: 9.125rem;
    background-image: linear-gradient(#0009 48%, transparent);
  }

  .statastics-section .home-counter-wrap {
    padding: 10px;
    gap: 16px;
  }

  .statastics-section .home-counter-wrap .icon img {
    width: 40px;
  }

  .statastics-section .home-counter-wrap .counter-text .counter-number {
    font-size: 28px;
  }

  .statastics-section .home-counter-wrap .counter-text p {
    font-size: 14px;
  }

  .hero-section .hero-slider .swiper-slide {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .header.sticky .logo-dark {
    top: -3px;
  }

  .agile-process-circle .holderCircle {
    width: 450px;
    height: 450px;
  }

  .agile-process-circle .round {
    width: 350px;
    height: 350px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 38px;
  }

  .agile-process-circle .title-box span {
    font-size: 20px;
  }

  .agile-process-circle .title-box p {
    font-size: 14px;
    line-height: 20px;
  }

  .agile-process-circle .contentCircle {
    max-width: 250px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content a {
    width: auto;
  }

  .tech-expert-card .technology-tech-stack-list {
    width: calc(100% - 270px);
  }

  .tech-expert-card .technology-main-heading {
    width: 250px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .about-us-section h3 {
    font-size: 30px;
    font-weight: 600;
  }

  .pl-50 {
    padding-left: 30px;
  }

  .our-work-case-study .our-work--row .left-content {
    padding: 30px;
  }

  .our-work-case-study .our-work--row .our-work--col.right-content {
    background-position: center;
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 850px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    font-size: 22px;
    line-height: normal;
  }

  .our-work-case-study .our-work--row .left-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .benefits-section,
  .technology-partner {
    padding: 50px 0;
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 30px;
  }

  .where-we-stand .where-we-stand-counter {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .why-choose-tech-card .inner .icon {
    width: 20px;
    height: 20px;
    font-size: 16px;
  }

  .why-choose-tech-card .inner .content {
    width: calc(100% - 32px);
  }

  .why-choose-tech-card .inner {
    gap: 12px;
  }

  .why-choose-tech-card {
    padding: 20px 16px;
  }

  .where-we-stand-counter .counter-item .number {
    font-size: 30px;
  }

  .testimonial-card-type-2 p {
    font-size: 14px;
  }

  .testimonial-card-type-2 {
    padding: 20px;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .industry-focused-insight-card ul li {
    font-size: 12px;
    padding: 0 10px;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 38px;
  }

  .dark-hero-section .hero-service-banner p {
    font-size: 14px;
  }

  .where-we-stand .right-image {
    padding-left: 50px;
  }

  .dark-hero-section {
    padding: 100px 0 50px;
    height: 500px;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 40px;
  }

  .footer .quick-address a {
    font-size: 18px;
  }

  .banner-type2-right-image img {
    margin: 0 auto;
  }
    .service-banner-section h1 {
        font-size: 44px;
        line-height: 50px;
    }
}

@media (max-width: 991px) {
  .cubespinner {
    animation: none;
    display: flex;
    column-gap: 20px;
    transform-style: unset;
    transform-origin: unset;
    margin: 3px;
  }

  .cubespinner div {
    width: 150px;
    position: relative;
    height: unset;
  }

  .fortune-companies .home-client-logo-wrap {
    flex-flow: unset;
    gap: 0;
    animation: slide_to_left_full 42s linear infinite;
    flex-wrap: nowrap;
    width: auto;
    display: inline-flex;
    margin-top: 50px;
  }

  @keyframes slide_to_left_full {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .cubespinner .face1 {
    -webkit-backface-visibility: unset;
  }

  .cubespinner .face2 {
    transform: none;
    -webkit-backface-visibility: unset;
  }

  .about-us-section,
  .case-study-wrapper,
  .hire-tech-experts,
  .industries-we-serve,
  .news-events-section,
  .portfolio-listing-section,
  .sevice-content-section,
  .tech-experts-tab-section {
    padding: 50px 0;
  }

  .without-banner-section {
    padding: 50px 0 30px;
  }

  .about-us-section .about-us {
    padding-right: 0;
    padding-bottom: 50px;
  }

  .section-mb-80 {
    margin-bottom: 50px;
  }

  .service-intro-section {
    padding-bottom: 60px;
  }

  .development-collabration-section,
  .our-work-case-study {
    padding-bottom: 50px;
  }

  .about-us-section .about-us:before {
    right: 0;
    bottom: 20px;
    height: 5px;
    width: 100%;
    top: unset;
  }

  .section-title {
    max-width: 90%;
  }

  .tech-why-choose-nextwebi .section-title {
    max-width: 100%;
  }

  .our-products,
  .technology-we-work {
    padding: 50px 0;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap {
    justify-content: center;
    gap: 24px;
  }

  .tech-expert-card {
    flex-wrap: wrap;
    row-gap: 24px;
  }

  .tech-expert-card .technology-main-heading,
  .tech-expert-card .technology-tech-stack-list {
    width: 100%;
  }

  .footer .quick-address a {
    font-size: 14px;
  }

  .footer .full-address {
    font-size: 14px;
  }

  .our-testimonial:before {
    content: none;
  }

  .our-testimonial {
    padding: 50px 30px;
  }

  .our-testimonial .pe-sm-5 {
    padding-right: 0 !important;
  }

  .our-testimonial .section-title {
    text-align: center;
  }

  .our-testimonial .testimonial-swiper {
    margin-top: 30px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item {
    width: 100%;
    margin: 0 20px 0 0;
  }

  .about-us-section h3 {
    text-align: center;
  }

  .section-content-gap {
    margin-top: 40px;
  }

  .portfolio-item .left-content {
    max-width: 350px;
    padding: 20px;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content .icon {
    width: 35px;
    height: 35px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content .icon img {
    width: 18px;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content h3 {
    font-size: 24px;
  }

  .portfolio-section .portfolio-wrapper .inner {
    height: 430px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 24px;
  }

  .footer .company-rating-card {
    padding: 20px;
  }

  .footer .company-rating-card .list a {
    font-size: 16px;
  }

  .footer .company-rating-card .list a img {
    height: 20px;
    object-fit: contain;
  }

  .footer .authorized-partner .partner-list img {
    height: 36px;
  }

  .footer .footer-copy-right .footer-quick-links a,
  .footer .footer-links-wrap .footer-links ul a {
    font-size: 12px;
  }

  .footer .footer-copy-right p {
    font-size: 12px;
  }

  .footer .footer-copy-right {
    padding: 20px 0;
  }

  .footer .footer-copy-right .row {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .footer .footer-copy-right .footer-quick-links {
    justify-content: center;
  }

  .blog-section {
    padding-bottom: 50px;
  }

  .pl-50 {
    padding-left: 20px;
  }

  .fortune-companies.service-page {
    padding-bottom: 30px;
  }

  .connect--cta .cta-card {
    padding: 30px;
  }

  .connect--cta .cta-card button {
    width: 200px;
  }

  .connect--cta .cta-card .content {
    width: calc(100% - 210px);
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 650px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    font-size: 20px;
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 0;
    max-width: 100%;
  }

  .benefits-section .left-content {
    padding-right: 12px;
    padding-bottom: 60px;
  }

  .benefits-section .left-content:before {
    height: 5px;
    width: 100%;
    right: 0;
    bottom: 30px;
    top: unset;
  }

  .benefits-section .section-title {
    max-width: 100%;
  }

  .sevice-content-section .right-content {
    padding: 12px;
  }

  .service-punchlines h3 {
    font-size: 18px;
  }

  .service-punchlines p {
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
  }

  .tech-combo-slider .swiper-slide {
    width: 350px;
  }

  .tech-combo-card h3,
  .tech-combo-card .tech-combo-card-heading {
    font-size: 18px;
  }

  .contact-us-section .contact-us-left-content {
    padding-top: 50px;
  }

  .contact-us-section {
    margin-top: 0;
  }

  .product--cta .cta-card .content h2,
  .product--cta .cta-card .content .cta-type-2-heading {
    font-size: 22px;
    line-height: 28px;
  }

  .client-slider-text,
  .client-slider-text h2 {
    font-size: 26px;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: calc(50% - 14px);
  }

  .tech-expert-tab-list ul {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .tech-expert-tabs.type-2 ul {
    padding: 0 !important;
    gap: 0 !important;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list {
    position: relative;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, #fff0 0, #f40000 98%, #f6f6f7 100%);
    z-index: 1;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list ul li.active:before {
    top: unset;
    bottom: 0;
  }

  .dark-hero-section {
    min-height: 450px;
    height: auto;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 36px;
  }

  .dark-hero-section .hero-service-banner p {
    font-size: 14px;
  }

  .service-intro-section .section-title {
    max-width: 100%;
  }

  .section-pb-80 {
    padding-bottom: 50px !important;
  }

  .where-we-stand .right-image {
    padding-left: 50px;
    display: none;
  }

  .where-we-stand .section-title {
    max-width: 100%;
  }

  .tech-why-choose-nextwebi .why-choose-list {
    margin-top: 30px;
  }

  .portfolio-type-2 .swiper-slide {
    width: 320px;
    height: unset;
  }

  .portfolio-type-2 {
    padding-top: 50px;
  }

  .tech-why-choose-nextwebi {
    padding: 50px 0;
  }

  .industry-focused-insights {
    padding: 10px 0 50px !important;
  }

  .technology-dev-services {
    padding: 50px 0 80px;
  }

  .tech-features .feature-content {
    padding-right: 0;
  }

  .tech-features .flex-row-reverse .feature-content {
    padding-left: 0;
  }

  .inner-page-hero-section.service-inner-page {
    background-size: cover !important;
    padding-bottom: 70px;
  }

  .service-inner-page .hero-service-banner.text-dark {
    color: #fff !important;
  }

  .inner-page-hero-section.service-inner-page:before,
  .inner-page-hero-section.service-inner-page.light-overlay:before {
    content: "" !important;
    background: #152226;
    opacity: 0.9;
  }

  .inner-page-hero-section.light .hero-service-banner h1,
  .inner-page-hero-section.light .hero-service-banner p,
  .inner-page-hero-section.light .hero-service-banner ul li {
    color: #fff;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 36px;
  }

  .contact-us-section .section-title,
  .sevice-content-section .section-title {
    max-width: 100%;
  }

  .technology-partner .pl-50 {
    padding-left: 0;
  }

  .service-connect-us a {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .product--cta .cta-card {
    padding: 30px;
  }

  .faq-section {
    padding: 50px 0;
  }

  .faq-accordion .faq-accordion-item .faq-accordian-btn {
    font-size: 16px;
    font-size: 16px;
  }

  .get-in-touch .contact-card ul li {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .get-in-touch-list li .wrap {
    width: 100%;
  }

  .get-in-touch .contact-card ul {
    display: flex;
    margin-top: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }

  .get-in-touch {
    padding-bottom: 0;
  }

  .without-banner-section h1 {
    font-size: 36px;
    margin-bottom: 8px;
  }

  .get-in-touch-list li .wrap a {
    white-space: nowrap;
  }

  .get-in-touch .contact-card ul li {
    width: calc(50% - 20px);
  }

  .our-work-case-study .our-work-slider {
    padding: 0;
  }

  .banner-type2-right-image img {
    display: none;
  }
    .service-banner-section h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .solution-hero-section {
        padding-bottom: 30px;
    }
    .service-banner-section .image img {
        margin: 0;
        max-height: unset;
    }
    .development-collabration-section {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
  .hero-slider .banner-image-static img {
    object-position: right;
  }

  body {
    padding-bottom: 44px;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 32px;
  }

  .section-title {
    max-width: 100%;
  }

  .footer .footer-copy-right .footer-quick-links {
    justify-content: center;
  }

  .footer .footer-copy-right p {
    text-align: center;
    margin-top: 8px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 3) - 15px);
  }

  .blog-card .blog-content h3 {
    font-size: 20px;
  }

  .blog-card .image img {
    height: 230px;
  }

  .case-study-card .image img {
    height: 230px;
    width: 100%;
  }

  .header .right-button a {
    padding: 4px 8px;
    line-height: normal;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .contact-us-section .contact-us-right-content {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .connect--cta .cta-card {
    flex-wrap: wrap;
  }

  .connect--cta .cta-card .content {
    width: 100%;
  }

  .connect--cta .cta-card button {
    margin-top: 20px;
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 91%;
  }

  .our-work-case-study .our-work--row .our-work--col {
    width: 100%;
  }

  .our-work-case-study .our-work--row .our-work--col.right-content {
    display: none;
  }

  .our-work-case-study .catestudy-title {
    flex-wrap: wrap;
  }

  .product--cta .cta-card {
    padding: 20px;
  }

  .pl-50 {
    padding-left: 0;
  }

  .tech-expert-tab-list ul li img {
    display: none;
  }

  .tech-expert-tab-content {
    margin-top: 20px;
    padding: 20px;
  }

  .tech-expert-tab-content .icons-wrapper {
    gap: 12px;
    justify-content: flex-start;
  }

  .client-slider-text,
  .client-slider-text h2 {
    font-size: 22px;
  }

  .fortune-companies.service-page .home-client-logo-wrap {
    margin-top: 20px;
  }

  .blog-inner-page h1,
  .without-banner-section h1 {
    font-size: 36px;
    line-height: 42px;
  }

  .blog-inner-page .blog-sub-sec {
    flex-wrap: wrap;
    gap: 12px;
  }

  .blog-dimg {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blog-detail-para {
    font-size: 14px;
  }

  .blog-detail-para p,
  .blog-detail-para ul li {
    font-size: 14px;
    line-height: 22px;
  }

  .portfolio-listing-section h2 {
    font-size: 22px;
  }

  .company-benefits {
    padding: 50px 0;
  }

  .dark-hero-section {
    height: auto;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 32px;
  }

  .portfolio-card-type-2 h3,
  .portfolio-card-type-2 .case-study-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-style: var(--heading-font);
    line-height: 1.2;

  }

  .tech-features .image img {
    max-width: 100%;
  }

  .our-succes-story-2-card h3 {
    font-size: 16px;
  }

  .our-succes-story-2-card {
    padding: 12px;
  }

  .home-banner h1 {
    font-size: 16px;
  }

  .case-study-banner {
    height: 350px;
  }

  .portfolio-detail-section .tags li {
    font-size: 10px;
    padding: 0 8px;
  }

  .contact-card .mb-5 {
    margin-bottom: 0 !important;
  }

  .tech-expert-tab-list ul {
    justify-content: flex-start;
  }

  .footer .company-rating-card .row {
    justify-content: center;
  }

  .footer .company-rating-card .list {
    justify-content: center;
  }

  .footer .authorized-partner {
    justify-content: center;
  }

  .get-in-touch .contact-card ul li {
    width: 100%;
  }

  .get-in-touch .nda-content h3 {
    font-size: 20px;
  }

  .get-in-touch .nda-content span {
    font-size: 12px;
  }

  .get-in-touch .nda-content img {
    width: 40px;
  }

  .get-in-touch .nda-content {
    gap: 10px;
  }

  .technology-partner-card .process-counter {
    margin-bottom: 10px;
  }

  .inner-page-hero-section.service-inner-page {
    background-image: url(../images/hire/banner-bg-2.webp) !important;
  }
    .service-banner-section h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .service-banner-section {
        padding: 100px 0 80px;
    }
    .collabration-card .top-content h3 {
        font-size: 22px;
    }
    .collabration-card .description p {
        line-height: 22px;
        font-size: 15px;
    }
    .connect--cta .cta-card h3, .connect--cta .cta-card .cta-type-1-sub-heading{
        font-size: 24px;
    }
}

@media (max-width: 575px) {
  .hero-section .hero-slider .swiper-slide:before {
    background: linear-gradient(90deg, #000c 100%, transparent 66%);
    opacity: 0.7;
  }

  .hero-section .hero-content-wrap h2 {
    font-weight: 600;
  }

  .fortune-companies .content p {
    line-height: 22px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 2) - 10px);
  }

  .about-us-section .certified-list img {
    height: 30px;
    max-width: 160px;
  }

  .featured-in-logo img {
    height: 18px;
    max-width: 90px;
  }

  .about-us-section .certified-in-section h3,
  .about-us-section h3,
  .featured-in-section h3,
  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 20px;
  }

  .our-products .portfolio-section,
  .section-content-gap {
    margin-top: 30px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item {
    margin: 0 6px;
    min-height: 60px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item img {
    height: 40px;
  }

  .fortune-companies .home-client-logo-wrap {
    margin-top: 30px;
  }

  .fortune-companies {
    padding-bottom: 50px;
  }

  .agile-process-circle .round {
    width: 270px;
    height: 270px;
    left: 0;
    top: 30px;
    right: 0;
    margin: 0 auto;
  }

  .agile-process-circle .holderCircle {
    width: 320px;
    height: 320px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 24px;
  }

  .agile-process-circle .dotCircle .itemDot .forActive::before {
    right: 0;
  }

  .agile-process-circle .dotCircle .itemDot .forActive::after {
    bottom: 0;
  }

  .agile-process-circle .title-box p {
    font-size: 12px;
    line-height: 16px;
  }

  .agile-process-circle .contentCircle {
    max-width: 230px;
  }

  .portfolio-section .portfolio-item {
    width: 100%;
  }

  .portfolio-section .portfolio-wrapper .inner .bg-image img,
  .portfolio-section .portfolio-wrapper .inner .bg-image video {
    border-radius: 0;
  }

  .portfolio-item .left-content {
    max-width: 100%;
    padding: 20px;
    margin: 20px;
  }

  .section-title h2,
  .section-title-h3 h3,
  .section-title .section-title-heading,
  .section-title-h4 h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 700;
  }

  .slider-btns-wrap .arrow {
    width: 30px;
    height: 30px;
  }

  .arrow.swiper-button-next svg,
  .arrow.swiper-button-prev svg {
    width: 10px;
  }

  .slider-btns-wrap {
    gap: 10px;
  }

  .white-arrow {
    width: 30px;
    height: 30px;
  }

  .white-arrow:after {
    width: 12px;
    height: 12px;
    right: -4px;
  }

  .white-arrow.swiper-button-prev:after {
    right: unset;
    left: 6px;
  }

  .swiper-arrow-type-1 {
    gap: 10px;
  }

  .tech-expert-card {
    padding: 16px;
  }

  .technology-items .technology-item,
  .technology-tech-stack-list ul li a {
    padding: 6px 12px;
  }

  .tech-expert-card .technology-main-heading h3 {
    font-size: 18px;
  }

  .our-testimonial {
    padding: 0 15px;
    background: 0 0;
    margin: 0;
  }

  .our-testimonial .testimonial-card {
    margin: 8px;
  }

  .our-testimonial .swiper-pagination-bullet {
    background: #3f3f3f;
  }

  .contact-us-section form {
    padding: 0 15px 20px;
  }

  .contact-us-section .contact-us-left-content {
    padding-right: 0;
  }

  .contact-us-section .contact-form h3,
  .contact-us-section .contact-form .contact-form-title {
    padding: 10px;
  }

  .form-group .form-label,
  .form-group input[type="checkbox"]+label,
  .form-group.captcha-group label {
    font-size: 12px;
  }

  .form-group input[type="checkbox"]+label:before {
    top: 5px;
  }

  /*  .footer .footer-copy-right .footer-quick-links {
    display: none;
  }*/
  .footer .footer-copy-right {
    padding: 12px 0;
    margin-top: 20px;
  }

  .footer .footer-copy-right p {
    margin-top: 0;
  }

  .what-can-we-do .service-box {
    margin-top: 20px;
    padding: 0;
    background: 0 0;
    border: none;
  }

  .what-can-we-do .service-box h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .techstack .tech-slider .img-text-wrap {
    padding: 0 10px;
    min-height: 40px;
    gap: 7px;
  }

  .continue-slider .list.swiper-slide {
    padding: 0 5px;
  }

  .techstack .tech-slider .text {
    font-size: 12px;
    min-height: 40px;
  }

  .service-box .swiper-button-next,
  .service-box .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .service-box .swiper-button-next svg,
  .service-box .swiper-button-prev svg {
    width: 10px;
  }

  .statastics-section .home-counter-wrap .counter-text p {
    font-size: 12px;
  }

  .statastics-section {
    margin-bottom: 0;
  }

  .about-us-section .about-us .counter-list {
    display: none;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul li a {
    font-size: 12px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 16px;
    gap: 20px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul li {
    line-height: 18px;
  }

  .agile-process-section .agile-process-diagram {
    display: none;
  }

  .case-study-card .card-body {
    padding: 0 10px 15px;
  }

  .section-title {
    padding: 0;
  }

  .tech-combo-slider .swiper-slide {
    width: 280px;
  }

  .tech-combo-card img {
    height: 160px;
  }

  .tech-combo-card h3,
  .tech-combo-card .tech-combo-card-heading {
    font-size: 16px;
  }

  .btn {
    font-size: 14px;
    padding: 8px 16px;
  }

  .get-in-touch-list li .wrap span {
    font-size: 16px;
  }

  .fortune-companies.service-page .home-client-logo-wrap {
    margin-top: 0;
  }

  .collabration-card .top-content .icon {
    width: 40px;
    height: 40px;
  }

  .collabration-card .top-content .icon:before {
    width: 25px;
    height: 25px;
  }

  .collabration-card .description p {
    line-height: 22px;
  }

  .section-mb-80 {
    margin-bottom: 30px;
  }

  .our-work-case-study .our-work--row .left-content {
    padding: 16px;
  }

  .header .platform-we-use-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .header .platform-we-use-wrap h4 {
    padding: 0;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
  }

  .our-products .section-title {
    padding-right: 12px;
    padding-left: 12px;
  }

  .blog-listing-section .filter-wrap {
    margin-top: 0;
  }

  .blog-inner-page h1 {
    font-size: 28px;
    line-height: 34px;
  }

    .breadcrumb-list li {
        line-height: normal;
        padding-right: 16px;
    }
        .breadcrumb-list li:not(:last-child):before {
            right: 6px;
            top: 3px;
        }

        .breadcrumb-list li a {
            font-size: 10px;
        }

  .case-study-banner {
    height: auto;
    padding: 80px 0 50px !important;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: 100%;
  }

  .hire-developer-banner {
    padding: 80px 0 50px;
  }

  .hire-developer-banner .breadcrumb-list a {
    font-size: 10px;
    color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li:not(:last-child):before {
    width: 6px;
    height: 6px;
    border-radius: 0;
    right: 5px;
    border-color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li {
    padding-right: 12px;
  }

  .hire-developer-banner .hero-service-banner h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .hire-developer-banner .hero-service-banner p {
    line-height: 20px;
  }

  .hire-dev-list {
    gap: 8px;
    flex-wrap: wrap;
  }

  .hire-dev-list .list-item {
    width: 100%;
  }

  .hire-developer-banner .certification {
    margin-top: 20px;
  }

  .hire-developer-banner {
    padding: 80px 0 50px;
  }

  .hire-developer-banner .breadcrumb-list a {
    font-size: 10px;
    color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li:not(:last-child):before {
    width: 6px;
    height: 6px;
    border-radius: 0;
    right: 5px;
    border-color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li {
    padding-right: 12px;
  }

  .hire-developer-banner .hero-service-banner h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .hire-developer-banner .hero-service-banner p {
    line-height: 20px;
  }

  .hire-dev-list {
    gap: 8px;
  }

  .hire-developer-banner .certification {
    margin-top: 20px;
  }

  .company-benefits .pool-content__row .pool-content__col {
    width: calc(50% - 20px);
  }

  .company-benefits .pool-content__row {
    gap: 20px;
  }

  .company-benefits .pool-card .pool-lable {
    font-size: 12px;
    padding: 0 4px;
  }

  .company-benefits .pool-card p {
    font-size: 13px;
  }

  .our-engagement-model .right-content ul {
    gap: 20px;
    margin-top: 40px;
  }

  .our-engagement-model .right-content ul li h3 {
    font-size: 13px;
  }

  .engagement-card {
    padding: 24px 12px;
  }

  .bottom-buttons {
    display: block;
  }

  .our-engagement-model .call-to-action p span {
    font-size: 18px;
  }

  .featured-portfolio-card .image img {
    width: 100%;
  }

  .technology-dev-services .why-choose-nw-card {
    padding: 20px;
  }

  .technology-dev-services .why-choose-nw-card h3 {
    font-size: 20px;
  }

  .technology-dev-services .why-choose-nw-card p {
    margin-bottom: 0;
    font-size: 14px;
  }

  .inner-page-hero-section {
    min-height: 550px;
    height: auto;
  }

  .industry-focused-insight-card {
    padding: 12px;
  }

  .service-box .swiper-button-next {
    right: 4px;
  }

  .service-box .swiper-button-prev {
    left: 4px;
  }

  .service-inner-box .content {
    padding: 12px;
  }

  .header.for-mobile .main-menu {
    max-width: 300px;
  }

  .header.for-mobile .mega-menu .list-columns li a {
    font-size: 13px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    margin-top: 0;
  }

  .our-work-case-study .our-work--row {
    align-items: flex-start;
  }

  .our-work-case-study .our-work-slider {
    padding: 0;
  }

  .web-projects-card {
    padding: 14px;
  }

  .footer .quick-address a {
    font-size: 13px;
  }

  .custom-erp-benefits-card {
    min-height: unset;
  }
    .web-services-dev-collab .dev-collab-item{
        padding: 20px;
    }
    .service-banner-section .breadcrumb-list li a {
        font-size: 11px !important;
    }
}