@media (min-width: 1400px) {
    .still {
        top: 30px;
        right: 14%;
    }


    .moveable {
        right: 51%;
        top: 30px;
    }

    .still-2 {
        top: 30px;
        left: 20%;
    }


    .movable-2 {
        top: 30px;
        left: 51%;
    }

    .line-13 {
        top: 30px;
        left: 20%;
    }
}


@media (min-width: 1450px) {
    .container {
        max-width: 1400px !important;
    }

    .still {
        top: 30px;
        right: 9%;
    }


    .moveable {
        right: 52%;
        top: 30px;
    }

    .still-2 {
        top: 30px;
        left: 14%;
    }


    .movable-2 {
        top: 30px;
        left: 50%;
    }

    .line-13 {
        top: 30px;
        left: 13%;
    }

    .text {
        font-size: 91px;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1450px !important;
    }
    .text {
        font-size: 94px;
    }
}

@media (min-width: 1550px) {
    .container {
        max-width: 1500px !important;
    }
    .still {
        top: 30px;
        right: 10%;
    }


    .moveable {
        right: 51%;
        top: 30px;
    }

    .still-2 {
        top: 30px;
        left: 15%;
    }


    .movable-2 {
        top: 30px;
        left: 50%;
    }

    .line-13 {
        top: 30px;
        left: 14%;
    }
}

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

    .row-gap {
        row-gap: 50px;
    }
    .text {
        font-size: 97px;
    }
}

@media (min-width: 1650px) {
    .container {
        max-width: 1600px !important;
    }
    .still {
        top: 30px;
        right: 12%;
    }


    .moveable {
        right: 51%;
        top: 30px;
    }

    .still-2 {
        top: 30px;
        left: 17%;
    }


    .movable-2 {
        top: 30px;
        left: 50%;
    }

    .line-13 {
        top: 30px;
        left: 17%;
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1650px !important;
    }

    .row-gap {
        row-gap: 60px;
    }

    .still {
        top: 30px;
        right: 13%;
    }


    .moveable {
        right: 51%;
        top: 30px;
    }

    .still-2 {
        top: 30px;
        left: 18.5%;
    }


    .movable-2 {
        top: 30px;
        left: 50%;
    }

    .line-13 {
        top: 30px;
        left: 18%;
    }
}

@media(max-width: 1400px){
    .navbar-brand img {
        width: 200px;
    }
    .navbar-nav .nav-link {
        margin-right: 0;
        font-size: 18px;
        padding: 7px 8px;
    }

    .btn-nav {
        font-size: 16px;
        padding: 8px 20px;
        margin-left: 7px;
        gap: 10px;
    }
    .card-2 .card-2-content h4 {
        font-size: 34.61px;
        line-height: 45.91px;
    }
    .card-2 .card-2-content h3 {
        font-size: 34.61px;
        line-height: 45.91px;
    }

    .solutions-menu {
        top: 98px;
    }
}

