@media screen and (min-width: 320px) and (max-width: 768px) {
    .section-padding-lg {
        padding: 70px 0;
    }

    .nav-brand img {
        /* min-width: 210px;
        max-width: 210px; */

        min-width: 152px;
        margin-bottom: 8px;
        height: unset !important;
    }

    .banner-shape-01 {
        position: absolute;
        left: 5px;
        top: 50px;
        display: block;
        width: 70px;
        z-index: 0;
    }

    .section-industries:before {
        border-radius: 20px;
    }

    .section-main-banner {
        min-height: auto;
        max-height: max-content;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: 0px 0 60px 0;
    }

    .homepage>.main-banner-h1,
    .main-banner-h1 {
        color: #000;
        font-family: "Fontspring Bold", sans-serif;
        font-size: 22px;
        font-style: normal;
        line-height: 33px
            /* 138.095% */
        ;
        text-transform: capitalize;
        text-align: center;
    }

    .main-banner-support-text {
        color: #282828;
        font-family: "Manrope Regular", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

    .main-banner-img-col {
        width: fit-content;
        margin: 20px auto 40px auto;
    }

    .img-icon-col {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        background: #35e0b4;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 60px;
        bottom: -15px;
        animation: animateRotate 6s linear infinite;
        padding: 25px;
    }

    .section-title {
        color: #000;
        font-family: "Fontspring Bold", sans-serif;
        font-size: 30px;
        font-style: normal;
        line-height: 42px
            /* 138.095% */
        ;
        text-transform: capitalize;
    }

    .title-para {
        color: #282828;
        font-family: "Manrope Regular", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }

    .btn-rollover {
        display: inline-block;
        font-size: 14px;
        padding: 12px 20px;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .btn-rollover-white {
        font-family: "Manrope SemiBold", sans-serif;
        font-size: 14px;
        padding: 12px 20px;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .logo-footer {
        min-width: 185px;
        max-width: 185px;
        height: auto;
        margin: 0 auto 25px auto;
    }

    .home-about-text {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .footer-title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        line-height: 30px
            /* 150% */
        ;
        margin-bottom: 10px;
        font-family: 'Fontspring Bold', sans-serif;
    }

    .about-section-shape-01 {
        content: '';
        position: absolute;
        left: -32%;
        top: 59%;
        width: 290px;
        height: auto;
        z-index: 1;
        display: block;
        opacity: 30%;
    }

    .about-section-shape-02 {
        display: none;
    }

    .tag-list li {
        font-size: 16px;
        font-family: "Fontspring Bold", sans-serif;
        padding-left: 30px;
        color: #000000;
        display: flex;
        align-items: center;
    }

    .section-padding-small {
        padding: 20px 0;
    }

    .why-midhaan-wrapper {
        margin-bottom: 25px;
    }

    .feature-col h1 {
        font-family: "Fontspring Bold", sans-serif;
        font-size: 26px;
        font-style: normal;
        line-height: 32px;
        text-transform: capitalize;
    }

    .feature-col-wrapper {
        margin-top: 20px;
    }

    .feature-col {
        border-radius: 30px;
        padding: 50px 40px;
        margin-top: 30px;
    }

    .feature-col p {
        color: #000000;
        font-family: "Manrope Regular", sans-serif;
        font-size: 15px;
        font-style: normal;
        line-height: 30px;
    }

    .i-card .inner h1 {
        font-size: 18px;
        font-style: normal;
        line-height: 30px
            /* 150% */
        ;
    }

    .large-para {
        color: #282828;
        font-family: "Manrope Regular", sans-serif;
        font-size: 15px;
        font-style: normal;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .about-shape-01 {
        content: '';
        position: absolute;
        left: 0;
        top: -10px;
        display: block;
        width: auto;
        height: 150px;
        z-index: -1;
    }

    .about-shape-02 {
        content: '';
        position: absolute;
        right: 0px;
        bottom: 10px;
        display: block;
        width: 60px;
        height: auto;
        z-index: -1;
    }

    .section-clients:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('../images/clients-bg.jpg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        left: 0;
        position: absolute;
        top: 0;
        z-index: -1;
    }

    .section-clients {
        padding: 60px 0;
    }

    .testimonial_box-top {
        border-radius: 10px;
        border: 0.5px solid #E4E4E4;
        background: #FFF;
        padding: 30px 25px 30px 25px;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        flex-direction: column;
    }

    .testimonial_box-text p {
        margin-bottom: 15px;
        color: #282828;
        font-family: "Manrope Regular", sans-serif;
        font-size: 15px;
        font-style: normal;
        line-height: 28px;
    }

    form.enquiry-main-form {
        padding: 0 20px;
    }


    /* --------------------------- */

    .page-main-banner {
        /* min-height: 30vh; */
        min-height: 256px;
        padding-top: 40px;
        position: relative;
    }

    .page-main-banner::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(142 229 207 / 82%);
        z-index: 0;
    }

    .page-main-banner>.container {
        position: relative;
        z-index: 1;
    }

    .grid-main-box {
        height: 420px;
    }

    .grid-box,
    .grid-image,
    .grid-box span {
        width: 100%;
        font-size: 20px;
    }

    .grid-image {
        height: 200px;
    }

    .address-box {
        padding: 24px;
        height: unset;
    }

    .contact-title {
        font-size: 22px;
        line-height: 40px
    }

    .heading-medium {
        font-size: 20px;
        line-height: 36px;
    }

    .side-box {
        width: 126px;
        height: 126px;
        bottom: -20px;
        top: unset;
    }

    .side-box span {
        font-size: 30px;
    }

    .task-features .task-feature-image {
        min-height: 400px;
    }

    .task-side-part {
        padding: 24px;
    }

    .industry-card {
        height: 250px;
    }

    .core-section {
        background-size: cover;
    }

    .about-image2 {
        position: static;
        width: 100%;
        padding: 0 10px;
    }

    .about-section-padding {
        padding: 75px 0;
    }

    .solution-banner {
        background-position-y: unset;
    }

    .ai-image {
        height: 300px;
    }

    .office-image {
        position: static;
        height: 422px;
        margin-bottom: 32px;
    }

    .without-sfa,
    .with-sfa {
        background-position-y: unset;
    }

    .app-mock1,
    .app-mock2 {
        height: 310px;
    }

    .dms-key-points::before {
        display: none;
    }

    .offline-online img {
        height: 30px;
    }

    .data-syncing {
        height: 270px;
    }

    .noti-img {
        /* display: none;
        animation: none !important;
        opacity: 0 !important;
        transform: translateX(0) !important; */
        width: 210px;
    }

    .noti2 {
        right: 0;
        top: 255px;
    }

    .anim {
        /* display: none;
        animation: none; */
        width: 130px;
    }

    .anim2 {
        top: 0;
    }

    .inv-impact-img,
    .dms-impact-img {
        height: 279px;
    }

    .demo-img {
        display: none;
        animation: none;
    }

    .demo-banner {
        padding: 32px;
        height: 606px;
    }

    .index-banner-size {
        padding-top: 40px;
        height: fit-content;
        gap: 50px;
    }

    .stat-count {
        font-size: 41px;
        line-height: 51px;
    }

    .about-us-banner,
    .industries-banner,
    .emak-dms-banner,
    .sfa-banner,
    .dms-banner,
    .van-sales-banner, .ai-banner {
        /* background-position-y: bottom !important; */
        background-position: right !important;
    }

    .about-us-banner {
        background-image: url('../images/about-us-banner1.jpg') !important;
    }

    .field-sales-banner,
    .emak-sfa-banner {
        background-position: right !important;
    }

    .whatsapp-button {
        bottom: 100px;
    }

    .home-header nav {
        backdrop-filter: none;
    }

    .home-header .nav-menu>li>a {
        color: #424242;
    }

    .banner-container {
        height: auto;
    }

    .main-banner-side {
        height: auto;
        padding: 24px;
        gap: 48px;
    }

    #main-image {
        height: 300px;
    }

    .banner-card {
        display: none !important;
    }

    .qr-step-card .qr-stepno1 {
        width: 15%;
        height: unset;
        font-size: 50px;
        font-weight: 900;
        padding-right: 10px;
        padding-top: 5px;
        border-right: 1px solid #fff;
        border-bottom: none;
    }

    .qr-step-content {
        height: unset;
    }

    .top-sm-padding {
        padding-top: 0 !important;
    }

    .bottom-sm-padding {
        padding-bottom: 0 !important;
    }

    .bg-position-y {
        /* background-position-y: unset !important; */
        background-position: right !important;
    }

    .demo-banner {
        top: 90px;
    }

    .font-42 {
        font-size: 30px !important;
    }

    .ai-sub-box {
        font-size: 12px;
        font-style: normal;
        padding: 16px;
        position: static;
        margin-top: 10px;
    }
    .ai-cta-tag {
        border-radius: 10px;
    }
}

@media screen and (max-width: 1020px) {
    .timeline__cover .timeline ul li .content {
        width: 41vw;
    }

    .timeline__cover .timeline ul li:nth-child(even) .content {
        left: calc(-41vw - 45px);
    }
}

@media screen and (max-width: 700px) {
    .timeline__cover {
        padding: 32px 0 70px 0;
    }

    .timeline__cover .timeline__title {
        text-align: left;
    }

    .timeline__cover .timeline {
        padding-top: 32px;
    }

    /* .timeline__cover .timeline ul li {
        margin-left: 48px !important;
    } */
    .timeline__cover .timeline__title h2 {
        /* font-size: 32px;
        line-height: 44px;
        letter-spacing: 0.08px; */
    }

    .timeline__cover .timeline ul li {
        margin-left: -17px;
    }

    .timeline__cover .timeline ul li .content {
        width: calc(100vw - 100px);
        transition: .2s;
    }

    .timeline__cover .timeline ul li .content p {
        min-height: 110px;
    }

    .timeline__cover .timeline ul li:nth-child(even) .content {
        left: 38px;
    }

    .timeline__cover .timeline ul li:nth-child(even) .content:before {
        left: -33px;
    }

    .timeline__cover .timeline ul li:nth-child(odd) .content {
        left: 38px;
    }
}