/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
    .prob-upper {
        gap: 100px 0px;
    }
    .about-content {
        padding: 0px 20px 0px 10px;
    }
    .Banner-content-area h1 {
        font-size: 120px;
    }
    
    .about-content h2 {
        font-size: 52px;
    }
    
    .about-content p {
        font-size: 17px;
    }
    
    .service-right-area ul li a {
        gap: 10px;
        font-size: 20px;
    }
    
    .tesimonial-left .service-info h2 {
        font-size: 62px;
    }
    
    .testimonial-content > p {
        font-size: 18px;
    }
    
    .testimonial-personal-details h3 {
        font-size: 20px;
    }
    
    .testimonial-personal-details p {
        font-size: 16px;
    }
    
    .custom-prev, .custom-next {
        padding: 10px 15px;
    }
    
    .custom-prev {
        bottom: 39px;
    }
    
    .why-dunzo-content h2 {
        font-size: 52px;
    }
    
    .why-dunzo-details ul li p {
        font-size: 16px;
    }
    
    .why-dunzo-details ul li i {
        margin-top: 4px;
    }
    
    .web-btn a {
        font-size: 16px;
        padding: 18px 30px;
    }
    .last-steps .web-btn a {
        padding: 16px 13px;
        text-align: center;
    }
    .steps-cards p {
        padding-right: 0px;
    }
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
 
       .navigation-list ul {
        gap: 14px;
    }
    
    button.header-btn {
        padding: 12px 20px;
    }
    
    .hamburger-menu button {
        background: transparent;
        border: none;
    }
    .upper-cont ul li {
        align-items: flex-start;
    }
    
    .upper-cont ul li img {
        margin-top: 7px;
    }
    
    .problem-section {
        padding-top: 40px;
    }
    
    .steps-cards h3 {
        font-size: 22px;
    }
    
    .databeat-right-area .steps-cards p {
        font-size: 16px;
    }
    
    .steps-cards p {
        font-size: 16px;
    }
    
    .Hero-area-inner {
        padding-right: 0px;
    }
    .why-dunzo-content {
        padding: 60px 40px;
    }
    
    /*Case Stuides*/
    .banner-section {
        background-size: cover;
    }
    .banner-content h1 {
        font-size: 52px;
    }
    .web-title h2 {
        font-size: 52px;
    }
    .who-we-are-title {
        margin-top: 20px;
    }
    .who-we-are-title p {
        width: 92%;
    }
    .six-figure-tile p {
        font-size: 17px;
    }
    .six-figure-card {
        margin: 0 0;
    }
    .case-study-testi-card .testimonial-content {
        height: 285px;
        padding: 60px 10px;
    }
    
    .grey-card.case-study-testi-card.grey-card .testimonial-content{
        height: 380px;
    }
    .case-study-testi-card .testimonial-content p::before{
        left: 10px;
    }
    .case-study-testi-card .testimonial-content p::after{
        right: 0;
        bottom: -35px;
    }
    
    .case-study-testi-card.grey-card .testimonial-content p::after{
        right: -22px;
        bottom: -55px;
    }
    .six-figure-card-content {
        height: 280px;
    }
    .six-figure-card-content {
        height: 280px !important;
    }
    .case-study-testi-card.grey-card .testimonial-content p::before{
        left: 10px;
    }
    /*Case Stuides*/
    .blog-hero-section {
        padding: 100px 0;
    }
    .blog-card-content h2 {
        width: 100%;
    }
    .blog-card-img {
        height: 690px;
    }
    .blog-card-content {
        height: 690px;
    }
    .blog-card-img img {
        height: 690px;
    }
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
    
    .desk-menu {
        display: none;
      }
      .hamburger-menu {
        display: block;
      }
    
      .nav-list-parent {
        justify-content: end;
      }
    
      .navigation-list ul {
        flex-direction: column;
      }
      .mobile-menu-area {
        display: block;
      }
      .close-btn {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 30px;
        cursor: pointer;
      }
    
      .mobile-menu-area.active {
        background-color: #fdb004;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
      }
    
      .mobile-menu-area.active .row {
        width: 100%;
        margin-left: 20px;
      }
    
      .mobile-menu-panel {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        height: 100%;
      }
      .navigation-list ul li a {
        font-size: 28px;
      }
      .mobile-menu-area {
        width: 50%; /* Tablet par half screen */
      }
      .Banner-Hero-Section {
        padding-top: 100px;
    }
    
    .Banner-content-area h1 {
        font-size: 90px;
    }
    
    .para-cont p {
        margin-bottom: 30px;
    }
    
    .about-content h2 {
        font-size: 37px;
    }
    
    .about-content p {
        font-size: 16px;
    }
    
    .about-content {
        padding: 0;
    }
    
    .service-right-area ul li a {
        font-size: 18px;
    }
    
    .service-right-area ul li img {
        width: 32px;
    }
    
    .tesimonial-left .service-info h2 {
        font-size: 52px;
    }
    
    .tesimonial-left .service-info p {
        margin-bottom: 30px;
    }
    
    .testimonial-content > p {font-size: 15px;}
    
    .testimonial-personal-details-yellow-box {
        padding: 0;
    }
    
    .testimonial-personal-details-black-box {
        padding: 10px 20px;
    }
    
    .testimonial-personal-details p {
        font-size: 14px;
    }
    
    .testimonial-personal-details h3 {
        font-size: 18px;
    }
    
    .custom-prev, .custom-next {
        padding: 3px 9px;
        font-size: 16px;
        bottom: 40px;
    }
    
    .testimonial-content img {
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    
    .testimonial-content img {
        font-size: 42px;
    }
    
    .why-dunzo-content h2 {
        font-size: 42px;
    }
    
    .why-dunzo-details ul li p {
        font-size: 15px;
    }
    
    .why-dunzo-details ul li i {
        padding: 4px;
        font-size: 11px;
    }
    
    .web-btn a {
        font-size: 14px;
    }
    
    .footer-content .row .col-md-6:nth-child(3),
    .footer-content .row .col-md-6:nth-child(4){
        margin-top: 20px;
    }
    
    
    
    .quick-links-col ul li a {
        font-size: 16px;
    }
    
    .footer-content {
        padding-top: 20px;
    }
    .service-section.databeat-section {
        margin-bottom: 0;
    }
    .step-sections .container > .row:first-child {
        margin-bottom: 40px;
    }
        
    .dunzo-difference {
        padding: 0px 0px 60px !important;
    }
    
    .prob-upper {
        gap: 30px;
    }
            .Hero-area-inner h1 {
        font-size: 40px !important;
    }
    
    .built-step-row div {
        margin-bottom: 30px;
    }
    .cetrified-logo-area img {
        width: 170px;
    }
    
    .breadcrumbs p {
        font-size: 14px;
    }
    
    .banner-section {
        padding: 90px 0;
        background-attachment: local;
    }
    .banner-content h1 {
        font-size: 42px;
    }
    .bread-crumbs ul li {
        font-size: 14px;
    }
    .web-title h2 {
        font-size: 42px;
    }
    .web-title p {
        font-size: 16px;
    }
    .andly-section {
        padding-top: 0 !important;
    }
    .result-table table tbody tr th {
        font-size: 18px;
    }
    .result-table table tbody tr td:first-child {
        font-size: 17px;
        padding: 20px 20px;
        width: 33.33%;
    }
    .result-table table tbody tr td:last-child {
        font-size: 18px;
        padding: 10px 10px;
    }
    .hightlight-content p {
        font-size: 20px;
    }
    .cta-title h3 {
        font-size: 33px !important;
    }
    .cta-title p{
        font-size: 17px !important;
    }
    .grey-card.case-study-testi-card.grey-card .testimonial-content {
        height: 310px;
    }
    
    .case-study-testi-card .testimonial-content {
        height: 310px;
        margin-bottom: 30px;
    }
    .key-takeways-section {
        padding-top: 0;
    }
    .content-box p {
        font-size: 18px;
    }
    .testimonials-card.grey-card.case-stuidies-testimonials-card.slick-slide.slick-current.slick-active  .case-stuidies-testimonial-content {
        padding-left: 50px;
        padding-right: 50px;
        height: 410px !important;
    }
    .case-stuidies-testimonial-content p::after {
        right: -90px !important;
        bottom: -80px !important;
    }
    .who-we-are-img {
        height: 500px !important;
    }
    .spacing {
        padding: 60px 0;
    }
    
    .blog-card-content h2 {
        font-size: 52px;
    }
    
    .blog-card-content {
        height: auto;
        margin-bottom: 70px;
    }
    
    .blog-card-img img {
        height: 550px;
        object-fit: cover;
    }
    
    .blog-card-img {
        height: 550px;
    }
    
    .blog-fourth-section .blog-card-content {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .blog-third-section .container .row .col-lg-6 .blog-card-content {
        margin-bottom: 0;
    }
    ul.responsive-sub-menu {
        width: 170px;
    }
    .mobile-menu-area.active{
        align-items: start;
    }
    .mobile-menu-panel {
        height: 610px;
    }
    .navigation-list {
        width: 100%;
        text-align: left;
    }
    
    .navigation-list ul {
        justify-content: start;
        align-items: start;
        gap: 8px;
    }
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .Banner-Hero-Section {
        padding-bottom: 30px;
        padding-top: 280px;
        background-image: linear-gradient(to top, #1b1b1b 0%, #1b1b1b 34%, #00000000 60%), url(https://dev-dunzo.pantheonsite.io/wp-content/uploads/2026/02/banner-image.png), url(https://dev-dunzo.pantheonsite.io/wp-content/uploads/2026/02/P1055410-1.png);
        background-position: bottom, bottom, 60% 30%;
    }
    .cetrified-logo-area {
        margin-bottom: 30px;
        height:auto;
    }

    .mobile-menu-area {
        width: 100%;
    }
    .header-cta {
        width: 100%;
        justify-content: center;
    }
    
    .header-cta a {
        width: 100%;
    }
    .navigation-list ul li a {
    font-size: 50px;
  }

  button.header-btn {
    padding: 21px 20px;
    width: 90%;
  }
  .service-left-area .about-content {
        gap: 10px;
    }
    
    .testimonial-slider-content {
        height: 340px;
    }
    
    .below-fold-sections {
        padding: 60px 0;
    }
    
    .why-dunzo-content h2 {
        margin-bottom: 20px;
    }
    
    .quick-links-col {
        margin-top: 30px;
    }
    
    .footer-content .row .col-md-6:nth-child(3), .footer-content .row .col-md-6:nth-child(4) {
        margin: 0;
    }
    
    .footer-content {
        padding-bottom: 0;
    }
    
    .copy-right-col p, .copy-right-col p a {
        text-align: center;
    }
    .responsive-prob-sec {
        padding-bottom: 0;
    }
    
    .electric-parent {
        padding-right: 0;
    }
    
    .steps-cards p {
        padding-right: 0;
    }
    
    section.service-section .row {
        padding: 0;
    }
        
    .Hero-area-inner h1 {
        font-size: 40px !important;
    }
    
    .Banner-inner {
        padding: 70px 0px 0px !important;
    }

    .Hero-area-inner {
        margin-bottom: 40px;
    }
    
    .prob-upper {
        gap: 60px;
    }


    .prob-upper {
        padding: 50px 25px; 
    }

    .databeat-section .problem-left-area {
        padding: 50px 25px 0px !important;
    }
    
    .hands-growth-section {
        padding-bottom: 40px;
    }
    .built-step-row div {
        margin-bottom: 30px;
    }
    .six-figure-card-content {
        height: 230px !important;
    }
    
    .six-figure-tile p {
        text-align: center !important;
    }
    
    .six-figure-tile h2 {
        text-align: center;
    }
    
    .partnership-title p {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .result-title h2 {
        text-align: center;
    }
    
    .result-title p {
        text-align: center;
    }
    
    .hightlight-content {
        margin-left: 0;
        margin-bottom: 40px;
    }
    
    .cta-title h3 {
        font-size: 28px !important;
    }
    
    .human-impact-tile h2, .human-impact-tile p {
        margin-bottom: 20px !important;
        text-align: center;
    }
    
    .case-study-testi-card .testimonial-content p::after {
        right: -40px;
        bottom: -20px;
    }
    .case-study-testi-card .testimonial-content {
        height: 220px;
    }
    
    .grey-card.case-study-testi-card.grey-card .testimonial-content {
        height: 270px;
    }
    
    .case-study-testi-card.grey-card .testimonial-content p::after {
        bottom: -22px;
    }
    
    .case-study-testi-card.grey-card .testimonial-content p::before {
        right: -30px !important;
    }
    .keil-electric-content {
        padding-top: 90px;
    }
    .testi-title h2 {
        width: 100% !important;
    }
    .case-stuidies-testimonial-content p::after {
        right: -40px !important;
        bottom: -106px !important;
    }
    .who-we-are-title p {
        width: 100%;
    }
    
    .six-figure-card-content {
        height: 250px !important;
    }
    
    .result-table table tbody tr td:first-child {
        width: auto;
    }
    
    .result-table table tbody tr td:nth-child(2) {
        width: auto;
    }
    
    .result-table table tbody tr td:last-child {
        width: auto;
    }
    
    .result-table table {
        width: 480px;
    }
    
    .result-table {
        overflow-x: scroll;
    }
    
    .highlight-section {
        padding-top: 0 !important;
    }
    
    .cta-title h3 {
        font-size: 25px !important;
    }
    
    .case-study-testi-card .testimonial-content p::after {
        width: 12%;
        right: 0px !important;
    }
    
    .grey-card.case-study-testi-card.grey-card .testimonial-content {
        height: 300px;
    }
    
    .case-study-testi-card.grey-card .testimonial-content p::after {
        bottom: -40px;
    }
    
    .case-study-testi-card .testimonial-content {
        height: 270px;
    }
    
    .content-box p {
        font-size: 16px;
    }
    
    .content-box {
    }
    
    .yellow-inner-empty, .grey-inner-empty {
        width: 20%;
        height: 200px;
    }
    
    .testimonials-card.grey-card.case-stuidies-testimonials-card.slick-slide.slick-current.slick-active .case-stuidies-testimonial-content {
        height: 450px !important;
    }
    .testimonial-content.grey-box.testi-slider-content.case-stuidies-testimonial-content >  p{
        padding: 0 0px !important;
    }
    
        .testimonial-content.grey-box.testi-slider-content.case-stuidies-testimonial-content p::before {
        top: -30px;
        left: -30px;
        width: 14%;
    }
    
    .testimonial-content.grey-box.testi-slider-content.case-stuidies-testimonial-content p::after {
        right: -50px !important;
        bottom: -20px !important;
        height: 27%;
    }
    ul.responsive-sub-menu {
        width: 340px;
    }
    
    
    .testimonial-content .testimonial-double-coln, .testimonial-content > p {
    padding: 0px 5px; 
        
    }
    
    .hero-desc {
        width: 100%;
    }
    
    .home-banner-btn {
        width: 100%;
    }
    
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
  .container {
    width: 96%;
      }
      .Banner-content-area h1 {
        font-size: 70px;
    }
    
    .who-section {
        padding: 60px 0;
    }
    
    .about-content h2 {
        font-size: 35px;
    }
    
    .service-left-area {
        padding: 50px 25px;
    }
    
    .service-right-area {
        padding: 20px;
    }
    
    .tesimonial-left {
        padding: 0;
    }
    
    .tesimonial-left h2 {
    }
    
    .tesimonial-left .service-info h2 {
        font-size: 42px;
    }
    
    .why-dunzo-section .container .row .col-lg-6 {
        padding: 0px 10px;
    }
    
    .why-dunzo-content {
        padding: 60px 25px;
    }
    
    .why-dunzo-content h2 {
        font-size: 37px;
    }
    
    .quick-links-col h2 {
        font-size: 24px;
    }
    
    .quick-links-col ul li a {
        font-size: 16px;
    }
    .blog-card-content h2 {
        font-size: 39px;
    }
    
    .blog-card-content h3 a {
        font-size: 15px;
    }
    
    .blog-card-content p {
        font-size: 16px;
    }
    
    .blog-card-img img {
        height: 370px;
    }
    
    .blog-card-img {
        height: 370px;
    }
    
    .blog-fourth-section {
        padding-top: 0;
    }
    .modal-content {
        width: 360px !important;
        margin: 0 auto !important;
        height: auto !important;
        margin-top: 0px !important;
        margin-left: 0 !important;
    }
.case-study-testi-card .testimonial-content p::before {
        left: 10px;
        top: -35px;
    }
    
        .case-study-testi-card .testimonial-content {
        padding: 80px 10px;
    }
    .testimonials-card.grey-card .testimonial-content {
    min-height: 618px;}
    
     .human-impact-section .testimonials-card.grey-card .testimonial-content {
        min-height:300px;
    }
    
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
    .Banner-Hero-Section {
        padding: 60px 0;
    }
    
    .Banner-content-area h1 {
        font-size: 59px;
    }
    
    .para-cont p {
        font-size: 16px;
    }
    
    button.hero-btn, .web-btn a {
        font-size: 15px;
    }
    
    .quick-links-col ul li {
        padding-bottom: 7px;
    }
}