@media (max-width:1400px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
    }

    .banner .content h1 {
        font-size: 45px;
    }

    .banner .content p {
        font-size: 18px;
        max-width: 600px;
    }

    .about__counter-wrapper .single-counter h4 {
        font-size: 41px;
    }

    .about__counter-wrapper .single-counter p {
        font-size: 14px;
    }

    .subtitle {
        font-size: 11px;
    }

    .title {
        font-size: 35px;
    }

    .small-title {
        font-size: 30px;
    }

    .small_heading {
        font-size: 20px;
    }

    .card_wrapper .card_box h5 {
        font-size: 17px;
    }

    .card_wrapper .card_box .icon img {
        height: 65px;
    }

    .projects .card-content {
        padding: 45px;
    }

    .projects .content-wrap .title {
        margin-bottom: 20px;
        font-size: 28px;
    }

    .projects .project-info .value {
        font-size: 14px;
    }

    .services-sidebar ul li .list_item {
        font-size: 17px;
    }

    .footer .menu-container ul li .list_item {
        font-size: 14px;
    }

    .footer .contact-area {
        gap: 25px;
    }

    .footer .contact-area .hotline-area .content h6 a {
        font-size: 13px;
    }

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

    .timeline .timeline-left h2 {
        font-size: 50px;
    }

    .timeline .timeline-wrapper {
        grid-template-columns: 300px 90px 1fr;
        gap: 40px;
    }

    .timeline .timeline-content {
        gap: 40px;
    }

    .timeline .timeline-img {
        aspect-ratio: 4/2.7;
    }

    .timeline .timeline-item {
        grid-template-columns: 320px 1fr;
        gap: 40px;
    }

    .timeline .timeline-text h3 {
        font-size: 35px;
    }

    .timeline .timeline-text h4 {
        font-size: 17px;
    }

    .service-sidebar {
        padding: 40px;
    }

    .project_grid .nav-tabs .nav-item .nav-link {
        padding: 8px 11px;
        font-size: 12.5px;
    }

    .project_wrapper .project_title,
    .blog_wrapper .blog_title {
        font-size: 18px;
        line-height: 26px;
    }

    .contact .contact_inner h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .contact_info {
        font-size: 14px;
    }
}

