@media (max-width: 767px) {

    /* Navbar */
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav-side {
        width: auto;
        padding: 22px 10px;
    }

    .nav-mid {
        display: none;
    }

    .nav-side::after {
        display: none;
    }

    .nav-side.r {
        width: auto;
        padding: 30px 10px;
    }

    .menu-icon {
        display: flex;
    }

    .nav-menu {
        display: none;
    }

    /* top-section */
    .top-section {
        display: block;
        padding: 0px 10px;
    }

    .top-section-grid {
        width: 100%;
        padding: 30px 0px;
    }

    .top-section-grid.b {
        width: 100%;
        height: 30vh;
    }

    .glow-vertical-line {
        display: none;
    }

    .main-head {
        font-size: 35px;
    }

    .main-head-para {
        font-size: 12px;
        line-height: 1.3rem;
    }

    .top-grid-section {
        gap: 20px;
        padding: 30px 0px;
    }

    .count {
        font-size: 20px;
    }

    .count-head {
        font-size: 8px;
    }

    /* welcome-section */
    .welcome-section {
        padding: 80px 10px;
        display: block;
    }

    .welcome-grid {
        width: 100%;
    }

    .welcome-para {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
        color: #ccc;
        text-align: left;
        /* or 'justify' for full-width alignment */
        padding: 0;
        width: 100%;
    }

    .welcome-para span {
        display: inline;
        /* make sure it doesn’t break lines */
        color: inherit;
    }

    .welcome-para span .reveal {
        display: none;
    }

    /* process-section */
    .process-section-grid {
        display: block;
    }

    .process-grid {
        width: 100%;
        padding: 40px 0px;
    }

    .process-grid-head {
        padding-left: 15px;
    }

    .process-grid-para {
        padding-left: 15px;
    }

    /* work-section */
    .work-img-grid {
        display: block;
    }

    /* service-section */
    .dot-section {
        display: flex;
        padding-left: 15px;
    }

    .service-card-section {
        padding: 20px;
    }

    /* case-study-section */
    .case-study-section .service-grid-section.l {
        width: 100%;
    }

    .case-study-section .service-grid-section.r {
        width: 100%;
    }

    /* logo-scroll-section */
    .logo-scroll-section {
        padding: 30px 0;
        z-index: 1;
    }

    .logo-ipsum {
        height: 25px;
    }

    .process-section-head {
        font-size: 35px;
    }

    /* contact-section  */
    .contact-section {
        display: block;
        padding: 60px 20px;
    }

    .testimonial-grid-bottom-left {
        padding-bottom: 20px;
    }

    .testimonial-grid-bottom-left .process-grid-para {
        padding-left: 0px;
    }

    .contact-grid-head {
        margin: 0;
        font-size: 30px;
    }

    /* footer  */
    .footer {
        padding: 40px 20px;
    }

    .footer-container {
        flex-direction: column;
        gap: 40px;
    }

    .footer-left {
        flex: 1 1 100%;
        min-width: unset;
        align-items: flex-start;
    }

    .footer-description {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .footer-socials {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        margin-top: 10px;
    }

    .footer-socials a {
        font-size: 11px;
        margin-right: 0;
    }

    .footer-right {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        margin-left: 0;
    }

    .footer-column h4.footer-heading {
        font-size: 13px;
    }

    .footer-column ul li {
        margin-bottom: 20px;
    }

    .footer-column ul li a {
        font-size: 14px;
    }

    /* site-bottom-section */
    .site-bottom-section {
        display: block;
        padding: 20px;
    }

    .bottom-site {
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    /* Navbar adjustments */
    .navbar {
        flex-direction: column;
        padding: 15px 0;
    }

    .nav-side,
    .nav-mid,
    .nav-side.r {
        width: 100%;
        padding: 10px 20px;
    }

    .nav-side::after,
    .nav-mid::after {
        display: none;
    }

    .nav-mid {
        flex-wrap: wrap;
        gap: 15px;
        padding: 15px 20px;
    }

    /* Top section adjustments */
    .top-section {
        flex-direction: column;
    }

    .top-section-grid,
    .top-section-grid.b {
        width: 100%;
        padding: 40px 30px;
    }

    .glow-vertical-line {
        display: none;
    }

    .main-head {
        font-size: 42px;
    }

    .top-grid-section {
        flex-wrap: wrap;
        gap: 20px;
    }

    .top-grid {
        width: 45%;
    }

    /* Welcome section */
    .welcome-section {
        flex-direction: column;
        padding: 50px 30px;
    }

    .welcome-grid {
        width: 100%;
        padding-bottom: 30px;
    }

    /* Process section */
    .process-section-grid {
        flex-wrap: wrap;
    }

    .process-grid {
        width: 50%;
        padding: 30px;
    }

    /* Work section */
    .work-img-grid {
        flex-wrap: wrap;
    }

    .work-img-section {
        width: 50%;
        height: 35vh;
    }

    /* Service section */
    .service-grid-section {
        width: 50%;
    }

    /* Case study section */
    .case-study-section .service-grid-section.l,
    .case-study-section .service-grid-section.r {
        width: 100%;
    }

    /* Testimonial section */
    .testimonial-grid-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    /* Contact section */
    .contact-section {
        flex-direction: column;
        padding: 40px 30px;
    }

    /* Footer */
    .footer-container {
        flex-direction: column;
    }

    .footer-right {
        margin-left: 0;
        gap: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    /* Navbar adjustments */
    .nav-side,
    .nav-side.r {
        width: 20%;
    }

    .nav-mid {
        width: 60%;
        gap: 20px;
    }

    /* Top section */
    .main-head {
        font-size: 48px;
    }

    /* Process section */
    .process-grid {
        padding: 30px;
    }

    /* Work section */
    .work-img-section {
        height: 40vh;
    }

    /* Service section */
    .service-card-section {
        padding: 30px;
    }

    /* Case study section */
    .case-study-section .service-grid-section.l {
        width: 60%;
    }

    .case-study-section .service-grid-section.r {
        width: 40%;
    }

    /* Footer */
    .footer-right {
        gap: 60px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {}