@media only screen and (max-width: 1700px) {
    .team-section .team-intro-box {
        margin-bottom: 40px;
    }
    .g-section.team-section {
        padding-bottom: 70px;
    }
    .team-section .g-section-cols {
        width: 1100px !important;
    }
    .team-section .team-m-info {
        margin-top: -30px;
    }
    .team-section {
        padding-top: 0;
    }
    .team-section .team-img {
        margin-top: -200px;
        transform: scale(0.9);
    }
    .table-listing-col .g-table,
    .table-listing-col .table {
        width: 1000px;
    }
    .infrastructure-timeline .p-l-left-img {
        width: 510px;
        margin-left: auto;
    }

    .table-listing-col .g-table table tr th:nth-child(1),
    .table-listing-col .g-table table tr td:nth-child(1),
    .table-listing-col .g-table table tr th:nth-child(3),
    .table-listing-col .g-table table tr td:nth-child(3),
    .table-listing-col .g-table table tr th:nth-child(4),
    .table-listing-col .g-table table tr td:nth-child(4) {
        width: 140px;
    }

    .table-listing-col .left-black-s,
    .g-section.about-section-top .left-black-s {
        width: 240px;
    }

    .title-subtitle .text-g,
    .materials-section .left-black-s {
        width: 240px;
    }

    .testimonial-section {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -2px;
    }

    .testimonial-col {
        width: 1200px;
    }
    .timeline-sec-col .timeline-col {
        width: 485px !important;
        padding-left: 100px !important;
    }
    .timeline-sec-col .timeline-col article {
        padding: 30px 0 !important;
    }
    .slider-demo-img .marquee {
        height: 850px !important;
       }
    .location-section .title-subtitle h2 {
        width: 40%;
    }
    .location-section .g-section-cols .location-map iframe {
        width: 100%;
    }
    .location-section .g-section-cols .location-intro-box .des {
        width: 100%;
    }
    .location-section .g-section-cols .location-intro-box {
        padding-right: 20px;
    }
    .table-listing-col .g-table table { 
        width: 1000px;
    }
    .table-listing-section .title-subtitle.display-flex,
    .table-listing-section .table-listing-col.display-flex {
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 1600px) {
    .infrastructure-timeline .p-l-left-img {
        width: 480px;
    }
    .materials-section .materials-col-i {
        width: 90%;
    }
    .title-subtitle .text-g,
    .table-listing-col .left-black-s,
    .inquiry-forms-col .left-black-s,
    .g-section.contact-info .left-black-s,
    .g-section.location-section .left-black-s,
    .g-section.location-info-g-sec .c-row.g-section-intro .left-black-s,
    .g-section.p-listing-info .c-row.g-section-intro .left-black-s {
        width: 240px;
    }
    .banner-col .banner-hero img {
        height: 100vh;
        object-fit: cover;
    }
    
}


@media only screen and (max-width: 1400px) {
    .c-logo article span {
        width: 150px;
    }
    .team-section h2 {
        font-size: 130px !important;
        margin-right: -320px;
    }
    .testimonial-col {
        width: 1000px;
    }
    .g-section.about-section-bt .about-image {
        padding-left: 0;
        padding-right: 50px;
    }

    .banner-logo {
        text-align: center;
    }

    .banner-logo img {
        width: 120px;
    }

    .timeline-sec-col .timeline-col {
        padding-left: 100px;
    }

    

    .title-subtitle,
    .table-listing-col,
    .inquiry-forms-col {
        padding-bottom: 60px;
    }
    .table-listing-col .left-black-s {
        width: 170px;
    }
    .table-listing-col .g-table,
    .table-listing-col .table {
        width: 100%;
    }
 .table-listing-col .table {
    width: 900px;
 }
    .table-listing-col {
        padding-right: 20px;
    }

    .title-subtitle .text-g,
    .g-section.contact-info .left-black-s,
    .g-section.location-section .left-black-s,
     .g-section.location-info-g-sec .c-row.g-section-intro .left-black-s,
     .g-section.about-section-top .left-black-s,
     .materials-section .left-black-s,
     .g-section.p-listing-info .c-row.g-section-intro .left-black-s {
        width: 170px;
    }
    .materials-section .materials-col-i .materials-s-img {
        width: 150px;
    }
    .about-section-top .about-image {
        padding-left: 110px;
    }
    .g-section-intro .g-section-cols {
        width: 640px;
    }
    .g-section.contact-info .g-section-cols {
        width: 640px;
    }
    .g-section.contact-info h2 {
        line-height: 50px;
    }
    .r-container {
        width: 100%;
        padding: 0px 20px;
        gap: 20px;
    }

    .footer-content {
        padding: 100px 0px;
    }

    .table-listing-section .title-subtitle h2 {
        line-height: 50px;
    }

    .w-g-btn span.e-icon {
        width: 80px;
    }

    .image-info-col span.image-big {
        padding-right: 80px;
    }
    .inquiry-forms-col .left-black-s {
        width: 180px;
    }

    .inquiry-forms-col .inquiry-forms {
        width: 900px;
    }
    .about-section-top .about-intro-box .des {
        width: 100%;
    }
    .about-section-top h2 {
       
        line-height: 53px;
    }
    .about-section-top .about-image {
        padding-left: 50px;
    }
    .g-section.p-listing-info .g-section-cols {
        width: 900px;
    }

}
@media only screen and (max-width: 1300px) {
    .modal-dialog .modal-body img {
        height: 70vh;
    }
    .masonry-gallery .projects-gallery-col {
        height: 107vw;
    }
    .team-section h2 {
        font-size: 110px !important;
    }
    .team-section .team-img {
        width: 560px;
    }
    .team-section .team-m-info {
        gap: 30px;
        padding: 0 10px;
    }
    .testimonial-section .slick-list {
        width: 750px !important;
    }
    .timeline-sec-col .timeline-col {
        width: 400px !important;
        padding-left: 70px !important;
    }
    .timeline-sec-col .timeline-col article {
        border-bottom: 1px solid #C9C9C9;
        padding: 26px 0 !important;
    }
    .slider-demo-img .marquee {
        height: 750px !important;
       }
    .table-listing-col .g-table table {
        width: 890px;
    }
    .table-listing-col .table-tr {
        padding: 30px 0;
    }
}


@media only screen and (max-width: 1199px) {
    
    .c-logo article span {
        width: 170px;
    }
    .modal-dialog .modal-body img {
        height: 60vh;
    }
    .team-section .left-black-s {
        width: 100px;
    }
    
    .team-section h2 {
        font-size: 100px !important;
    }
    .team-title .team-top-h {
        width: 80%;
    }
    .team-title .team-top-h p{
        width: 100%;
    }
    .team-title .team-top-h h2 {
        line-height: 40px;
        width: 100%;
    }
    .singal-silde article, .singal-silde article .p-slider-img {
        height: 650px;
    }
    .singal-silde article .p-slider-content {
        bottom: 30px;
        left: 30px;
    }
    .singal-silde article h2 {
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .g-section.about-section-bt .about-image {
        padding-left: 0;
        padding-right: 20px;
    }
    .table-listing-col .table-tr {
        padding: 25px 0;
    }
    .table-listing-section .x-gap-span {
        display: none;
    }
    .table-listing-col .table {
        width: 100%;
    }
    .infrastructure-timeline .p-l-left-img {
        width: 95%;
    }
    .location-section .title-subtitle h2 {
        line-height: 50px;
    }
    .g-section.contact-info .g-section-col,
    .team-title .g-section-col,
    .team-section .g-section-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    .testimonial-section .slick-list {
        width: 700px !important;
    }
    .testimonial-slider article>div {
        line-height: 35px;
    }
    .testimonial-slider h6.t-author-name {
        padding: 20px 0 8px;
        font-weight: 500;
    }
    
    .testimonial-col button.slide-arrow {
        width: 25px;
    }
    .testimonial-col button.slide-arrow.prev-arrow {
        right: 40px;
    }
    .testimonial-col button.slide-arrow.prev-arrow:hover {
        right: 45px;
    }
    .inquiry-forms-col .left-black-s {
        width: 130px;
    }

    header nav {
        padding: 20px 30px;
    }

    .image-info-col span.image-big {
        padding-right: 70px;
    }

    .table-listing-col {
        padding-left: 60px;
        padding-bottom: 60px;
    }

    .table-listing-col .g-table table tr th {
        padding: 30px 0;
    }

    .table-listing-col .left-black-s {
        width: 0px;
    }

    .table-listing-col .g-table table tr th:nth-child(1), .table-listing-col .g-table table tr td:nth-child(1), .table-listing-col .g-table table tr th:nth-child(3), .table-listing-col .g-table table tr td:nth-child(3), .table-listing-col .g-table table tr th:nth-child(4), .table-listing-col .g-table table tr td:nth-child(4) {
        width: 150px;
    }

    header nav {
        padding: 10px 20px;
    }

    .footer-content {
        padding: 80px 0px;
    }

    .footer-logo {
        padding-bottom: 40px;
    }

    .footer-info {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .title-subtitle h4 {
        line-height: 30px;
    }

    .portfolio-section .g-page-btn {
        padding-right: 160px;
    }

    .portfolio-col {
        gap: 35px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .title-subtitle {
        padding-bottom: 30px;
        padding-left: 60px;
    }

    .timeline-sec-col .timeline-col article {
        padding: 30px 0;
    }

    .timeline-sec-col .timeline-col {
        padding-left: 80px;
        padding-right: 0px;
    }

    .slider-demo-img .marquee {
        height: 700px;
    }

    .table-listing-col .g-table table {
        width: 100%;
    }

    .w-g-btn span.e-icon {
        width: 70px;
    }

    .timeline-sec-col .title-subtitle {
        flex-direction: column;
        gap: 10px;
    }
    .table-list-col .page-title h2 { width: 100%;}
 

    .inquiry-forms-col .inquiry-forms {
        width: 750px;
    }
    .title-subtitle, .table-listing-col, .inquiry-forms-col {
        padding-bottom: 40px;
    }
    .slider-demo-img .marquee {
        height: 650px !important;
       }
    .location-info-g-sec .g-section-intro .g-section-cols {
        margin-top: 30px;
    }
    .location-section .g-section-cols .location-map iframe {
        height: 540px;
        margin-top: -95px;
    }
    .title-subtitle,
    .title-subtitle,
     .table-listing-col, .inquiry-forms-col {
        padding-left: 20px !important;
    }
    .inquiry-forms-col .left-black-s{
        width: 150px !important;
    }
    .inquiry-forms-col .inquiry-forms {
        width: 80% !important;
    }header nav {
        padding: 10px 40px;
    }
    .g-section.location-section .g-section-col,
    .g-section.location-info-g-sec .g-section-col,
    .g-section.about-section-top .g-section-col,
    .materials-section .g-section-col,
    .g-section.p-listing-info .g-section-col{
        padding-left: 20px;
        padding-right: 20px;
    }
    .about-section-top .about-image {
        padding-left: 20px;
    }
    .about-section-top .g-section-cols {
        width: 85% !important;
    }
    .materials-section .materials-col-i {
        width: 100%;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .slider-demo-img.c-logo {
        padding-top: 50px;
    }
    .c-logo article span {
        padding: 15px;
    }
    .slider-demo-img.c-logo .g-section-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    .projects-gallery .g-section-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .masonry-gallery .projects-gallery-col .thumbnail {
       
    }
    .masonry-gallery .projects-gallery-col {
    column-count: 2;
}
    .team-section .left-black-s{
        display: none;
    }
    .team-title .team-top-h h2 {
       margin-bottom: -20px;
    }
    .team-title .team-top-h {
        width: 100%;
    }
    .team-title .team-top-h h2 {
        line-height: 40px;
       
        margin-top: 10px;
        margin-bottom: -10px;
    }
    .singal-silde article, .singal-silde article .p-slider-img {
        height: 550px;
    }
    .singal-silde h3 {
        font-size: 15px !important;
    }
    .singal-silde article a {
        font-size: 18px !important;
        line-height: 33px;
    }
    .contact-info.google-map {
        padding: 10px 0 0;
    }
    .contact-info.google-map+.contact-info {
        padding-top: 10px;
    }
    .about-section-top h2 {
        padding-bottom: 20px;
    }
    .table-listing-col .project-size {
        width: 100px !important;
    }
    .table-listing-col .project-img {
        width: 170px;
    }
    .table-listing-col .project-img a {
        width: 100%;
    }
    .table-listing-col .table {
        width: 100%;
        overflow-X: auto;
    }
    .table-listing-col .table .table-in {
        width: 700px;
    }
    .table-listing-col .project-title, .table-listing-col .project-size, .table-listing-col .project-overview {
        width: 160px;
        float: left;
    }
    .table-listing-col .project-overview {
        width: 180px;
    }
    .g-section.p-listing-info .c-row.g-section-intro>.display-flex {
        flex-direction: column;
    }
    
    .g-section.p-listing-info .g-section-cols {
        width: 100%;
    }    
    .infrastructure-timeline .p-l-left-img {
        width: 95%;
        margin: 0 auto;
    }
    .materials-section .c-row>.materials-col {
        flex-direction: column;
    }
    .g-section.about-section-top .g-section-col .c-row.g-section-intro>.display-flex {
        flex-direction: column;
    }
    .about-section-top .g-section-cols {
        width: 100% !important;
    }
    .testimonial-section .slick-list {
        width: 550px !important;
    }.g-section.contact-info .c-row.g-section-intro>.display-flex {
        flex-direction: column;
    }
    .g-section.contact-info .g-section-cols {
        width: 100%;
    }
    .g-section.contact-info h2 {
        width: 100%;
    }
    .g-section-intro .g-section-cols .des {
        padding: 15px 0 20px;
    }
    
    .scroll-d {
        bottom: 60px;
    }
    .g-input-f .g-input input {
        
        padding: 10px 0px;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f {
        padding: 10px 0 20px;
    }
    .title-subtitle h2 {
        line-height: 40px;

    }

    .banner-col-b .image-info-col .image-small {
        margin-top: 120px;
    }


   
    .table-listing-col .g-table table tr th:nth-child(1), .table-listing-col .g-table table tr td:nth-child(1), .table-listing-col .g-table table tr th:nth-child(3), .table-listing-col .g-table table tr td:nth-child(3), .table-listing-col .g-table table tr th:nth-child(4), .table-listing-col .g-table table tr td:nth-child(4) {
        width: 128px;
    }
    .table-listing-col .g-table table tr td {
        padding: 20px 0;
    }


   
    .inquiry-forms-col {
        padding-bottom: 20px;
    }
    .g-input-f .g-input textarea {
        height: 100px;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f {
        gap: 20px;
        flex-wrap: wrap;
    }
    .inquiry-forms-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    .inquiry-forms-col .inquiry-forms {
        width: 100%;
    }

    .inquiry-forms-col .left-black-s {
        width: 0px;
    }
    .portfolio-col article {
        width: 48%;
    }
    

    .image-info-col span.image-big {
        padding-right: 50px;
    }

    .table-listing-col {
        padding-left: 20px;
        padding-bottom: 10px;
    }

    .slider-demo-img .marquee {
        height: 600px;
    }

    .timeline-sec-col span.timeline-no {
        width: 150px;
        font-size: 50px;
    }

    .title-subtitle {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .timeline-sec-col .timeline-col {
        padding-left: 70px;
    }

    .timeline-sec-col .timeline-col article {
        padding: 30px 0;
    }

    .title-subtitle h4 {
        width: 440px;
    }

    .title-subtitle.display-flex {
        flex-direction: column;
        gap: 10px;
    }

    .portfolio-col {
        gap: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }




    .banner-col-b h1 {
        padding: 30px 0 40px;
    }

    header nav {
        padding: 10px 40px;
    }

    ul.footer-link {
        gap: 70px;
        padding-bottom: 40px;
    }

    .footer-content {
        padding: 60px 0px;
    }

    .footer-logo {
        padding-bottom: 30px;
    }

    #button {
        width: 55px;
        height: 55px;
    }

    .portfolio-section .g-page-btn {
        padding-right: 60px;
    }

    .table-listing-col .g-table table tr th {
        padding: 25px 0;
    }

    .table-listing-col .g-table table tr th:nth-child(2),
    .table-listing-col .g-table table tr td:nth-child(2) {
        width: 230px;
    }
    .timeline-section.infrastructure-section .timeline-sec-col {
        flex-direction: column !important;
    }
    .timeline-section.infrastructure-section .timeline-sec-col .wi-50 {
        width: 100%;
    }
    .timeline-section.infrastructure-section h4 {
        width: 100% !important;
    }
    .timeline-sec-col .timeline-col {
        width: 100% !important;
        padding-left: 0px !important;
    }
    .timeline-sec-col .timeline-col article {
        padding: 26px 20px !important;
    }
    
    .table-listing-col .g-table table {
        width: 800px !important;
    }
    .location-info-g-sec .title-subtitle h4 {
        width: 460px;
    }
    
    .location-info-g-sec .g-section-intro .g-section-cols {
        margin-top: 30px !important;
        margin: 0 auto;
        width: 100%;
    }
    
    .location-section .g-section-cols {
        width: 100% !important;
    }
    .inquiry-forms-col {
        flex-direction: column;
    }
    .inquiry-forms-col .inquiry-forms {
        width: 100% !important;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f {
        padding: 0px 0 15px !important;
    }
    .g-btn {
        padding: 8px 24px;
        line-height: 2em;
        margin-top: 10px;
    }
    .portfolio-col .portfolio-c-content {
        padding: 25px 0 10px !important;
    }
    .portfolio-col .portfolio-c-content a {
        font-size: 15px !important;
              margin-top: 3px;
    }
    .portfolio-col .portfolio-c-content span {
        font-size: 20px !important;
    }
    header .menu.header-menu ul {
        gap: 20px;
        padding-left: 20px;
    }
    .menu.header-menu .g-btn {
        margin-top: 0 !important;
    }
    .g-section.location-section .c-row.g-section-intro>.display-flex,
    .g-section.location-info-g-sec .c-row.g-section-intro>.display-flex{
        flex-direction: column;
    }
}
@media only screen and (max-width: 850px) {
    .testimonial-section .slick-list {
        width: 450px !important;
    }
    .testimonial-slider article>div {
        line-height: 30px;
    }
}
@media only screen and (max-width: 767px) {
.timeline-section.infrastructure-section .title-subtitle {
    margin-bottom: 10px;
}
    .modal-dialog {
        max-width: 100%;
        width: 90%;
        margin: 0 !important;
    }
    .modal-dialog .modal-body img {
        height: 80vh;
    }
    .team-intro-box.tran h2 {
        margin-right: auto;
        margin-left: -80px;
        position: relative;
        left: -60px;
    }
    .team-section .team-intro-box {
        margin-bottom: 30px;
    }
    .g-section.team-section {
        padding-bottom: 50px;
    }
    .team-section .team-intro-box {
        padding: 35px 0px !important;
    }
    .team-section .team-img {
        width: 360px;
    }
    .team-section h2 {
        font-size: 50px !important;
        margin-right: -380px;
    }
    .team-section h2 {
        font-size: 70px !important;
        margin-right: -150px;
        width: 250px;
        margin-top: 70px;
    }
    .team-intro-box .team-img p {
        padding: 20px !important;
        font-size: 16px;
        width: 80%;
        margin-top: -90px;
        line-height: 22px;
    }
    .team-section {
        padding-top: 0 !important;
    }
    
    .team-section .g-section-cols {
        width: 100% !important;
    }
    .singal-silde article .p-slider-content {
        bottom: 20px;
        left: 20px;
    }
    .google-map iframe {
        height: 320px;
    }
    .contact-info-top {
        padding-bottom: 0 !important;
    }
    .g-section.about-section-bt .g-section-cols {
        flex-direction: column;
    }
    .table-listing-col .table-tr {
        padding: 15px 0;
    }
    .table-tr.table-top-title {
        padding-bottom: 20px;
    }
    .menu.header-menu button.dropdown-button {
        padding: 0 0 20px !important;
        font-weight: 500;
        color: #fff;
    }
    .menu.header-menu li a, .menu.header-menu button.dropdown-button {
        font-size: 14px !important;
        padding-bottom: 20px !important;
        width: 100%;
        text-align: left;
    }
    .innerpage-slider .slide-arrow.slick-arrow {
        bottom: 10px;
        right: 10px;
        width: 30px;
    }
        .innerpage-slider .slide-arrow.slick-arrow.prev-arrow {
            right: 40px !important;
            bottom: 12px;
        }
        .innerpage-slider .slide-arrow.slick-arrow.prev-arrow:hover {
            right:50px !important;
        }
        .innerpage-slider .slick-dotted.slick-slider{
            margin-bottom: 00px;
        }
        .innerpage-slider .slide-arrow.slick-arrow.next-arrow:hover {
            right: 0px;
        }        
    .g-section.p-listing-info h2 {
        width: 100% !important;
    }
    .timeline-section.infrastructure-section.infrastructure-timeline {
        padding-bottom: 30px !important;
    }
    .materials-section .materials-col-i article {
        width: 47%;
        
    }
    .materials-section .c-row .materials-btn-con .page-title {
        width: 100%;
        margin-bottom: 10px;
    }
    .materials-section .materials-col-i {
        flex-wrap: wrap;
        justify-content: center;
    }
    .materials-section .c-row .materials-btn-con {
        flex-direction: column;
    }
    .testimonial-section>.c-row>.display-flex {
        flex-direction: column;
    }
    .testimonial-section .title-subtitle {
        padding-left: 0 !important;
    }
  
    .testimonial-col, .testimonial-section .slick-list {
        width:100% !important;
    }
    .testimonial-section .slick-list {
        width: 88% !important;
    }
    .table-listing-col .g-table table tr th:nth-child(1), .table-listing-col .g-table table tr td:nth-child(1), .table-listing-col .g-table table tr th:nth-child(3), .table-listing-col .g-table table tr td:nth-child(3), .table-listing-col .g-table table tr th:nth-child(4), .table-listing-col .g-table table tr td:nth-child(4) {
        width: 110px;
    }
    .table-listing-col .g-table table tr th {
        padding: 20px 0;
    }
    .table-listing-col .g-table table tr td {
        padding: 15px 0;
    }
    .table-listing-col .g-table table {
        overflow-x: auto;
        width: 750px;
    }

    .banner-logo img {
        width: 100px;
    }
    .banner-col-b .image-info-col .image-small {
        margin-top: 90px;
    }

    .portfolio-btn-con {flex-direction: column;}

    .image-info-col span.image-big {
        padding-right: 20px;
    }

    .table-listing-col {
        padding-left: 20px;
        padding-bottom: 0px;
    }

    .timeline-sec-col span.timeline-no {
        width: 110px;
        font-size: 40px;
    }

    .timeline-sec-col .timeline-col {
        padding-left: 0px;
        width: 100%; 
    }

    .timeline-sec-col .timeline-col article {
        margin: 0px 20px;
    }

    .portfolio-section .g-page-btn {
        margin-left: 20px;
    }


    .portfolio-sec-col .page-title {
        width: 100%;
    }

    .slider-demo-img .marquee {
        height: 450px;
    }

    .timeline-sec-col.display-flex {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .timeline-sec-col .page-title {
        width: 100%;
    }

    .title-subtitle h4 {
        width: 100%;
    }

    .title-subtitle {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .portfolio-col {
        gap: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }

    header nav {
        padding: 10px 30px;
    }

    ul.footer-link {
        gap: 50px;
        padding-bottom: 30px;
    }

    .footer-info {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .footer-content {
        padding: 50px 0px;
    }

    .banner-col-b .image-info-col .image-small {
        margin-right: -80px;
    }

    .banner-col-b h1 {
        padding: 20px 0 30px;
    }

    .w-g-btn span.e-icon {
        width: 60px;
    }

    ul.footer-link li a::before {
        right: -27px;
    }

    .r-container {
        padding: 0px 10px;
    }

    .footer-logo img {
        width: 100px;
    }

    .title-subtitle.display-flex {
        gap: 5px;
    }

    .portfolio-col article {
        width: 48%;
    }
    .timeline-sec-col .timeline-col article {
        padding: 25px 0;
    }
    .title-subtitle h4 {
        line-height: 25px;
    }
    .scroll-d {
        height: 90px;
    }
    .banner-section-b {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .portfolio-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .portfolio-section .g-page-btn {
        padding-right: 20px !important;
        text-align: right;
    }
    .portfolio-section .g-page-btn a.w-g-btn {
        justify-content: end;
    }
    .slider-demo-img .marquee {
        height: 500px !important;
    }
    .table-listing-col .g-table table {
        width: 680px !important;
    }
    .location-info-g-sec .title-subtitle h4 {
        width: 100%;
    }
    .location-info-g-sec .g-section-col div.display-flex {
        flex-direction: column;
        padding-right: 0;
    }
    .location-section .g-section-cols .location-intro-box, .location-section .g-section-cols .location-map {
        width: 100%;
    }
    .location-section .title-subtitle h2 {
        width: 100%;
    }
    .location-section .g-section-cols .location-intro-box {
        padding-right: 0px;
    }
    .location-section .g-section-cols .location-map iframe {
        height: 500px;
        margin-top: 30px;
    }
    .location-info-col ul {
        gap: 20px;
     }
    .location-section .g-section-cols {
        flex-direction: column;
    }
    .g-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .inquiry-form-col .title-subtitle h2 {
        width: 100%;
    }
    .g-btn {
        margin-top: 5px;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f {
        gap: 10px !important;
    }
    .table-listing-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .table-listing-section .title-subtitle h2 {
        line-height: 30px !important;
        margin-top: 5px !important;
    }
    header .icon.header-toggle{
        display: block;
      }
      .list-item {
        display: none;
      }
      .menu.header-menu {
        background: #000;
        width: 100%;
        position: absolute;
        top: 90px;
        left: 0;
    }
    header .menu.header-menu ul {
            padding-left: 0;
    }
    .menu.header-menu li a {
        color: #fff;
        font-weight: 500;
        padding-bottom: 25px;
    }
    .menu.header-menu li:nth-last-child(1) a {
    padding-bottom: 0 !important;
}
    .menu.header-menu li:nth-last-child(2) a{
        padding-bottom: 0;
    }
    .menu.header-menu li.d-menu-last {
        margin-left: 0;
    }
    header .menu.header-menu ul {
        padding: 20px;
    }
    header nav {
        justify-content: space-between;
    }
    header nav {
        padding: 10px 25px;
    }
    .icon.header-toggle .toggle { 
               margin: 0px;
    font-size: 22px;
    border: 3px solid #de3135;
    padding: 4px 8px;
    color: #d13134;
    }.testimonial-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-section-top .g-section-cols {
       flex-direction: column;
    }
    .about-section-top .about-intro-box, .about-section-top .about-image {
        width: 100%;
    }
    .about-section-top .about-image {
        padding-left: 0;
    }
    .about-section-top .about-intro-box .des {
        padding: 0 0 0px !important;
    }
    .about-section-top h2 {
        padding-bottom: 0;
    }
    .about-intro-box p {
        padding: 0 0 8px !important;
    }
    .about-section-top .about-intro-box {
        padding-bottom: 20px;
    }
    .about-intro-box p {
        line-height: 22px;
    }
    .team-section h2.w-full-n {
        font-size: 40px !important;
        margin-right: -110px;
        width: 280px;
    }
.portfolio-section .portfolio-c-image {
    height: 350px;
}
}

@media only screen and (max-width: 575px) {
.footer-logo {
    width: 85px;
 
}
.c-logo article span {
    width: 130px;
}
.c-logo article span img {
    width: 100%;
}
.footer-logo img {
    width: 60px !important;
}
.portfolio-section .portfolio-c-image {
    height: auto;
}
    .team-section h2.w-full-n {
        font-size: 26px !important;
        margin-right: -110px;
        width: 180px;
    }
    
    .team-section .team-img.w-full-i {
        margin-top: -360px;
    }
    .team-section .team-img.w-full-i {
        margin-top: -310px;
    }
    .team-intro-box.tran{
        position: relative;
    }
    .team-intro-box.tran h2 {
        margin-right: 0;
        margin-left: auto;
        position: absolute;
        left: 0px;
        text-align: right;
        margin-top: 0;
        top: 30px;
        right: 10px;
    }
    .team-intro-box.tran .span-img {
        margin-left: 0 !important;
    }
    .team-section .team-info-img {
       flex-direction: column;
    }
    .team-intro-box .team-img p {
        margin-top: -10px;
    }
    .team-section .team-intro-box {
        padding: 35px 10px !important;
    }
    .team-section h2 {
        font-size: 30px !important;
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .team-section .team-img {
        width: 100%;
        margin-top: -210px;
    }
    .team-section .team-img .span-img {
        width: 80%;
        margin: 0 0 0 auto;
    }
    .team-title {
        padding-bottom: 70px;
    }
    .team-section .team-m-info {
        gap: 0px;
        padding: 0 10px;
        flex-direction: column;
    }
    .team-title .title-subtitle {
        padding-right: 0;
    }
    .team-title .team-top-h h2 {
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: -15px;
    }
    .singal-silde article, .singal-silde article .p-slider-img {
        height: 350px;
    }
    .singal-silde article .p-slider-content {
        bottom: 15px;
        left: 15px;
    }
    .singal-silde .slide-arrow.slick-arrow {
        bottom: 15px;
        right: 10px;
        width: 25px;
    }
    .singal-silde .slide-arrow.slick-arrow.prev-arrow {
        transform: rotate(180deg) !important;
        right: 34px !important;
        bottom: 17px;
    }
    .singal-silde .slide-arrow.slick-arrow.prev-arrow:hover {
        right: 40px !important;
    }
    .singal-silde .slide-arrow.slick-arrow.next-arrow:hover {
        right: 5px;
    }
    .singal-silde article a {
        font-size: 15px !important;
    }
    .singal-silde article h2 {
        margin-bottom: 3px;
        margin-top: 13px;
    }
    .table-listing-col .project-title, .table-listing-col .project-size, .table-listing-col .project-overview {
        width: 160px;
    }
    .table-listing-col .project-img {
        width: 100px;
    }
    .table-listing-col .project-size {
        width: 80px !important;
    }
    .table-listing-col .table .table-in {
        width: 570px;
    }
    .table-listing-col .project-overview {
        width: 180px !important;
    }
    .g-section.p-listing-info ul {
        padding-top: 30px;
        gap: 6px;
        flex-wrap: wrap;
    }
    .g-section.p-listing-info .des {
        padding: 10px 0 0px !important;
    }
    .g-section.p-listing-info {
        padding-top: 30px;
    }
    .g-section.p-listing-info ul span {
        padding-bottom: 8px;
        font-size: 15px;
    }
    .g-section.p-listing-info ul li {
        width: 45%;
    }
    .materials-section .title-subtitle {
        padding-right: 0 !important;
    }
    .materials-section+.testimonial-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .materials-section .materials-col-i .materials-s-img {
        width: 130px;
        margin-bottom: 10px;
    }
    .materials-section .materials-col-i article {
        width: 100%;
    }
    .location-section .title-subtitle h2 {
        line-height: 30px;
        margin-top: 6px;
    }
    .g-section.contact-info h2 {
        line-height: 30px;
        margin-top: 10px;
    }
    .g-section-intro .g-section-cols .des {
        line-height: 20px;
    }
    .contact-info .g-section-col ul.display-flex {
        flex-direction: column;
        gap: 15px;
    }
    .menu.header-menu {
        top: 70px;
    }
    header .logo a {
            width: 120px;
    }
    header .menu.header-menu ul {
        padding: 25px 20px;
    }
    .menu.header-menu li a {
        padding-bottom: 20px;
    }
    .testimonial-col button.slide-arrow {
        top: -28px;
    }
    .testimonial-section .slick-list {
        width: 100% !important;
    }
    .testimonial-slider article {
       width: 90%;
    }
    .testimonial-slider article>div {
        line-height: 25px;
        font-size: 18px !important;
    }
    .testimonial-col button.slide-arrow.prev-arrow:hover {
        right: 45px;
        top: -28px;
    }
    .timeline-sec-col .timeline-content span+span {
       padding-top: 6px;
        font-size: 14px;
    }
    .timeline-sec-col.display-flex {
        gap: 10px;
    }
    .portfolio-col.display-flex {
        flex-direction: column;
    }

    .portfolio-col article {
        width: 100%;
    }

    .slider-demo-img .marquee {
        height: 450px;
    }

    .footer-logo img {
        width: 80px;
    }

    .footer-logo {
        padding-bottom: 20px;
    }

    .footer-content {
        padding-bottom: 30px;
    }

    .footer-info {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .w-g-btn span.e-icon {
        width: 50px;
    }

    .back-to-top #button {
        width: 45px;
        height: 45px;
        right: 25px;
    }

    ul.footer-link li a::before {
        right: -16px;
    }

    ul.footer-link {
        gap: 30px;
        padding-bottom: 30px;
    }

    .banner-col-b {
        flex-direction: column-reverse;
        gap: 15px !important;
    }

    .banner-col-b .text-info-col,
    .banner-col-b .image-info-col {
        width: 100%;
    }

    .banner-col-b h1 {
        padding: 20px 0 20px;
    }

    .r-container {
        gap: 40px;
    }

    .footer-content {
        padding: 40px 0px;
    }

    ul.sos-link {
        gap: 20px;
    }

    header nav {
        padding: 10px 20px;
    }
    .banner-col-b h1 {
        padding: 14px 0 20px;
    }

    ul.footer-link {
        gap: 22px;
        padding-bottom: 50px;
    }

    ul.footer-link li a::before {
        right: -8px;
    }

    .back-to-top #button {
        right: 10px;
    }

    .footer-content {
        padding-bottom: 20px;
    }
    .timeline-section.infrastructure-section {
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .timeline-sec-col .timeline-col article {
        padding: 25px 10px !important;
        margin: 0px 10px !important;
    }
    .timeline-sec-col span.timeline-no {
        width: 75px !important;
        font-size: 30px !important;
    }
    .slider-demo-img .marquee {
        height: 300px !important;
    }
    .inquiry-form-col .title-subtitle h2 {
        line-height: 30px;
    }
    .table-listing-col .g-table table tr th:nth-child(1), .table-listing-col .g-table table tr td:nth-child(1), .table-listing-col .g-table table tr th:nth-child(3), .table-listing-col .g-table table tr td:nth-child(3), .table-listing-col .g-table table tr th:nth-child(4), .table-listing-col .g-table table tr td:nth-child(4) {
        width: 80px !important;
    }
    .table-listing-col .g-table table tr th:nth-child(2), .table-listing-col .g-table table tr td:nth-child(2) {
        width: 150px !important;
    }
    .table-listing-col .g-table table tr th:nth-child(5), .table-listing-col .g-table table tr td:nth-child(5) {
        width: 90px;
    }
    .location-info-col ul li {
        gap: 5px;
        font-size: 14px;
    }
    .location-info-g-sec .g-section-intro .g-section-cols {
        width: 100%;
        margin-top: 20px !important;
    }
    .location-section .g-section-cols .location-map iframe {
        height: 350px;
    }
    .g-input-f .g-input input, .g-input-f .g-input textarea, .g-input-f .g-input input::placeholder, .g-input-f .g-input textarea::placeholder {
        font-size: 13px;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f.checkbox {
        padding-top: 0;
        gap: 6px !important;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .inquiry-forms-col .g-input-f.checkbox span label {
       font-size: 15px;
    }
    .inquiry-form {
        padding-top: 50px;
    }
    .g-input-f .g-input textarea {
        padding-top: 4px;
        height: 60px;
    }
    .inquiry-forms-col .inquiry-forms .g-input-f {
        padding: 0px 0 0px !important;
    }
    .g-input-f .g-input input {
        padding: 5px 0px !important;
    }
.inquiry-forms-col .inquiry-forms .g-input-f {
    gap: 0px !important;
}
}


@media screen and (min-width: 601px) {
    .header-menu .dropdown:hover .dropdown-content {
        display: block;
    }
}
@media screen and (max-width:767px) {
    .projects-gallery {
        padding-bottom: 50px;
    }
    .projects-gallery-col.gallery article {
        width: 48%;
    }
    .projects-gallery-col.gallery {
        justify-content: center;
    }
    .projects-gallery .g-section-col {
        padding-left: 10px;
        padding-right: 10px;
    }
    .masonry-gallery .projects-gallery-col {
        height: 250vw;
    }
    .header-menu .dropdown.clicked .dropdown-content {
        display: block;
        position: relative;
        background: #515151;
        padding: 10px 20px;
        margin-bottom: 16px;
    }
.footer-info .footer-loc {
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
}
@media screen and (max-width: 575px) {
.logo.banner-logo {
    width: 150px;
    height: 150px;
}
.logo.banner-logo img {
    width: 60px !important;
}
.projects-gallery-col.gallery article {
    width: 100%;
}
}
@media screen and (max-width: 450px) {
    ul.footer-link {
        gap: 9px !important;
        padding-bottom: 50px;
    }

}

/*--25jan---*/
@media screen and (max-width: 991px) {
.masonry-gallery .projects-gallery-col {
   
}}
@media screen and (max-width: 767px) {
.projects-gallery-col article h2 {
   font-size: 21px !important;
}
.projects-gallery-col article a {
    font-size: 13px !important;
}
    .masonry-gallery .projects-gallery-col {
        column-count: 1;
    }
.g-section.about-section-bt .about-image {
   padding-right: 0;
}
}
/*--25jan---*/