@media only screen and (max-width: 932px) and (orientation: landscape) {

    #menu-main-menu {
        overflow: hidden;
        overflow-y: auto;
        max-height: 300px;
        padding: 20px 0;
    }
}


@media only screen and (min-width: 1025px) {
    .mainmenu .nav-menu .menu-item-has-children:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        height: 35px;
        cursor: pointer;
        background: transparent;
        z-index: -1;
    }

    .menu-toggle {
        display: none !important;
    }

    .mainmenu #menu-main-menu {
        display: inline-flex;
    }
}

/* 
@media only screen and (max-width:1499px) {


} */

@media only screen and (max-width:1399px) {

    :root {
        --h1: 58px;
        --h1-banner-one: 50px;
        --h2: 42px;
        --h2-light: 34px;
        --h3: 22px;
    }


    .section-row {
        padding: 100px 0 !important;
    }

    .home-hero .banner-label:after {

        height: calc(100% + 110px);
    }

    .home-hero .banner-label:before {
        top: calc(100% + 140px);
    }

    section.project-list {
        padding: 35px 0 100px;
    }

    .two-column-side-img-services-main {
        gap: 30px;
    }

    .service-tiles-info-box {
        padding: 50px;
    }

    section.banner-section-style-one {
        min-height: 500px;
    }

    .banner-section-style-two {
        padding: 100px 0;
        min-height: 700px;
    }

    section.banner-section-style-three {
        padding: 61px 0 66px;
        min-height: 280px;
    }

    section.hero-banner-section.banner-section-style-three .wrap:before {
        width: 380px;
    }



    section.image-sectionx-main-sec.section-row.style-3:before {
        bottom: 124px;
    }

    .image-sectionx-main-sec .video-poster {
        width: 100%;
        min-height: 600px;
    }

    .image-content-left-right-main-sec ul.custom_list {
        margin-bottom: 40px;
    }

    .content-with-quote-main-sec .button {
        margin-top: 40px;
    }

    footer#colophon {
        padding: 80px 0 60px;
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 550px;
    }

    .process-tabs-main-sec {
        padding-bottom: 60px;
    }

    /* .banner-section-style-two .hero-banner-content {
        padding-bottom: 80px;
    } */

    .home-hero .home-line:after {
        height: 45px;
    }

    .home-hero .home-line:before {
        bottom: -45px;
    }
}