@media (max-width:1200px) {
    .title {
        font-size: 32px;
    }

    .small-title {
        font-size: 26px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px;
    }

    .navbar .navbar-brand img {
        width: 72px;
    }

    .banner .content h1 {
        font-size: 40px;
    }

    .about__counter-wrapper .single-counter h4 {
        font-size: 40px;
    }

    .about__counter-wrapper .single-counter .odometer.odometer-auto-theme,
    .about__counter-wrapper .single-counter .odometer.odometer-theme-default {
        line-height: 40px;
    }

    .about__counter-wrapper .single-counter svg {
        width: 50px;
    }

    .about .about_content {
        padding-right: 20px;
    }

    .award_box .award_content h6 {
        font-size: 12px;
    }

    .award_box .award_content h4 {
        font-size: 13px;
        line-height: 17px;
    }

    .card_wrapper {
        margin-top: 30px;
    }

    .card_wrapper .card_box {
        aspect-ratio: 4/3;
    }

    .card_wrapper .card_box .icon img {
        height: 55px;
    }

    .projects .content-wrap .title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .projects .project-info .value {
        font-size: 13px;
    }

    .projects .project-info {
        margin-bottom: 20px;
    }

    .footer .menu-container ul li a {
        font-size: 12px;
    }

    .footer .contact-area .hotline-area .content h6 a {
        font-size: 12px;
    }

    .footer .footer-widget h4 {
        font-size: 14px;
    }

    .footer .footer-menu-wrap .footer-logo {
        min-width: 190px;
    }

    .footer .footer-btm .copyright-area p {
        font-size: 13px;
    }

    .footer .hours ul li {
        font-size: 12px;
        gap: 9px;
    }

    .footer .hours ul li::before {
        font-size: 13px;
    }

    .footer .hours ul li span {
        padding-left: 22px;
    }

    .banner.inner_banner {
        padding: 150px 0 80px;
    }

    .about-ldco .about-ldco-img {
        margin-top: 30px;
    }

    .timeline .timeline-left h2 {
        font-size: 42px;
    }

    .timeline .timeline-wrapper {
        grid-template-columns: 200px 90px 1fr;
        gap: 20px;
    }

    .timeline .timeline-item {
        grid-template-columns: 250px 1fr;
        gap: 25px;
    }

    .timeline .timeline-text h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .timeline .timeline-text h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .service_box .title {
        font-size: 27px;
    }

    .service_box .cont .icon img {
        height: 50px;
    }

    .service_box .cont .icon {
        margin-bottom: 30px;
    }

    .service_box .img {
        padding-right: 15px;
    }

    .service_box .cont {
        padding-left: 15px;
    }

    .service_box.right .cont {
        padding-left: 0px;
        padding-right: 15px;
    }

    .service_box.right .img {
        padding-left: 15px;
        padding-right: 0px;
    }

    .service-detail .service-content,
    .project-detail .project-content-wrapper {
        padding-right: 30px;
    }

    .service-detail h3,
    .project-detail h3,
    .news_single .content h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .project-sidebar h4,
    .service-sidebar h4 {
        font-size: 22px;
    }

    .project-sidebar .project-link {
        gap: 1px;
        padding: 15px 0px;
        flex-direction: column;
    }

    .project-sidebar .project-link span:first-child {
        font-size: 12px;
    }

    .thumbsSwiper {
        height: 75px;
    }

    .service-sidebar {
        padding: 30px 20px;
    }

    .project_grid .nav-tabs .nav-item .nav-link {
        padding: 8px 13px;
        font-size: 10px;
    }

    .project_wrapper .project_item,
    .blog_wrapper .project_item {
        width: calc(33.33% - 14px);
        padding-bottom: 15px;
    }

    .project_wrapper .project_cat {
        font-size: 10px;
    }

    .project_wrapper {
        column-gap: 20px;
        margin-top: 40px;
        row-gap: 30px;
    }

    .blog_wrapper {
        column-gap: 20px;
        margin-top: 0px;
        row-gap: 30px;
    }

    .project_wrapper .project_title,
    .blog_wrapper .project_title {
        font-size: 15px;
        line-height: 23px;
    }

    .news_single {
        margin-top: 90px;
        padding: 80px 0;
    }

    .contact .contact_inner h2 {
        font-size: 22px;
    }

    .contact .contact_inner form input,
    .contact .contact_inner form textarea {
        font-size: 14px;
    }

   .contact .contact_inner form .btn {
        /* margin-top: 0; */
        margin-left: 80px;
    }
}

