@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

@media (min-width:1290px) and (max-width:1401px) {
    .ul-nav {
        gap: 20px;
    }

    .navbar-anchor {
        font-size: 16px;
        line-height: 26px;
    }

    .section-title h2 {
        font-size: 40px;
    }
}

@media (max-width:1290px) {
    .container {
        width: 1140px;
    }

    .data-hero-home {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .navbar-anchor {
        font-size: 16px;
        line-height: 26px;
    }

    .home-made-services {
        justify-content: center;
    }

    .button {
        padding: 12px 30px;
        margin-top: 20px;
    }

    .logo img {
        width: 250px;
        object-fit: cover;
    }

    .ul-nav {
        display: none;
    }

    .display-menu-mobile {
        display: flex;
    }

    .mobile-menu {
        display: flex;
    }

    .padding-data {
        padding: 80px 0;
    }

    .section-title h2 {
        font-size: 35px;
        line-height: 44px;
    }

    .section-title {
        margin-bottom: 40px;
    }

    .about-content ul li {
        padding-left: 20px;
    }

    .step-item.step-1 .step-header:after, .step-item.step-2 .step-header:after {
        width: 120px;
        transform: translateX(120px);
        height: 24px;
    }

    .footer-links {
        padding-left: 50px;
    }

    .services-home-hero {
        padding: 100px;
    }

    .title-of-hero {
        gap: 0px;
    }

    .contact-data-post {
        font-size: 30px;
        line-height: 48px;
    }
}

@media (min-width:992px) and (max-width:1140px) {
    .container {
        width: 960px;
    }
}

@media (max-width:991px) {
    .container {
        width: 960px;
    }

    .padding-data {
        padding: 60px 0;
    }

    .data-hero-home {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .home-desc-made {
        margin-top: 20px;
    }

    .image-home {
        padding-top: 100px;
    }

    .home-hero-title {
        font-size: 48px;
        line-height: 68px;
        margin-top: 10px;
    }

    .social-media {
        display: none;
    }

    .about-img-2 {

        bottom: -20px;
    }

    .step-item.step-1 .step-header:after, .step-item.step-2 .step-header:after {
        display: none;
    }

    .step-header .step-icon {
        width: 100px;
        height: 100px;
    }

    .step-header .step-icon .image-sep img {
        max-width: 40px;
    }

    .step-item {
        padding: 0;
    }

    .cta-content .phone-icon {
        width: 60px;
        height: 60px;
        border-width: 4px;
        left: 50%;
        top: auto;
        transform: translate(-50%, -80px);
    }

    .cta-content .phone-icon .cta-image-data img {
        position: relative;
        z-index: 1;
        max-width: 24px;
    }

    .cta-content h3 {
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 15px;
        color: #10271D;
        line-height: 42px;
    }

    .cta-content {
        padding: 50px 30px 30px;
        text-align: center;
    }

    .footer-links {
        padding-left: 0;
    }

    .footer-links h2 {
        margin-bottom: 15px;
    }

    .footer-contact {
        margin-bottom: 40px;
    }

    .main-footer {
        padding: 0 0 30px;
    }

    .title-of-hero p {
        font-size: 48px;
        line-height: 58px;
    }
}

@media (max-width:768px) {
    .container {
        width: 100%;
    }

    .padding-data {
        padding: 40px 0;
    }

    .preloader .animation-preloader .txt-loading {
        font-size: 42px;
    }

    .preloader .animation-preloader .txt-loading .letters-loading::before {
        top: -8px;
    }

    .home-hero-title {
        font-size: 38px;
        line-height: 58px;
        margin-top: 10px;
    }

    .home-made-services img {
        max-width: 60px;
    }

    .home-made-title {
        font-size: 18px;
    }

    .display-data-none {
        display: none !important;
    }

    .deta-3 {
        display: none;
    }

    .data-mail {
        justify-content: space-between;
        width: 100%;
    }

    .company-name-project {
        font-size: 18px;
    }

    .all-row-space {
        row-gap: 20px;
    }

    .services-home-hero {
        padding: 60px;
    }

    .faq-question {
        padding: 15px 20px;
    }

    .font-faq {
        font-size: 16px;
    }

    .faq-answer {
        font-size: 16px;
    }

    .sep-faq-scot {
        max-width: 100%;
        margin: 0 auto;
    }

    .title-of-hero p {
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }

    .services-heading-main {
        font-size: 26px;
        line-height: 38px;
    }

    .services-desc-text {
        font-size: 16px;
        line-height: 24px;
    }

    .heading-career {
        font-size: 24px;
        line-height: 30px;
    }

    .heaidng-one {
        margin-top: 10px;
    }
}


@media (max-width:576px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .padding-data {
        padding: 30px 0;
    }

    .spinner img {
        max-width: 160px;
    }

    .preloader .animation-preloader .txt-loading {
        font-size: 30px;
    }

    .home-hero-title {
        font-size: 32px;
        line-height: 48px;
        margin-top: 10px;
    }

    .section-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .about-content ul li {
        padding-left: 20px;
        width: 100%;
        margin-bottom: 15px;
    }

    .data-detail-services {
        width: 95%;
    }

    .cta-content h3 {
        font-size: 24px;
        margin-bottom: 5px;
        line-height: 36px;
    }

    .cta-content {
        padding: 50px 10px 30px;
    }

    .tranig-data-btn {
        display: none;
    }
}

@media (min-width:380px) and (max-width:540px) {
    .container {
        width: 100%;
    }

    .top-header {
        display: none;
    }
}

@media (max-width:380px) {
    .container {
        width: 100%;
    }

    .top-header {
        display: none;
    }
}