@media (max-width: 1200px) {
    .navbar-brand img {
        width: 200px;
    }

    .navbar-nav .nav-link {
        margin-right: 0;
        font-size: 16px;
        padding: 7px 8px;
    }

    .btn-nav {
        font-size: 16px;
        padding: 8px 12px;
        margin-left: 7px;
        gap: 10px;
    }

    .card-2 .card-2-content h4 {
        font-size: 34.61px;
        line-height: 40.56px;
    }

    .card-2 .card-2-content h3 {
        font-size: 28.61px;
        line-height: 45.91px;
    }

    .card-2 .card-2-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .card-2 .hashtag {
        font-size: 16px;
    }

    .card-2 .card-2-logo img {
        height: 60px;
        width: 64px;
    }

    .card-3-content h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .card-3-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .card-3-logo img {
        height: 60px;
        width: 64px;
    }

    .card-3-logo .btn {
        font-size: 16.78px;
    }

    .categories {
        width: max-content;
    }

    .animation-cards-section .card {
        min-height: 480px;
        padding: 15px;
    }

    .why-umbrella-section p {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .why-umbrella-section h3 {
        font-size: 35.4px;
    }

    .why-umbrella-section .bold-text {
        font-size: 18.89px;
        line-height: 28.83px;
    }

    .solutions-title {
        font-size: 50.1px;
    }

    .our-story-section {
        background-size: contain;
        background-position: bottom;
    }

    .inspiration-section .row {
        gap: 30px 0px;
    }

    .contact-hero-section p {
        width: 60%;
    }

    .detail-box img {
        width: 70px;
        height: 60px;
    }

    .contact-logo {
        max-width: 350px;
    }

    .contact-information {
        max-width: 600px;
        position: relative;
        z-index: 2;
    }

    .solution-first-section h2,
    .features-section h2 {
        font-size: 36.4px;
        line-height: 40.72px;
    }

    .solution-first-section h3 {
        font-size: 34.4px;
        line-height: 45.72px;
    }

    .solution-first-section p {
        font-size: 16.89px;
        line-height: 28.8px;
    }

    .solutions-why-choose h2 {
        font-size: 36.4px;
        line-height: 45.72px;
    }

    .solutions-why-choose .solutions-subtitle {
        font-size: 18px;
        width: 90%;
    }

    .solutions-card p {
        font-size: 16.11px;
        line-height: 28.16px;
    }

    .solutions-card h4 {
        font-size: 24.4px;
        margin-top: 15px;
    }

    .features-section p.subtitle {
        font-size: 18px;
        line-height: 30px;
    }

    .engagement-section .engagement-subtitle {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .engagement-section .engagement-heading {
        font-size: 24.4px;
        line-height: 45.72px;
    }

    .engagement-section p {
        font-size: 18.89px;
        line-height: 30.83px;
    }

    .engagement-section .engagement-text {
        font-size: 18.89px;
        line-height: 30.83px;
    }

    .engagement-section .btn {
        font-size: 18.89px;
    }

    .design-element {
        max-width: 500px;
    }

    .product-card .tag {
        font-size: 14.64px;
    }

    .right-img,
    .left-img {
        min-height: 490px;
    }
}

@media (max-width: 992px) {
    .contact-hero-section p {
        width: 100%;
    }
    .contact-us-container {
        gap: 40px;
    }
    .contact-info {
        border-right: none;
        width: 100% !important;
    }
    .engagement-section .engagement-heading {
        font-size: 30.4px;
        line-height: 45.72px;
    }
    .engagement-section .engagement-subtitle {
        font-size: 30.4px;
        line-height: 45.72px;
        display: block;
    }
    .left-padding {
        padding-left: 0px;
    }
    .design-element {
        display: none;
    }
    .right-img,
    .left-img {
        min-height: auto;
        border-radius: 0;
    }
    .solutions-title {
        font-size: 35.1px;
    }
    .solutions-description {
        font-size: 20.16px;
        line-height: 32.12px;
    }
    .products-section h2 {
        font-size: 34px;
        line-height: 45.72px;
    }
    .hero-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .hero-content .btn {
        font-size: 18.38px;
        line-height: 30.14px;
    }
    .animation-cards-section .card {
        min-height: 440px;
        padding: 40px;
    }
    .card-1 .bg-image-AI {
        background-size: contain;
    }
    .btn-nav {
        margin-left: 0px;
    }
    .search-dropdown-menu {
        top: 35px;
        right: -20px;
    }
    .product-solution-card h2 {
        font-size: 30px;
    }

    .product-solution-card .product-description {
        font-size: 20px;
        line-height: 35px;
    }
    .solution-hero,
    .solution-hero-bg {
        min-height: 400px;
    }

    .solutions-menu {
        top: 77px;
    }
}



@media(max-width: 767px) {
    .contact-hero-section {
        padding: 40px 15px;
    }

        .contact-hero-section h2 {
            font-size: 30.4px;
            line-height: 40.72px;
            margin-bottom: 5px;
        }

        .contact-hero-section p {
            font-size: 30.4px;
            line-height: 40.72px;
        }

    .contact-section {
        /*background: none;*/
        padding: 30px 15px;
        background-size: contain;
    }

    .contact-info h2 {
        font-size: 28.9px;
        line-height: 42.07px;
        letter-spacing: 0;
    }

    .contact-info h3 {
        font-size: 40.89px;
        line-height: 55.07px;
    }

    .contact-info p {
        font-size: 16px;
        line-height: 30px;
        width: 100%;
    }

    .contact-details {
        gap: 25px;
    }

    .detail-box img {
        width: 55px;
        height: 50px;
    }

    .detail-text span {
        font-size: 19px;
        line-height: 35.5px;
    }

    .detail-text {
        font-size: 16.75px;
        line-height: 35.5px;
    }

    .contact-form .form-label {
        font-size: 16.86px;
        line-height: 35.69px;
    }

    .contact-form .form-control {
        height: 45px;
    }

    .contact-logo {
        right: 0;
        max-width: 300px;
        transition: transform 6.5s ease-in-out, max-width 6s ease-in-out, top 5s ease-in-out;
    }

        .contact-logo.animate {
            transform: scale(1.5) rotate(40deg); /* Grows & Rotates */
            max-width: 400px; /* Increases Size */
            top: 0px;
            right: 0px;
        }

    .contact-information a, .contact-information p {
        font-size: 16.16px;
    }

    .contact-information h2 {
        font-size: 30.48px;
        line-height: 45.72px;
    }

    .contact-card {
        padding: 20px;
    }

    .breadcrumb {
        padding: 0px 15px;
    }

    .solution-first-section h2, .features-section h2 {
        font-size: 30.4px;
        line-height: 40.72px;
    }

    .solution-first-section h3 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .solution-first-section {
        padding: 0px 15px;
    }

    .solutions-why-choose {
        padding: 40px 15px;
        text-align: center;
    }

        .solutions-why-choose h2 {
            font-size: 29.4px;
            line-height: 40.72px;
        }

        .solutions-why-choose .solutions-subtitle {
            font-size: 16px;
            line-height: 28px;
            width: 100%;
        }

    .features-section p.subtitle {
        font-size: 16px;
        line-height: 30px;
        width: 100%;
    }

    .features-card h4 {
        font-size: 24.4px;
        line-height: 30.76px;
    }

    .features-card p {
        font-size: 18.11px;
        line-height: 28.16px;
        width: 100%;
    }

    .features-image {
        height: 300px;
    }

    .features-section .row {
        gap: 20px;
        margin-bottom: 20px;
    }

    .engagement-section p {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .engagement-section .engagement-text {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .footer-bottom {
        padding: 15px;
    }

        .footer-bottom p {
            font-size: 16.32px;
            font-weight: 600;
            line-height: 30.81px;
        }

    .copyright p {
        font-size: 17.04px;
        line-height: 30.36px;
    }

    .engagement-image {
        margin-top: 15px;
    }

    .engagement-section {
        padding: 30px 15px;
        background: none;
    }

    .left-right-content h3 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .left-right-content h4 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .left-right-content p {
        font-size: 16.89px;
        line-height: 28.8px;
        margin-bottom: 20px;
    }

    .left-right-section {
        padding: 1.5rem 15px;
    }


    .lh-70 {
        line-height: 48px;
    }

    .mission-section {
        padding: 20px;
        min-height: 430px;
        border-radius: 40px;
    }

    .mission-card-content h5 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .mission-card-content h4 {
        font-size: 23.4px;
        line-height: 45.72px;
    }

    .mission-card-content p {
        font-size: 16.89px;
        line-height: 28.8px;
        width: 95%;
    }

    .inspiration-section {
        padding: 20px 15px;
    }

        .inspiration-section h6 {
            font-size: 30.4px;
            line-height: 45.72px;
        }

        .inspiration-section h2 {
            font-size: 30.4px;
            line-height: 45.72px;
            margin-bottom: 30px;
        }

    .inspiration-card span {
        font-size: 28px;
        margin-top: 10px;
    }

    .inspiration-card h5 {
        font-size: 30.4px;
    }

    .inspiration-card p {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .our-story-section {
        padding: 1.5rem 15px;
    }

    .our-story-content h3 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .our-story-content h4 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .our-story-content p {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .about-us-bottom p {
        font-size: 18.04px;
        line-height: 28px;
    }

    .why-umbrella-section h2 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .why-umbrella-section h3 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .why-umbrella-section .bold-text {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .why-umbrella-section .btn {
        font-size: 16.89px;
    }

    .solutions-title {
        margin-top: 20px;
        font-size: 30.1px;
    }

    .products-section h2 {
        font-size: 30px;
        width: 70%;
    }

    .product-card p {
        font-size: 12.36px;
    }

    .product-card .tag {
        font-size: 12.64px;
    }

    .innovative-section h2 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

        .innovative-section h2 span {
            font-size: 30.4px;
            line-height: 45.72px;
            display: block;
        }

    .innovative-section p {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .innovative-section .bold-text {
        font-size: 16.89px;
        line-height: 28.83px;
    }

    .innovative-section .btn {
        font-size: 16.89px;
        margin-bottom: 30px;
    }

    .blog-section h3 {
        font-size: 25.4px;
        line-height: 28.72px;
    }

    .blog-section h2 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .blog-section p {
        font-size: 16px;
        line-height: 28.72px;
    }

    .blog-card .card-body p {
        font-size: 16px;
        line-height: 28px;
    }

    .blog-section .btn {
        font-size: 16.89px;
    }

    .contact-form .btn {
        font-size: 18.75px;
    }

    .hero-content .btn {
        font-size: 14.38px;
        line-height: 25.14px;
    }

    .hero-content p {
        font-size: 16px;
        line-height: 28px;
        width: 96%;
    }

    .why-umbrella-section .btn {
        font-size: 16.89px;
        margin-bottom: 10px;
    }

    .why-umbrella-section {
        padding: 50px 15px;
        border-top-right-radius: 130px;
    }

    .innovative-section {
        padding: 30px 15px;
        background: url(../images/innovation-line.webp) no-repeat center;
        background-size: contain;
    }

    .product-solution-card h2 {
        font-size: 25px;
        line-height: 36.89px;
        margin-bottom: 10px;
    }

    .product-solution-card .product-description {
        font-size: 16px;
        line-height: 28px;
    }
    .solutions-description {
        font-size: 16.16px;
        line-height: 28.12px;
    }
    .product-solution-card {
        padding: 10px 20px;
        min-height: 590px;
        align-items: start !important;
    }
    #mic-icon img {
        width: 75px;
    }

    .social-icons {
        position: relative;
        gap: 10px;
        transform: translateY(0);
        align-items: end;
        right: -24px;
    }

    .footer-links li {
        margin-bottom: 10px;
    }

        .footer-links li a {
            font-size: 16.04px;
        }

    .footer-desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .footer-section address {
        font-size: 16px;
        line-height: 28px;
    }

    .footer-logo {
        gap: 12px;
    }

        .footer-logo img {
            height: 60px;
        }

    .social-icon {
        width: 50px;
    }

    .hero-services-content h2 {
        font-size: 34.05px;
        line-height: 50.58px;
    }

    .hero-services-content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px;
        width: 100%;
    }

    .engagement-section .engagement-image {
        height: 300px;
    }

    .hero-services-content .text-highlight {
        font-size: 20px;
        line-height: 30px;
    }

    .hero-services-content .btn {
        font-size: 18.78px;
        line-height: 23.99px;
    }

    .why-umbrella-section {
        padding: 50px 15px;
        border-top-right-radius: 0px;
    }

    .product-item {
        padding: 10px;
    }

    .products-section {
        border-top-left-radius: 0px;
    }

    .micro-vertical-section h4 {
        font-size: 30.4px;
        line-height: 45.72px;
    }

    .micro-vertical-section h2 {
        font-size: 34.4px;
        line-height: 50.72px;
    }

    .micro-vertical-slider .micro-vertical-card p {
        font-size: 14px;
    }

    .micro-vertical-slider .micro-vertical-card .icon img {
        width: 60px;
    }

    .product-card img {
        max-width: 100%;
        height: 150px;
    }

    .solution-main-heading-2 {
        font-family: Inter;
        font-size: 30px;
        margin-bottom: 15px;
    }

    .solutions-menu {
        top: 78px;
    }

    .solution-body {
        padding: 25px;
    }

    .blog-heading {
        font-size: 34px;
        line-height: 50px;
    }

    .blogs-section{
        padding: 15px;
    }
    .f-24 {
        font-size: 20px;
    }
    .f-34 {
        font-size: 28px;
    }
    .f-20 {
        font-size: 16px;
    }
    .f-60 {
        font-size: 36px;
    }
    .f-30 {
        font-size: 25px;
    }
    .categories li a {
        display: inline-block;
        font-size: 18px;
        margin: 5px;
        padding: 3px 15px;
    }
    .popular-section{
        padding: 15px;
    }
    .more-blog p:last-child {
        font-size: 18px;
    }
    .blogdetail-section{
        padding:15px;
    }
    .footer-padding{
        padding: 0px 15px;
    }

    .f-40 {
        font-size: 26px !important;
    }

    .f-45 {
        font-size: 30px !important;
    }
    .f-28 {
        font-size: 26px !important;
    }

    .solutions-line {
        height: 2px;
        width: 99%;
        background: #FFFFFF;
    }

    .solution-navs .nav-pills .nav-link {
        font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 5px;
    }
}


    @media (max-width: 350px) {
        .contact-details {
            flex-direction: column;
        }
    }