@media (max-width:991px) {
    .btn {
        font-size: 14px;
    }

    .title {
        font-size: 29px;
    }

    .small-title {
        font-size: 23px;
    }

    p {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }

    .navbar-toggler {
        background: #fff;
        padding: 3px 10px;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

    .navbar-toggler-icon {
        width: 18px;
        height: 30px;
        background-image: url(../img/hamburger.png);
    }

    .navbar-collapse {
        background: #112e4f;
        z-index: 99;
        padding: 20px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        text-align: left;
    }

    .header_btn {
        margin-left: 0;
        margin-top: 30px;
    }

    .banner {
        min-height: auto;
        padding: 180px 0 110px;
    }

    .banner .content h1 {
        font-size: 34px;
    }

    .banner .content p {
        font-size: 17px;
    }

    .banner.inner_banner {
        padding: 120px 0 70px;
    }

    .about__counter-wrapper {
        padding: 40px 0;
    }

    .about__counter-wrapper .single-counter {
        gap: 9px;
    }

    .about__counter-wrapper .single-counter svg {
        width: 42px;
    }

    .about__counter-wrapper .single-counter h4 {
        font-size: 32px;
    }

    .about__counter-wrapper .single-counter .odometer.odometer-auto-theme,
    .about__counter-wrapper .single-counter .odometer.odometer-theme-default {
        line-height: 40px;
        letter-spacing: -2px;
    }

    .about__counter-wrapper .single-counter p {
        font-size: 11px;
        line-height: 17px;
    }

    .about,
    .capability,
    .projects,
    .services,
    .cta,
    .about-ldco,
    .timeline,
    .testimonial,
    .service_box,
    .service-detail,
    .project_grid,
    .project-detail,
    .related_project,
    .related_blog,
    .blog_grid,
    .news_single,
    .contact {
        padding: 70px 0;
    }

    .award_text {
        margin-bottom: 10px;
        margin-top: 25px;
    }

    .about .row .col {
        flex: 1 0 33%;
    }

    .about .award_box {
        margin-top: 45px;
    }

    .card_wrapper .card_box {
        padding: 20px;
    }

    .card_wrapper {
        margin-top: 0;
    }

    .card_wrapper .card_box .icon img {
        height: 42px;
    }

    .card_wrapper .card_box h5 {
        font-size: 15px;
    }

    .projects .overlay::before {
        height: calc(100vh + 70px);
        top: -70px;
    }

    .projects .card-content {
        padding: 30px 0;
    }

    .projects .project-info .value {
        font-size: 15px;
    }

    .view_all_project {
        margin-top: 40px;
    }

    .content-column {
        padding-right: 0;
    }

    .services .features-column {
        height: 450px;
        margin-top: 35px;
    }

    .cta .cta_inner {
        max-width: 540px;
        margin: 0 auto;
    }

    .cta .cta_inner .ldco-title {
        margin-bottom: 30px;
    }

    .footer {
        padding-top: 60px;
    }

    .footer .footer-menu-wrap .footer-logo {
        min-width: 160px;
    }

    .footer .footer-menu-wrap .footer-logo img {
        height: 65px;
    }

    .footer .social-area {
        gap: 17px;
        padding-left: 10px;
    }

    .footer .footer-btm .copyright-area {
        padding-right: 20px;
    }

    .footer .footer-btm .copyright-area p {
        font-size: 11px;
    }

    .about.about_right .about_content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }

    .timeline .timeline-wrapper {
        gap: 20px;
        grid-template-columns: 30px 1fr;
        column-gap: 40px;
    }

    .timeline .timeline-left {
        top: auto;
        grid-column: 1 / -1;
    }

    .testimonial .testimonial-card .content .text {
        font-size: 16px;
        line-height: 27px;
    }

    .testimonial .testimonial-card .user-info .user-name {
        font-size: 16px;
    }

    .testimonial .testimonial-card .user-info img {
        width: 70px;
        height: 35px;
    }

    .testimonial .testimonial-card .user-info p {
        line-height: 19px;
        font-size: 14px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 18px;
    }

    .swiper-button-prev {
        right: 60px;
    }

    .service-detail .service-content,
    .project-detail .project-content-wrapper {
        padding-right: 0;
    }

    .service_box .img {
        padding-right: 0px;
    }

    .service_box .cont {
        padding-left: 0px;
    }

    .service_box.right .cont {
        padding-left: 0px;
        padding-right: 0px;
    }

    .service_box.right .img {
        padding-left: 0px;
        padding-right: 0px;
    }

    .service_box .cont .icon {
        margin-bottom: 20px;
    }

    .service_box .cont .icon img {
        height: 40px;
    }

    .service_box .title {
        font-size: 22px;
        margin-bottom: 13px;
    }

    .project_grid .nav-tabs .nav-item .nav-link {
        padding: 8px 15px;
        font-size: 11px;
    }

    .project_wrapper .project_item,
    .blog_wrapper .blog_item {
        width: calc(50% - 10px);
        padding-bottom: 15px;
    }

    .project-sidebar {
        margin-top: 30px;
    }

    .project-sidebar .project-link {
        gap: 10px;
        flex-direction: row;
    }

    .news_single .content ul li {
        font-size: 15px;
        line-height: 25px;
    }

    .contact .contact_left .img {
        height: auto;
        margin-top: 0;
    }
.contact .contact_right .info .contact_info.w-100,.contact .contact_right .info .contact_info {
    width: 100% !important;
}
    .contact .contact_right {
        padding-left: 0;
    }

    .map {
        height: 300px;
    }
}