@media only screen and (max-width:1299px) {

    :root {
        --h1: 52px;
        --h1-banner-one: 44px;
        --h2: 38px;
        --h2-light: 32px;
    }

    .section-row {
        padding: 90px 0 !important;
    }

    .step-number,
    .grad-txt {
        font-size: 100px;
    }

    .counter {
        top: -60px;
    }

    .blue-shape::before {
        width: 60px;
        height: 120px;
    }

    .step-number {
        left: -20px;
        bottom: -20px;
    }

    .data-points-row .section-title {
        margin-bottom: 100px;
    }


    .two-column-side-right-sec {
        padding-top: 40px;
    }



    .learn-more-btn {
        margin-top: 40px;
    }



    .basic-intro-right-info {
        padding: 40px;
    }

    .basic-intro-row {
        gap: 40px;
    }

    .service-tiles-info-box {
        padding: 40px;
    }

    .process-tabs-info {
        padding: 40px 40px 40px 90px;
    }

    section.banner-section-style-one {
        padding: 54px 0;
        min-height: 440px;
    }

    .banner-section-style-two {
        padding: 80px 0;
        min-height: 550px;
    }

    section.image-sectionx-main-sec.section-row.style-3:before {
        bottom: 114px;
    }

    .image-sectionx-main-sec .video-poster {
        width: 100%;
        min-height: 550px;
    }

    section.image-content-left-right-main-sec .basic-intro-row,
    .logo-slider-main-sec .basic-intro-row {
        padding-top: 40px;
    }

    .basic-intro-row-bottom {
        margin-top: 40px;
    }

    .up_3_images-list .swiper-button-next,
    .up_3_images-list .swiper-button-prev,
    .featured-project-slider .swiper-button-next,
    .featured-project-slider .swiper-button-prev,
    .logo_list .swiper-button-next,
    .logo_list .swiper-button-prev,
    .quote_list .swiper-button-next,
    .quote_list .swiper-button-prev {
        width: 44px;
        height: 44px;
    }

    .quote_list .swiper-button-next:before,
    .quote_list .swiper-button-prev:before,
    .logo_list .swiper-button-next:before,
    .logo_list .swiper-button-prev:before,
    .featured-project-slider .swiper-button-next:before,
    .featured-project-slider .swiper-button-prev:before,
    .up_3_images-list .swiper-button-next:before,
    .up_3_images-list .swiper-button-prev:before {
        width: 10px;
        height: 17px;
    }

    section.image-sectionx-main-sec.section-row.style-3 .wrap:before {
        bottom: 22px;
    }

    .quote_list .swiper-button-next,
    .quote_list .swiper-button-prev {
        bottom: -22px;
    }

    .image-content-left-right-main-sec ul.custom_list {
        margin-bottom: 30px;
    }

    .image-content-left-right-main-sec.style-2 .basic-intro-right-info {
        padding: 40px 35px 60px 40px;
    }

    .content-with-quote-main-sec .basic-intro-right-info {
        padding: 40px 40px 80px;
        margin-bottom: 22px;
    }

    .content-with-quote-main-sec .button {
        margin-top: 30px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-right-info {
        padding: 40px 40px 50px;
    }

    .basic-intro-row-top-left-info {
        max-width: 800px;
    }

    .featured-project-main-sec .sub-title-sec {
        margin-bottom: 40px;
    }

    /* .rotate-words {
        height: calc(3.2rem * 1.1);
    } */

    .home-hero .banner-label:after {

        height: calc(100% + 80px);
    }

    .home-hero .banner-label:before {
        top: calc(100% + 110px);
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 500px;
    }

    section.project-list {
        padding: 35px 0 90px;
    }

    .process-tabs-main-sec {
        padding-bottom: 50px;
    }

    .content-with-video-main-sec .rotate-img-txt,
    .step-main-sec .rotate-img-txt,
    .faq-main-sec .rotate-img-txt {
        left: unset;
        transform: unset;
        right: 0;
        bottom: unset;
        top: unset;
        bottom: 0;
    }

    .map-iframe-col {
        padding-top: 80px;
    }

    .latest-project-item-image .rotate-img-txt,
    .latest-blog-image .rotate-img-txt {
        right: 1%;
    }

    .search-reasult-sec article {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .search-reasult-sec a.post-thumbnail {
        max-height: 400px;
    }

    .table-section .sub-title-sec {
        margin-bottom: 50px;
    }
    .single-page-content.section-row {
    padding-top: 40px !important;
}
}

@media only screen and (max-width:1199px) {

    :root {
        --h1: 48px;
        --h1-banner-one: 40px;
        --h2: 36px;
        --h2-light: 30px;
        --h3: 20px;
        --body-font: 18px;
    }
body {
    padding-top: 90px;
}

    .section-row {
        padding: 80px 0 !important;
    }

    .step-number,
    .grad-txt {
        font-size: 90px;
    }

    .header-logo {
        max-width: 130px;
    }

    .header-menu-main {
        gap: 10px;
    }

    .header-menu-main ul#menu-main-menu {
        display: flex;
        gap: 10px;
    }

    .header-menu-main ul#menu-main-menu li.menu-item a {

        padding: 0 3px;
    }

    .button.header-btn {
        font-size: var(--mediam-font);
        padding: 12px 45px 12px 15px;

    }

    .header-right {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .button.header-btn:before {
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        background-size: 20px;
    }

    .basic-intro-row {
        gap: 30px;
    }

    .basic-intro-right-info {
        padding: 30px;
    }

    .basic-intro-main-sec.style-2 .basic-intro-row .sub-title-sec {
        margin-bottom: 0;
    }

    .faq-main-sec {
        padding: 80px 0 120px !important;
    }

    .accordion-row .accordion-trigger {
        font-size: 20px;
    }

    .faq-section-row .section-title .eyebrow {
        margin-bottom: 20px;
    }

    .accordion-row {
        margin-bottom: 20px;
    }

    .services-grid-section-row {
        padding-top: 40px;
    }

    .content-with-video-left {
        padding-top: 40px;
    }

    .video-caption {
        max-width: 385px;
        padding: 20px;
    }

    .content-with-video-left .button {
        margin-top: 30px;
    }

    .data-points-row {
        margin-top: 20px;
    }

    .data-points-row .section-title {
        margin-bottom: 80px;
    }

    .data-points-box {
        min-height: auto;
    }

    .service-tiles-sec {
        padding-top: 20px;
    }

    .service-tiles-info-box {
        padding: 30px;
    }

    .buttons {
        margin-top: 20px;
    }

    .two-column-side-img-row {
        gap: 20px;
    }

    .two-column-side-img-title-sec {
        padding-bottom: 30px;
    }

    .process-tabs-info {
        padding: 30px 30px 30px 80px;
    }

    .cta-main-sec {
        padding: 60px 0;
    }

    .cta-btn {
        max-width: max-content;
    }

    .cta-row {
        align-items: center;
    }

    .cta-btn .button {
        font-size: 18px;
        padding: 20px 80px 20px 30px;
    }

    .service-tiles-main {
        padding-top: 40px;
    }

    .two-up-content-grid {
        padding-top: 50px;
    }

    .large-wrap {
        padding: 0 15px;
    }

    section.banner-section-style-one {
        padding: 50px 0;
        min-height: 360px;
    }

    .banner-section-style-two {
        padding: 60px 0;
        min-height: 450px;
    }

    section.banner-section-style-three {
        padding: 50px 0 50px;
        min-height: 260px;
    }



    section.hero-banner-section.banner-section-style-three .wrap:before {
        width: 330px;
    }

    .image-content-left-right-main-sec.style-2 .basic-intro-right-info {
        padding: 40px 30px;
    }

    .content-with-quote-main-sec .basic-intro-right-info {
        padding: 40px 30px 50px;
    }

    .logo_list {
        width: 100%;
        padding-bottom: 90px;
    }

    section.image-sectionx-main-sec.section-row.style-3:before {
        bottom: 104px;
    }

    .image-sectionx-main-sec .video-poster {
        min-height: 500px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-right-info {
        padding: 40px;
    }

    footer#colophon .wrap {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .footer-menu {
        max-width: 560px;
    }

    .home-hero .banner-label:after {

        height: calc(100% + 70px);
    }

    .home-hero .banner-label:before {
        top: calc(100% + 100px);
    }

    .below-button {
        margin-top: 20px;
    }

    .project-item-info {
        min-width: 380px;
    }

    .our-team-main-row {
        padding: 40px 30px;
    }

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

    .out-team-cta-box {
        margin: 30px 0;
        min-height: auto;
    }

    .our-team-cta-info {
        padding: 30px;
    }

    .our-team-row {
        gap: 30px;
    }

    .our-team-box {
        width: calc(33.33% - 20px);
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 450px;
    }

    .category-buttons {
        gap: 10px;
    }

    .project-list-inner .project-lists,
    .blog-list-inner .blog-post-grid {
        gap: 20px;
    }

    .category-buttons button {
        font-size: 15px;
    }

    .project-list-inner .project-item,
    .blog-list-inner .blog-post-item {
        width: calc(50% - 10px);
        max-height: 300px;
        min-height: 300px;
    }

    .button.load-more-btn {
        margin-top: 50px;
    }

    section.project-list {
        padding: 35px 0 80px;
    }

    .latest-project-content {
        left: 30px;
        bottom: 30px;
        right: 30px;
    }

    .project-category,
    .blog-category-filter {
        margin-bottom: 40px;
    }

    .process-tabs-main-sec {
        padding-bottom: 40px;
    }

    .rotate-img-txt {
        bottom: -8%;
    }

    .map-iframe-col {
        padding-top: 70px;
    }

    .cta-main-sec.cta-style-2 .cta-row {
        align-items: flex-start;
        max-width: 400px;
    }

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


@media only screen and (max-width:1024px) {

    :root {
        --h1: 42px;
        --h1-banner-one: 36px;
        --h2: 32px;
        --h2-light: 28px;
        --h3: 20px;
        --body-font: 16px;
        --wrapspace: 20px;
    }
body {
    padding-top: 70px;
}
    .section-row {
        padding: 60px 0 !important;
    }

    .step-number,
    .grad-txt {
        font-size: 80px;
    }

    .mainmenu #menu-main-menu {
        flex-direction: column;
        gap: 0;
    }

    .mainmenu #menu-main-menu li {
        width: 100%;
    }

    .mainmenu #menu-main-menu .sub-menu li a {
        border-bottom: 0;
    }

    .mainmenu {

        .nav-menu {
            li {
                font-size: 16px;
                padding-right: 0;
                margin-right: 0;

                &::after {
                    display: none;
                }
            }
        }
    }

    .hasarrow {
        display: none;
    }

    .basic-intro-main-sec .basic-intro-row {
        align-items: center;
    }

    .rotate-img-txt {
        bottom: -6%;
    }

    .menu-primary-menu-container {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
        left: 0;
        transform: translateX(100%);
        transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1), opacity 550ms cubic-bezier(0.45, 1, 0.32, 1);
        overflow: hidden;
        background-color: var(--white);
        height: 100vh;
    }

    .main-navigation.toggled .menu-primary-menu-container {
        transform: translateX(0%);
    }

    .menu-toggle {
        background-color: transparent !important;
        background: none !important;
        border: none !important;
        cursor: pointer;
        padding: 10px !important;
        position: relative;
        width: 30px;
        height: auto;
        aspect-ratio: 1;
        display: block;
    }

    .menu-toggle:hover {
        background-color: transparent !important;
    }

    .hamburger,
    .hamburger::before,
    .hamburger::after {
        content: '';
        display: block;
        background-color: var(--white);
        height: 2px;
        width: 20px;
        border-radius: 2px;
        transition: all 0.3s ease;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .hamburger {
        top: 50%;
        transform: translateY(-50%);
    }

    .hamburger::before {
        top: -7px;
    }

    .hamburger::after {
        top: 7px;
    }

    .mainmenu #menu-main-menu li.contact-us-btn {
        border-bottom: 0;
        padding: 20px 15px 0;
    }

    .mainmenu .menu li a::after {
        display: none;
    }

        .mainmenu .nav-menu > .menu-item > a:hover{
        background-color: var(--graphite-gray);
        color: var(--white) !important;
    }

    .header-menu-main ul#menu-main-menu li.menu-item a {
        color: var(--primary);
    }

    .header-menu-main ul#menu-main-menu li.menu-item a {
        transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1), opacity 550ms cubic-bezier(0.45, 1, 0.32, 1), background-color 250ms ease-in-out, color 250ms ease-in-out;
        padding: 8px 15px;
    }

    .header-menu-main ul#menu-main-menu {
        gap: 0;
    }

    .mainmenu #menu-main-menu a:hover,
    .mainmenu li.current_page_item a {
        color: var(--white);
    }

    .mainmenu .menu>li {
        /* border-bottom: solid 1px rgba(0, 0, 0, 0.4); */
        padding: 10px 0;
    }

    .mainmenu .menu li:first-child {
        border-top: 0;
    }

    .mainmenu #menu-main-menu .sub-menu,
    .mainmenu #menu-main-menu .sub-menu li:first-child {
        border-top: 0;
    }

    .main-navigation.toggled .hamburger {
        background-color: transparent;
    }

    .main-navigation.toggled .hamburger::before {
        transform: rotate(45deg);
        top: 0;
    }

    .main-navigation.toggled .hamburger::after {
        transform: rotate(-45deg);
        top: 0;
    }

    .mainmenu .nav-menu .sub-menu {
        position: static;
        float: none;
        border: 0 !important;
        display: none;
    }

    .mainmenu .nav-menu .sub-menu li:last-child {
        border-bottom: 0;
    }

    .mainmenu .nav-menu .sub-menu li a {
        border: 0;
        padding-left: 30px;
        width: 100%;
    }

    .sub-menu-toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 34px;
        height: 40px;
        z-index: 5;
        cursor: pointer;
        background-color: var(--secondary);
    }

    .sub-menu-toggle::before {
        transform: translate(-50%, -50%);
    }

    .sub-menu-toggle::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .has-menu.active .sub-menu-toggle::after {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0;
    }

    .sub-menu-toggle::after,
    .sub-menu-toggle::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 15px);
        height: 1px;
        background-color: #FFFFFF;
        transition: 200ms linear;
    }

    .header .current-menu-item .sub-menu-toggle::after {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0;
    }

    .basic-intro-left-info {
        padding-bottom: 0;
        padding-top: 0;
        max-width: 100%;
    }

    .sub-title-sec {
        margin-left: 0;
    }

    .eyebrow {
        font-size: 14px;
    }

    .basic-intro-row {
        flex-direction: column;
        padding-bottom: 0;
        gap: 20px;
        text-align: center;
        border: 1px solid var(--light-silver);
        border-top: 0;
        padding: 20px;
    }

    .padding-top-0 .sub-title-sec+.basic-intro-row {
        padding-top: 20px !important;
    }

    .basic-intro-right-info {
        border: 0;
        max-width: 100%;
        padding: 0;
    }

    .basic-intro-main-sec.style-2 .basic-intro-row .sub-title-sec {
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .basic-intro-main-sec.style-2 .intro-title {
        margin: 0 auto;
        max-width: 100%;
    }

    .basic-intro-main-sec.style-2 .basic-intro-row {
        gap: 0;
        border: 0;
        padding: 0;
    }

    .basic-intro-main-sec .basic-intro-row .intro-description ul {
        text-align: left;
    }

    .basic-intro-info-row {
        border: 1px solid var(--light-silver);
        border-top: 0;
        padding: 20px;
        gap: 20px;
        align-items: center;
    }

    .style-2 .basic-intro-info-row {
        border: none;
    }

    .accordion-data {
        padding: 15px 20px 0 39px;
    }

    .services-grid-section-row {
        padding-top: 30px;
        flex-direction: column;
    }

    .services-grid-main,
    .services-title-sec {
        max-width: 100%;
    }

    .content-with-video-row {
        flex-direction: column;
    }

    .content-with-video-left .content {
        max-width: 100%;
        width: 100%;
    }

    .content-with-video-right {
        max-width: 100%;
        width: 100%;
    }

    .content-with-video-left {
        padding-top: 00px;
        max-width: 100%;
    }

    .sub-title-sec+.content-with-video-row .content-with-video-left {
        padding-top: 30px;
    }

    .video-caption {
        max-width: 80%;
    }

    .counter {
        top: -50px;
    }

    .data-points-row-box {
        gap: 20px;
    }

    .data-points-box {
        padding: 50px 20px 20px;
        width: calc(33.33% - 20px);
    }

    .service-tiles-main {
        padding-top: 30px;
    }

    .services-tiles-image {
        max-width: 350px;
    }

    .two-column-side-img-row {
        flex-direction: column;
    }

    .two-column-side-img-sec {
        max-width: 450px;
        margin: 0 auto;
    }

    .two-column-side-img-sec figure {
        min-height: 400px;
        max-height: 400px;
    }



    .two-column-side-right-sec {
        padding-top: 20px;
        max-width: 100%;
    }

    .two-column-side-img-title-sec::after {
        width: 100%;
    }

    .two-column-side-img-services-main {
        padding-top: 30px;
    }

    .learn-more-btn {
        text-align: center;
    }

    .process-tabs-info {
        width: 60%;
    }
    .process-tabs-image { 
        width: 40%;
    }

    .process-tabs-row {
        min-height: auto;
    }

    .process-tabs-info {
        padding: 30px;
    }

    .step-number {
        position: static;
        margin-bottom: 20px;
    }

    .process-tabs-info .gradient-txt {
        margin-bottom: 10px;
        width: 100%;
    }

    .process-tabs-image {
        max-width: max-content;
        min-width: auto;
    }



    .two-up-content-grid {
        padding-top: 40px;
    }

    .header-right {
        padding: 10px 15px;
        background: var(--primary);
    }

    .header-menu-main {
        flex-direction: row-reverse;
    }

    .haeder-search-main {
        display: flex;
        align-items: center;
    }

    .header-menu-main ul#menu-main-menu ul.sub-menu li.menu-item {
        border-bottom: none;
    }

    header#masthead {
        padding: 20px 0;
    }

    .process-tabs-main-sec .section-title+div {
        margin-top: 40px;
    }

    .image-content-left-right-main-sec .basic-intro-row {
        border: none;
        padding: 0;
    }

    .image-content-left-right-main-sec.style-2 .basic-intro-row {
        align-items: center;
        text-align: left;
    }

    .image-content-left-right-main-sec.style-2 .basic-intro-right-info {
        padding: 30px 30px;
        max-width: 480px;
    }

    .content-with-quote-main-sec .basic-intro-right-info {
        padding: 30px 30px 40px;
        width: 100%;
        align-self: center;
        border: 1px solid var(--slate-gray);
        max-width: 100%;
    }

    .content-with-quote-main-sec .basic-intro-row {
        border: none;
        gap: 50px;
        padding: 20px 0 0;
    }

    .quote-content {
        margin-bottom: 20px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-row {
        align-items: center;
        border-top: 0;
        gap: 50px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-right-info {
        padding: 30px;
    }

    .logo-slider-main-sec .basic-intro-row {
        border: none;
        align-items: center;
    }

    .image-sectionx-main-sec .video-poster {
        min-height: 450px;
    }

    .image-sectionx-main-sec .basic-intro-row {
        border: none;
        padding: 0;
    }

    section.image-sectionx-main-sec.section-row.style-3:before {
        bottom: 80px;
    }

    section.image-sectionx-main-sec.section-row.style-3 .wrap:before {
        right: 44px;
        bottom: 19px;
    }

    .up_3_images-list .swiper-button-next,
    .up_3_images-list .swiper-button-prev,
    .featured-project-slider .swiper-button-next,
    .featured-project-slider .swiper-button-prev,
    .logo_list .swiper-button-next,
    .logo_list .swiper-button-prev,
    .quote_list .swiper-button-next,
    .quote_list .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .up_3_images-list .swiper-button-prev {
        right: 98px;
    }



    .basic-intro-row-image {
        text-align: left;
    }

    section.banner-section-style-one {
        padding: 40px 0;
        min-height: 300px;
    }

    .banner-section-style-two {
        padding: 50px 0;
        min-height: 380px;
    }

    /* .rotate-words {
        height: calc(2.7rem * 1.1);
    } */

    section.banner-section-style-three {
        padding: 40px 0;
        min-height: 240px;
    }

    section.hero-banner-section.banner-section-style-three .wrap:before {
        width: 280px;
        /* clip-path: polygon(0 0, 100% 0, 100% 100%, 38.6% 100%); */
    }

    .image-sectionx-main-sec .video-poster {
        min-height: 400px;
    }

    .basic-intro-row-image img {
        margin-bottom: 15px;
    }

    .up_3_images-list {
        padding-bottom: 60px;
    }

    .up_2_images-list {
        gap: 20px;
    }

    .project-item {
        gap: 20px;
    }

    .project-item-info {
        max-width: 458px;
        padding: 30px 20px 20px;
    }

    .featured-project-slider .swiper-button-prev {
        left: 20px;
    }

    .featured-project-slider .swiper-button-next {
        left: 70px;
    }

    .featured-project-slider .swiper-button-next,
    .featured-project-slider .swiper-button-prev {
        bottom: 20px;
    }


    .content-with-quote-main-sec .button {
        margin-top: 10px;
    }

    section.image-content-left-right-main-sec .basic-intro-row,
    .logo-slider-main-sec .basic-intro-row {
        padding-top: 30px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-left-info {
        padding-top: 0;
        padding-left: 0px;
        max-width: 100%;
    }

    .featured-project-main-sec .sub-title-sec {
        margin-bottom: 30px;
    }

    .basic-intro-row-bottom {
        margin-top: 30px;
    }

    .content-with-quote-main-sec .basic-intro-left-info {
        width: 100%;
        max-width: 100%;

    }

    .footer-logo {
        max-width: 200px;
    }

    .footer-label img {
        max-width: 360px;
    }

    /* .footer-label {
        padding: 10px;
    } */

    footer#colophon {
        padding: 60px 0;
    }

    footer#colophon .wrap {
        gap: 40px;
    }

    .footer-menu {
        max-width: 550px;
    }

    .cta-main-sec.cta-style-2 .cta-row {
        gap: 20px;
    }

    .tab-btn .steps {
        letter-spacing: 0.3em;
    }

    .content-with-quote-main-sec.style-2.bg-image .basic-intro-row {
        border: 1px solid #fff;
        padding: 0;
        padding-top: 20px;
    }

    .content-with-quote-main-sec.style-2.bg-image .basic-intro-right-info {
        max-width: 100%;
    }

    .content-with-quote-main-sec.style-2.bg-image .basic-intro-left-info {
        padding-inline: 20px;
    }

    .home-hero .banner-label:after {

        height: calc(100% + 40px);
    }

    .home-hero .banner-label:before {
        top: calc(100% + 70px);
    }

    .section-top--bottom-line .content-with-video-row {
        background-color: var(--white);
        align-items: self-start;
    }

    .home-cnt-video .sub-title-sec {
        padding-bottom: 0;
        border-bottom: 1px solid;
    }

    .home-cnt-video .sub-title-sec .eyebrow {
        border-bottom: 0;
    }

    .content-with-video-left br {
        display: none;
    }

    .project-item-info {
        min-width: 330px;
    }

    .project-item-img {
        max-width: 100%;
        max-height: 350px;


    }

    .our-team-section-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    .our-team-content {
        max-width: 100%;
    }

    .our-team-img {
        margin-bottom: 15px;
    }

    .our-team-row {
        gap: 20px;
    }

    .our-team-box {
        width: calc(33.33% - 13.33333333px);
    }

    .our-team-cta-img,
    .our-team-cta-info {
        width: 50%;
    }

    .our-team-cta-img {
        max-width: 100%;
        min-width: auto;
    }

    .hero-banner-section.banner-section-style-three .hero-banner-content {
        max-width: 500px;
        width: 100%;
    }


    .content-with-quote-main-sec {
        position: relative;
        z-index: 1;
    }

    .bg-image:before {
        inset: 0;
        position: absolute;
        content: '';
        background: var(--sky-blue);
        z-index: -1;
        opacity: 0.6;
        pointer-events: none;
    }

    .conetent-data-main-sec .basic-intro-row {
        border: none;
        gap: 60px;
    }

    section.project-list {
        padding: 35px 0 60px;
    }

    .project-category,
    .blog-category-filter {
        margin-bottom: 30px;
    }

    .latest-project-content {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }

    .project-banner-inner .banner-title {
        margin-bottom: 20px;
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 400px;
    }

    .single-project .project-banner-top-info,.single-post .project-banner-top-info {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .single-project .project-banner-top-left {
        max-width: 100%;
    }

    .project-banner-top-right {
        max-width: 100%;
        text-align: left;
    }

    .button.back-project-btn:before {
        width: 40px;
        background-size: 24px;

    }

    .button.back-project-btn {
        padding: 8px 0px;
        padding-left: 55px;
    }

    .button.back-project-btn:hover::before {
        background-size: 24px, 100% 100%;
    }

    section.project-banner:before,
    .blog-banner:before {
        height: 200px;
    }

    /* .banner-section-style-two .hero-banner-content {
        padding-bottom: 60px;
    } */

    .home-hero .home-line:after {
        height: 35px;
    }

    .home-hero .home-line:before {
        bottom: -35px;
    }

    .contact-us-row {
        flex-direction: column;
    }

    .contact-us-left-sec {
        max-width: 100%;
        text-align: center;
    }

    .contact-us-right {
        max-width: 100%;
        text-align: center;
    }

    .contact-addreess {
        max-width: 100%;
    }

    .contact-info-row {
        padding-top: 30px;
        gap: 20px;
        flex-direction: column;
    }

    .contact-details .footer-soical {
        justify-content: center;
    }

    .map-iframe-col {
        padding-top: 60px;
    }

    .map-iframe-col iframe {
        height: 400px;
    }

    .gform_footer {
        margin-top: 40px !important;
    }

    .step-main-sec .accordian-main-row {
        flex-direction: column-reverse;
    }

    .step-main-sec .accordian-right-sec {
        max-width: 400px;
        margin: 0 auto;
    }

    span.step-number-right {
        align-content: center;
    }

    .image-content-left-right-main-sec .basic-intro-row {
        align-items: center;
    }

    .image-content-left-right-main-sec ul.custom_list {
        align-items: center;
    }

    .search-reasult-sec article {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .search-reasult-sec a.post-thumbnail {
        max-height: 350px;
    }

    .blue-shape::before {
        width: 40px;
        height: 90px;
    }

    .table-section .sub-title-sec {
        text-align: left;
    }

    .image-content-left-right-main-sec ul.custom_list li {
        text-align: center;
    }

    .table-section .sub-title-sec {
        margin-bottom: 30px;
    }

    .up_3_images-list .basic-intro-row-image img {
        max-height: 300px;
        min-height: 300px;
    }
    .up_2_images-list .basic-intro-row-image img {
    max-height: 320px;
    min-height: 320px;
}
.content-with-video-main-sec.style_left .content-with-video-left {
    padding: 0;
}
.content-with-video-main-sec.style_left .content-with-video-row {
    flex-direction: column-reverse;
}
}

@media only screen and (max-width:782px) {

    body.admin-bar header#masthead {
        top: 46px !important;

    }
}

@media only screen and (max-width:767px) {

    :root {
        --h1: 36px;
        --h1-banner-one: 32px;
        --h2: 28px;
        --h2-light: 24px;
        --h3: 18px;
    }
body {
    padding-top: 60px;
}
    .section-row {
        padding: 50px 0 !important;
    }

    .step-number,
    .grad-txt {
        font-size: 60px;
    }

    .desk-none {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    .eyebrow {
        letter-spacing: 0.3em;
    }

    br {
        display: none;
    }

    .basic-intro-left-info {
        max-width: 100%;
    }

    .accordian-main-row {
        flex-direction: column-reverse;
    }

    .faq-main-sec:not(.light-style) .accordion-data .button {
        margin-top: 0;
    }

    .faq-icon {
        margin-top: 0;
    }

    .accordion-row .accordion-trigger {
        gap: 10px;
    }

    .accordion-data {
        padding: 15px 20px 0 35px;
    }

    .accordion-databox,
    .accordian-img {
        max-width: 100%;
    }

    .accordian-right-sec {
        max-width: 400px;
        margin: 0 auto;
    }

    .rotate-img-txt {
        transform: none;
        inset: auto 0px 0px;
        margin: 0px auto;
        white-space: unset;
        text-align: center;
        padding: 20px;
        display: none;
    }

    .two-up-content-grid {
        padding-top: 30px;
    }

    .content-with-video-left .button {
        margin-top: 20px;
    }

    .counter {
        top: -40px;
    }

    .data-points-row-box {
        gap: 60px 20px;
    }

    .data-points-box {
        width: calc(50% - 10px);
    }

    .data-points-row .section-title {
        margin-bottom: 60px;
    }

    .services-tiles-box {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }

    .services-tiles-image {
        max-width: 100%;
    }

    .service-tiles-info-box {
        padding: 20px;
    }

    .process-tabs-row {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-top: 20px;
    }

    .process-tabs-info,
    .process-tabs-image {
        width: 100%;
    }

    .process-tabs-image {
        max-width: 100%;
    }

    .cta-main-sec {
        padding: 40px 0;
    }

    .cta-row {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .cta-btn .button {
        font-size: 16px;
        padding: 15px 70px 15px 20px;
    }

    .cta-btn .button:before {
        width: 34px;
        height: 34px;
        background-size: 30px;
    }

    .video-poster {
        min-height: 350px;
    }

    .button {
        padding: 15px 30px;
    }

    .buttons {
        gap: 20px;
    }

    .project-back {
        padding-left: 0;
        padding-right: 50px;
    }

    .project-back::before {
        top: 50%;
        transform: translateY(-50%);
        bottom: 0;
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .project-back::after {
        top: 50%;
        transform: translateY(-50%);
        bottom: 0;
        width: 30px;
        height: 30px;
    }



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


    header#masthead {
        padding: 15px 0;
    }

    .porcess-tabs {
        display: none;
    }

    .tab-content {
        display: block;
        margin-bottom: 20px;
    }

    .tab-content .tab-btn::after {
        display: none;
    }

    /* .tab-content.active .tab-btn .steps {
        color: var(--sky-blue);
    } */

    .tab-content .tab-btn {
        border: 2px solid var(--slate-gray);
        padding: 20px;
        transition: all 0.3s ease-in-out;
        margin-bottom: 0;
        font-size: 18px;
        border: none;
        padding-left: 0;
    }

    .tab-content .tab-btn:hover {
        border: 2px solid #939598;
        border: none;
    }

    .tab-content.active .tab-btn {
        border-color: #f1f2f2;
        border: none;
        padding-left: 0;
    }

    .button.project-btn:before {
        width: 40px;
        height: 40px;
        background-size: 27px;
    }

    .button.project-btn {
        padding: 18px 0;
        padding-right: 60px;
        margin-top: 0;
        height: auto;
    }

    .process-tabs-main-sec .section-title+div {
        margin-top: 30px;
    }

    .learn-more-btn {
        margin-top: 30px;
    }

    .process-tabs-info {
        padding: 20px;
    }

    section.banner-section-style-one {
        padding: 40px 0;
        min-height: 260px;
    }

    span.banner-sub-title {
        margin-bottom: 10px;
    }



    .banner-section-style-two {
        padding: 40px 0;
        min-height: 300px;
    }

    section.banner-section-style-three {
        padding: 40px 0;
        min-height: 200px;
    }



    section.hero-banner-section.banner-section-style-three .wrap:before {
        width: 120px;
        clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 76% 100%);
        height: 150px;
        display: block;
    }

    .hero-banner-section.banner-section-style-three:after {
        background-image: url(../images/img-small-banner-right-logo.png);
        bottom: 0;
        right: 10px;
        top: unset;
        width: 190px;
        height: 120px;
    }


    section.image-content-left-right-main-sec .basic-intro-row,
    .logo-slider-main-sec .basic-intro-row {
        padding-top: 20px;
    }

    .image-content-left-right-main-sec ul.custom_list {
        margin-bottom: 20px;
    }

    .content-with-quote-main-sec .button {
        margin-top: 10px;
    }

    .featured-project-main-sec .sub-title-sec {
        margin-bottom: 20px;
    }

    .basic-intro-row-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .basic-intro-row-bottom {
        margin-top: 20px;
    }

    .project-item-img {
        max-width: 100%;
        max-height: 250px;
        min-height: 250px;

    }

    .project-excerpt {
        margin-bottom: 10px;
    }

    .project-item-info {
        max-width: 100%;
        padding: 20px 40px 50px 20px;
    }

    .project-excerpt p {
        max-width: 440px;
    }

    .project-item {
        gap: 20px;
        flex-direction: column;
        width: 100%;
    }

    .project-item-img {
        max-width: 100%;
    }

    .featured-project-slider .swiper-button-next {
        left: auto;
        right: 15px;
    }

    .featured-project-slider .swiper-button-next {
        left: auto;
        right: 15px;
    }

    section.image-sectionx-main-sec.section-row.style-3:before {
        bottom: 70px;
    }

    section.image-sectionx-main-sec.section-row.style-3 .wrap:before {
        width: 120px;
        right: 15px;
    }

    .up_3_images-list .swiper-button-next {
        right: 10px;
    }

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

    .image-sectionx-main-sec .video-poster {
        min-height: 350px;
    }

    .featured-project-slider .swiper-button-prev {
        left: auto;
        right: 65px;
    }

    .featured-project-slider .swiper-button-next,
    .featured-project-slider .swiper-button-prev {
        bottom: 15px;
    }

    .logo_list {
        width: 100%;
        padding-bottom: 60px;
    }

    .content-with-quote-main-sec .basic-intro-row {
        border: none;
        gap: 30px;
    }

    .up_2_images-list {
        gap: 20px;
        flex-direction: column;
        width: 100%;
    }

    .style-2 .up_2_images-list .basic-intro-row-image {
        width: 100%;
        max-width: 100%;
    }

    .cta-row {
        text-align: center;
    }

    .footer-row-one {
        flex-direction: column;
        gap: 20px;
    }

    footer#colophon {
        padding: 50px 0;
    }

    .footer-row-two {
        flex-direction: column;
        gap: 20px;
    }

    .footer-site-info {
        max-width: 170px;
    }

    footer#colophon .wrap {

        gap: 30px;
    }

    .footer-address p {
        margin-bottom: 20px;
    }



    .footer-copy-right ul {
        gap: 20px;
        margin-left: 20px;
    }

    .cta-main-sec.cta-style-2 .cta-row {
        width: 100%;
    }

    .cta-main-sec.cta-style-2 .cta-info {
        text-align: center;
    }

    .cta-main-sec.cta-style-2 .cta-info br {
        display: block;
    }

    .footer-logo {
        margin: 0 auto;
    }

    .home-hero .banner-label:after {

        height: calc(100% + 20px);
    }

    .home-hero .banner-label:before {
        top: calc(100% + 50px);
    }

    .below-button {

        margin-top: 15px;
    }

    .our-team-box {
        width: calc(50% - 10px);
    }

    .our-team-main-row {
        padding: 30px 20px;
    }

    .our-team-cta-info {
        padding: 30px 20px;
    }

    .hero-banner-section.banner-section-style-three .hero-banner-content {
        max-width: 100%;
        width: 75%;
    }

    .services-tiles-image {
        margin: 0;
    }

    .rotate-words {
        height: auto;
    }

    section.project-list {
        padding: 30px 0 50px;
    }

    section.project-banner,
    .blog-banner {
        padding: 50px 0 20px;
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 350px;
    }

    .project-content {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }

    .project-list-inner .project-item,
    .blog-list-inner .blog-post-item {
        width: 100%;
        max-height: 260px;
        min-height: 260px;
        max-width: 480px;
        margin: 0 auto;
    }

    .project-category,
    .blog-category-filter {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .button.load-more-btn {
        margin-top: 30px;
    }


    .video-caption {
        max-width: 100%;
    }

    footer#colophon {
        background-position: center;
    }

    .content-with-quote-main-sec .basic-intro-row {
        text-align: left;
    }

    .basic-intro-right-info.content-with-quote-right-info {
        margin-top: 20px;
    }

    .content-with-quote-main-sec .basic-intro-right-info:before {
        width: 35px;
        left: 30px;
    }

    /* .banner-section-style-two .hero-banner-content {
        padding-bottom: 40px;
    } */

    .home-hero .home-line:before {
        bottom: -25px;
    }

    .home-hero .home-line:after {
        height: 25px;
    }

    .map-iframe-col iframe {
        height: 350px;
    }

    input[type="text"],
    input[type="number"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    textarea,
    select {
        padding: 12px 15px 12px 12px !important;
        height: 50px !important;
    }

    .gform-theme--foundation .ginput_address_city,
    .gform-theme--foundation .ginput_address_country,
    .gform-theme--foundation .ginput_address_state,
    .gform-theme--foundation .ginput_address_zip {
        inline-size: calc(100%) !important;
    }

    .gform_footer {
        margin-top: 30px !important;
    }

    .cta-main-sec.cta-style-2 .cta-row {
        max-width: 100%;
        align-items: center;
    }

    .search-reasult-sec a.post-thumbnail {
        max-height: 300px;
    }

    .table-section img.alignright {
        display: block;
        width: 100%;
        max-width: 400px;
        float: unset;
        margin: 0;
    }

    .table-section .sub-title-sec {
        margin-bottom: 20px;
    }

    blockquote {
        padding: 20px;
    }

    .up_3_images-list .basic-intro-row-image img {
        max-height: 260px;
        min-height: 260px;
    }
    .up_2_images-list .basic-intro-row-image img {
    max-height: 280px;
    min-height: 280px;
}
    .single-page-content.section-row {
    padding-top: 20px !important;
}
.video-icon {
    --icon-width-height: 70px;
}
.testimonial-swiper .swiper-nav {
        display: none;
    }

    .testimonial-swiper .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
        margin-top: 20px;
    }

    .testimonial-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: var(--primary) !important;
        border-radius: 50%;
        opacity: 1;
    }

    .testimonial-swiper  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--orange) !important;
    }
        .testimonial-slider-row, .slider-container {
        padding: 0;
    }
}

