@media (min-width: 992px) {
    .contact-modal .modal-dialog {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .contact-modal .contact-modal .modal-dialog {
        max-width: 1100px;
    }

    .contact-img {
        position: absolute;
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
}

@media (max-width: 1399.98px) {
    .common-innovative-banner,
    .what-we-do-banner {
        min-height: 85vh;
    }

    .common-innovative-banner .discription {
        right: 5%;
    }

    .common-innovative-banner .floating-text-filled,
    .common-innovative-banner .floating-text-stroke {
        font-size: 110px;
    }

    .how-wedoit-section .section {
        position: static;
        opacity: 1;
        transform: scale(1);
        margin-bottom: 60px;
    }

    .how-wedoit-section .section .images {
        gap: 0px;
    }
}

@media (max-width: 1199.98px) {
    .hero-banner .content-box .banner-heading,
    .what-we-do-banner .banner-heading {
        font-size: 55px;
    }

    .common-info-span {
        font-size: 24px;
    }

    .header__inline-menu .menu-items .nav-link {
        font-size: 40px;
    }

    .header__inline-menu .menu-items {
        margin-bottom: 24px;
    }

    .commom-heading {
        font-size: 45px;
    }

    .singleblog-card .author-name {
        font-size: 16px;
    }

    .common-section-spacing {
        padding: 120px 0;
    }

    .common-section-spacing-top {
        padding-top: 120px;
    }

    .common-section-spacing-bottom {
        padding-bottom: 120px;
    }

    .common-innovative-banner,
    .what-we-do-banner {
        min-height: 75vh;
    }

    .common-innovative-banner .floating-img {
        width: 100%;
    }

    .tour-cta-section .ratio {
        aspect-ratio: auto;
        padding: 60px 0;
    }
}

@media (max-width: 991.98px) {
    .head-menu-toggle.menu-active-mn::before {
        border-radius: 0 !important;
        height: 200vh !important;
    }

    .header__inline-menu .menu-items .nav-link {
        font-size: 30px;
    }

    .rendom-moto-text.dream {
        top: 3%;
    }

    .rendom-moto-text {
        -webkit-text-stroke-width: 2px;
        font-size: 180px;
    }

    .commom-heading {
        font-size: 35px;
    }

    .services-cards .services-card-heading {
        font-weight: 500;
        font-size: 18px;
    }

    .single-techstack-section {
        padding-bottom: 160px !important;
    }

    .single-techstack-section .image-translate-container {
        height: auto;
    }

    .possibilitymarquee {
        top: auto;
        transform: none;
        bottom: 15px;
    }

    .scrolledtext-moto .marquee-item::after {
        max-width: 40px;
        max-height: 100px;
        right: 0px;
        top: 28px;
    }

    .common-section-spacing {
        padding: 80px 0;
    }

    .common-section-spacing-top {
        padding-top: 80px;
    }

    .common-section-spacing-bottom {
        padding-bottom: 80px;
    }

    .common-innovative-banner .floating-text-filled,
    .common-innovative-banner .floating-text-stroke {
        font-size: 80px;
    }

    .how-wedoit-section .section .images {
        justify-content: end;
    }

    .tech-stack-marque .marquee-item {
        font-size: 40px;
    }

    .tech-stack-marque {
        top: 85%;
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .blogs-slider-section .version {
        transform: scale(0.6) rotate(45deg);
        right: -100px;
    }

    .header__inline-menu .menu-items .nav-link {
        font-size: 26px;
    }

    .hero-banner .content-box .banner-heading {
        font-size: 45px;
    }

    .hero-banner .content-box .banner-heading .strock-text {
        -webkit-text-stroke-width: 1px;
    }

    .rendom-moto-text {
        -webkit-text-stroke-width: 1px;
        font-size: 80px;
    }

    .secondary-commom-heading {
        font-size: 26px;
    }

    .space-b-90 {
        margin-bottom: 50px;
    }

    .footer-bottom .footer-bottom-links {
        flex-direction: column;
        gap: 6px;
    }

    .tour-cta-section .ratio {
        aspect-ratio: 1/1;
    }

    .single-techstack-section {
        padding-bottom: 100px !important;
    }

    .possibilitymarquee {
        transform: none;
    }

    .possibilitymarquee .marquee-content {
        margin-bottom: 20px;
    }

    .possibilitymarquee .marquee-content .tickkertext {
        font-size: 40px;
        padding: 0 15px !important;
    }

    .scrolledtext-moto .marquee-item {
        font-size: 80px;
        line-height: 120px;
    }

    .common-section-spacing {
        padding: 60px 0;
    }

    .common-section-spacing-top {
        padding-top: 60px;
    }

    .common-section-spacing-bottom {
        padding-bottom: 60px;
    }

    .partner-get-started-section .partner-get-started-card {
        padding: 50px 16px;
    }

    .common-innovative-banner,
    .what-we-do-banner {
        min-height: 60vh;
    }

    .common-innovative-banner .floating-text-filled,
    .common-innovative-banner .floating-text-stroke {
        font-size: 70px;
    }

    .common-innovative-banner .fadded-bg-text {
        top: 70px;
        transform: none;
    }

    .common-innovative-banner .fadded-bg-text .fadded-bg-text-inner {
        font-size: 130px;
    }

    .portfolios-section .bg-img {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 0%;
        opacity: 0.4;
    }

    .how-wedoit-section .text-content p {
        max-width: 100%;
    }

    .how-wedoit-section .text-content h2 {
        text-align: center;
    }

    .portfolios-section.space-b-90 {
        margin-bottom: 0px;
    }
}

@media (max-width: 575.98px) {
    .hero-banner .content-box .banner-heading,
    .what-we-do-banner .banner-heading {
        font-size: 35px;
    }

    .common-info-span {
        font-size: 18px;
    }

    .secondary-commom-heading {
        font-size: 20px;
    }

    .commom-description {
        font-size: 16px;
    }

    .rendom-moto-text.realise {
        top: -2%;
    }

    .blogs-slider-section .menu {
        min-height: 25vh;
    }

    .scrolledtext-moto .marquee-item {
        font-size: 60px;
        line-height: 80px;
    }

    .scrolledtext-moto .marquee-item::after {
        top: 8px;
    }

    .common-innovative-banner,
    .what-we-do-banner {
        min-height: 45vh;
    }

    .common-innovative-banner .floating-text-filled,
    .common-innovative-banner .floating-text-stroke {
        font-size: 40px;
    }

    .why-choose-us-section .right-bottom-b {
        border-right: 0;
        border-bottom: 1px solid var(--primary-color);
    }

    .common-innovative-banner .floating-text-stroke {
        -webkit-text-stroke-width: 2px;
    }

    .blog-details-section .sidebar-headings,
    .blog-details-section .commom-description h3,
    .blog-details-section .commom-description h4,
    .blog-details-section .commom-description h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .blogs-slider-section #mySlickProgress::-webkit-slider-thumb {
        width: 50px;
        height: 50px;
        margin-top: -24px;
        background: url(../imgs/drag-slider-icon-sm.png);
    }

    .header__inline-menu .menu-items .nav-link {
        font-size: 18px;
    }

    .text-typing-effect {
        font-size: 24px;
    }

    .gallerysection .wrapper::after,
    .testimonials-slider-section .wrapper::after {
        width: 60px;
    }

    .gallerysection .wrapper::before,
    .testimonials-slider-section .wrapper::before {
        width: 60px;
    }

    .testimonials-slider-section .services-cards {
        max-width: 280px;
    }

    .testimonials-slider-section .services-cards .testimonial-message {
        font-size: 14px;
    }

    .gallerysection .gallerysection-list .gallery-image .event-image {
        width: 150px;
    }
}