@media (max-width:767px) {
    .banner .content {
        margin-top: 45px;
    }

    .banner .content h1 {
        font-size: 30px;
    }

    .banner .content p {
        font-size: 15px;
    }

    .about,
    .capability,
    .projects,
    .services,
    .cta,
    .about-ldco,
    .timeline,
    .testimonial,
    .service_box,
    .service-detail,
    .project_grid,
    .project-detail,
    .related_project,
    .related_blog,
    .blog_grid,
    .news_single,
    .contact {
        padding: 60px 0;
    }

    .about__counter-wrapper {
        padding: 25px 0;
    }

    .about__counter-wrapper .single-counter {
        gap: 14px;
        width: 50%;
        padding: 20px 0;
        border-bottom: 1px solid #ffffff33;
    }

    .about__counter-wrapper .single-counter:nth-child(3),
    .about__counter-wrapper .single-counter:nth-child(4) {
        border-bottom: 0;
    }

    .about__counter-wrapper .single-counter:nth-child(2)::before {
        display: none;
    }

    .about__counter-wrapper .single-counter svg {
        width: 36px;
    }

    .about__counter-wrapper .single-counter h4 {
        font-size: 30px;
    }

    .title {
        font-size: 25px;
    }

    .award_text h5 {
        font-size: 13px;
        font-weight: 600;
    }

    .about .row .col {
        flex: 1 0 50%;
    }

    .about .award_box {
        margin-top: 35px;
    }

    .card_wrapper .card_box {
        padding: 30px;
        aspect-ratio: auto;
        gap: 60px;
    }

    .card_wrapper .card_box .icon img {
        height: 50px;
    }

    .card_wrapper .card_box h5 {
        font-size: 16px;
    }

    .projects .project-card {
        /*top: 50px;*/
        /*margin-top: 90px;*/
        padding: 15px;
    }

    .projects .card-image {
        height: auto;
    }

    .projects .card-image img {
        aspect-ratio: 3/1.6;
    }

    .projects .card-content {
        padding: 20px 0;
    }

    .projects .content-wrap .title {
        margin-bottom: 15px;
        font-size: 21px;
        line-height: 20px;
    }

    .services-sidebar ul li .list_item {
        font-size: 16px;
    }

    .services .features-column {
        padding: 90px 100px 70px 70px;
        height: 300px;
        margin-top: 45px;
    }

    .footer .subscribed-area {
        padding-bottom: 30px;
        gap: 20px;
    }

    .footer .subscribed-area form {
        width: 100%;
    }

    .footer .menu-container ul {
        padding-left: 0;
        padding-top: 20px;
    }

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

    .footer .contact-area {
        gap: 30px;
        padding-top: 40px;
        max-width: max-content;
    }

    .footer .footer-top {
        margin-bottom: 30px;
    }

    .footer .footer-menu-wrap {
        flex-direction: column;
    }

    .footer .footer-menu-wrap .footer-logo {
        min-width: auto;
        width: 100%;
        max-width: 100%;
    }

    .footer .contact-area .hotline-area .content h6 a {
        font-size: 13px;
    }

    .footer .social-area {
        gap: 17px;
        padding-left: 0;
        margin-top: 25px;
    }

    .footer .footer-btm .copyright-area {
        padding-right: 0;
    }

    .footer .hours ul li {
        font-size: 14px;
        gap: 9px;
    }

    .about-ldco-counter {
        margin-top: 0;
    }

    .about-ldco-counter .odometer-inside,
    .about-ldco-counter .odometer.odometer-auto-theme,
    .about-ldco-counter .odometer.odometer-theme-default {
        font-size: 100px;
        line-height: 100px;
        letter-spacing: -1px;
    }

    .about-ldco-counter .counter_text {
        right: 11px;
        top: 46px;
        padding: 1px 5px;
        font-size: 13px;
    }

    .about-ldco .about_text {
        font-weight: 500;
        line-height: 20px;
        max-width: 200px;
        font-size: 16px;
    }

    .timeline .timeline-wrapper {
        column-gap: 15px;
    }

    .timeline .timeline-item {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .timeline .timeline-img {
        aspect-ratio: 3/2;
    }

    .timeline .timeline-text h3 {
        font-size: 25px;
    }

    .timeline .marker {
        width: 20px;
        height: 10px;
    }

    .testimonial .testimonial-card .content .text {
        font-size: 15px;
        line-height: 24px;
    }

    .testimonial .swiper-container {
        padding-bottom: 70px;
    }

    .testimonial .swiper-button-prev,
    .testimonial .swiper-button-next {
        top: inherit;
        bottom: 0px;
        width: 45px;
        height: 45px;
    }

    .testimonial .swiper-button-prev {
        right: inherit;
        left: 45px;
    }

    .testimonial .swiper-button-next {
        right: inherit;
        left: 100px;
    }

    .breadcrumb li {
        font-size: 13px;
    }

    .banner.inner_banner {
        padding: 140px 0 60px;
    }

    .service_box .cont {
        padding-top: 15px;
    }

    .service_box .title {
        font-size: 20px;
    }

    .service-detail h3,
    .service-sidebar h4,
    .project-detail h3,
    .project-sidebar h4,
    .news_single .content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .faq-section .accordion-button {
        padding: 20px 20px;
        font-size: 15px;
        line-height: 21px;
    }

    .faq-section .accordion-body {
        padding: 0 20px 20px;
        font-size: 15px;
        line-height: 24px;
    }

    .service-sidebar .service-link span {
        min-width: 25px;
        font-size: 14px;
    }

    .service-sidebar .service-link {
        padding: 20px 30px 20px 15px;
        font-size: 14px;
    }

    .service-sidebar .service-link::after {
        right: 10px;
    }

    .project_grid .nav-tabs {
        margin-top: 20px;
        flex-direction: column;
    }

    .project_grid .nav-tabs .nav-item .nav-link {
        padding: 8px 15px;
        font-size: 11px;
        width: 100%;
    }

    .project_wrapper .project_item,
    .blog_wrapper .blog_item {
        width: 100%;
        padding-bottom: 15px;
    }

    .service-detail .service-features li {
        font-size: 15px;
    }

    .related_project .project_wrapper,
    .related_blog .blog_wrapper {
        margin-top: 0;
    }

    .news_single .content h3 {
        margin-top: 35px;
    }

    .news_single .news_info {
        row-gap: 15px;
        flex-wrap: wrap;
    }

    .news_single .news_img img {
        height: auto;
        aspect-ratio: unset;
    }

    .contact .contact_right .info .contact_info {
        width: 100%;
    }

    .contact_info .icon {
        width: 42px;
        height: 42px;
    }

    .contact_info img {
        width: 15px;
    }

    .contact_info {
        font-size: 13px;
    }

    .contact .contact_inner h2 {
        font-size: 18px;
    }

    .contact .contact_inner form input,
    .contact .contact_inner form textarea {
        font-size: 13px;
        margin-bottom: 20px;
    }
}