@media only screen and (max-width:640px) {

    .gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto#input_1_3_6_container,
    .gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto#input_1_3_3_container {
        padding-left: 6px;
        padding-right: 6px;
    }

    .contact-us-form .gform-theme--foundation .gform_fields {

        grid-template-columns: repeat(1, 1fr) !important;
    }

    table thead th {
        padding: 13px 15px;
    }

    table tbody td {
        padding: 13px 15px;
    }

    table thead {
        display: none;
    }

    table tr {
        display: block;
        margin-bottom: 15px;
        border: none;
        background-color: var(--light-white);
    }

    table td {
        display: block;
        padding: 10px;
        padding-left: 10px;
        /* remove 50% spacing */
        border: none;

        border-bottom: 1px solid var(--light-silver);
        border-left: none;
    }

    table tbody td:last-child {
        border-bottom: none;
    }

    table tr:last-child {
        margin-bottom: 0;
    }

    table tbody tr:last-child td {
        border-bottom: 1px solid var(--light-silver);
    }

    table tbody tr:last-child td:last-child {
        border-bottom: none;

    }

    table td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        position: absolute;
        width: 100%;
        padding: 0;
        top: -1px;
        left: 0px;
        right: 1px;
        padding: 13px 15px;
        color: var(--white);
        background-color: var(--primary);
    }

    table tbody td:first-child,
    table tbody td {
        position: relative;
        padding-top: 65px;
        border-left: none;
    }

    table {
        border: none;
        background-color: transparent;
        /* display: table; */
        /* flex-direction: row; */
    }

    table.no-head td:before {
        display: none;
    }

    table.no-head tbody td {
        padding-top: 13px;
    }

    .gform-theme--foundation .gfield p {
        word-wrap: break-word;
    }

}

@media only screen and (max-width:600px) {
    body.admin-bar header#masthead.sticky {
        top: 0 !important;
    }

    #wpadminbar {
        position: fixed;
    }
}

@media only screen and (max-width:575px) {

    :root {
        --h1: 30px;
        --h1-banner-one: 28px;
        --h2: 24px;
        --h2-light: 22px;
    }

    .step-number,
    .grad-txt {
        font-size: 50px;
    }

    .eyebrow {
        letter-spacing: 0.2em;
    }

    .two-up-content-grid {
        display: flex;
        flex-direction: column;
    }

    .two-up-content-image {
        max-width: 100%;
    }

    .two-up-content-title-sec {
        flex-direction: column;
    }

    .two-column-side-img-services-main {
        display: flex;
        flex-direction: column;
    }

    .two-column-side-img-services-icon {
        margin-bottom: 10px;
        min-width: 40px;
        max-width: 40px;
    }

    .video-poster {
        min-height: 250px;
    }

    .video-caption {
        padding: 15px;
    }

    .accordion-data {
        padding: 15px 0 0 35px;
    }

    .services-grid-box {
        width: 100%;
    }

    .data-points-row-box {
        gap: 20px;
    }

    .counter {
        position: static;
    }

    .data-points-box {
        padding: 20px;
        width: 100%;
        gap: 10px;
    }

    .data-points-row .section-title {
        margin-bottom: 30px;
    }

    .service-tiles-sec {
        display: flex;
        flex-direction: column;
    }

    .two-column-side-img-sec figure {
        min-height: 350px;
        max-height: 350px;
    }

    .accordion-row .accordion-trigger {
        font-size: 18px;
    }

    section.banner-section-style-one {
        padding: 40px 0;
        min-height: 300px;
    }

    .banner-section-style-two {
        padding: 30px 0;
        min-height: 350px;
    }

    section.banner-section-style-three {
        padding: 40px 0;
        min-height: 180px;
    }

    .image-sectionx-main-sec .video-poster {
        min-height: 240px;
    }



    section.hero-banner-section.banner-section-style-three .wrap:before {
        width: 100px;
        height: 120px;
    }

    .content-with-quote-main-sec .basic-intro-right-info:before {
        width: 35px;
    }

    .content-with-quote-main-sec.style-2 .basic-intro-right-info {
        padding: 20px;
    }

    .up_3_images-list .swiper-button-next,
    .up_3_images-list .swiper-button-prev,
    .featured-project-slider .swiper-button-next,
    .featured-project-slider .swiper-button-prev,
    .logo_list .swiper-button-next,
    .logo_list .swiper-button-prev,
    .quote_list .swiper-button-next,
    .quote_list .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .quote_list .swiper-button-next:before,
    .quote_list .swiper-button-prev:before,
    .logo_list .swiper-button-next:before,
    .logo_list .swiper-button-prev:before,
    .featured-project-slider .swiper-button-next:before,
    .featured-project-slider .swiper-button-prev:before,
    .up_3_images-list .swiper-button-next:before,
    .up_3_images-list .swiper-button-prev:before {
        width: 11px;
        height: 14px;
        background-size: 15px;

    }

    .quote_list .swiper-button-next:before,
    .logo_list .swiper-button-next:before,
    .featured-project-slider .swiper-button-next:before,
    .up_3_images-list .swiper-button-next:before {
        left: 52%;
    }

    .quote_list .swiper-button-prev:before,
    .logo_list .swiper-button-prev:before,
    .featured-project-slider .swiper-button-prev:before,
    .up_3_images-list .swiper-button-prev:before {
        left: 48%;

    }

    .logo_list .swiper-button-prev {
        right: 45px;
    }

    .quote_list .swiper-button-next {
        right: 52px;
    }

    .quote_list .swiper-button-prev {
        right: 98px;
    }

    .content-with-quote-main-sec .basic-intro-right-info.content-with-quote-right-info:after {
        width: 110px;

    }

    .quote_list .swiper-button-next,
    .quote_list .swiper-button-prev {
        bottom: -17px;
    }

    .image-content-left-right-main-sec.style-2 .basic-intro-right-info {
        padding: 20px 20px;
    }

    .content-with-quote-main-sec .basic-intro-right-info {
        padding: 20px 20px 30px;
    }

    footer#colophon {
        padding: 40px 0;
    }

    /* .footer-menu ul li.menu-item {
        width: calc(50% - 0px);
    } */

    ul#menu-footer-menu {
        gap: 6px 0px;
    }

    .footer-copy-right {
        flex-wrap: wrap;
    }

    .footer-copy-right ul {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;

        gap: 10px;
    }

    .footer-menu ul li.menu-item {
        /* width: 100%; */

    }

    .footer-menu {
        display: flex;
        gap: 61px;
    }

    .footer-site-info {
        max-width: 100%;
    }

    .footer-soical {
        justify-content: flex-start;
    }

    .our-team-cta-img,
    .our-team-cta-info {
        width: 100%;
    }

    .out-team-cta-box {
        display: flex;
        flex-direction: column;
    }

    .our-team-box {
        width: 100%;
    }

    .hero-banner-section.banner-section-style-three .hero-banner-content {
        width: 80%;
    }

    .footer-menu {
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
    }

    ul#menu-footer-menu,
    ul#menu-footer-menu-1,
    ul#menu-footer-menu-2 {
        flex-direction: column;
        width: calc(50% - 10px);
    }

    .conetent-data-main-sec .basic-intro-row {
        gap: 30px;
    }

    .latest-project-item img,
    .latest-blog-item img {
        height: 300px;
    }

    .banner-label {
        max-width: 380px;
    }

    section.project-banner:before,
    .blog-banner:before {
        height: 150px;
    }

    .map-iframe-col iframe {
        height: 300px;
    }

    .hero-banner-section.banner-section-style-three:after {
        width: 130px;
        height: 80px;
    }

    .button.back-project-btn:before {
        width: 35px;
    }

    .button.back-project-btn {
        padding: 5.5px 0px;
        padding-left: 45px;
    }

    .single-page-content-inner p {
        word-wrap: break-word;
    }

    .post-navigation-inner .nav-previous a {
        padding-left: 40px;
    }

    .post-navigation-inner .nav-next a {
        padding-right: 40px;
    }

    .post-navigation-inner .nav-previous a:before,
    .post-navigation-inner .nav-next a:before,
    .post-navigation-inner .nav-previous a:after,
    .post-navigation-inner .nav-next a:after {
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .post-navigation-inner .nav-previous a:after,
    .post-navigation-inner .nav-next a:after {
        background-size: 20px, 100% 100%;
    }

    .post-navigation-inner .nav-previous a,
    .post-navigation-inner .nav-next a {
        height: 30px;
        line-height: 1;
        font-size: 14px;
    }


}

@media only screen and (max-width:479px) {

    .step-number,
    .grad-txt {
        font-size: 40px;
    }

    .image-sectionx-main-sec .video-poster {
        min-height: 220px;
    }

    .contact-us-form .gfield_checkbox {
        flex-direction: column !important;
    }
}