@media screen and (max-width:3000px) {
    .sub-footer p {
        display: none;
    }
}

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



    .project-text h3 {
        padding-right: 8rem;
    }

    /* Services Page Card */

    .services-page-cards .card {
        height: 23rem;
    }



}

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



    /* Services Page Card */

    .services-page-cards .card {
        height: 24rem;
    }

    .other-details {
        margin-top: 3rem;
        padding-inline: 1.5rem;
    }
}

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

    /* Navbar */

    .navBar li a {
        /* margin-right: 0.6rem; */
        font-size: 12.5px;
    }

    /* Services Section */
    .our-services .card {
        width: 100%;
    }

    .services-btn,
    .comman-btn {
        padding: 0.5rem 1.1rem;
    }

    /* Recent Work */

    .swiper-slide img {
        height: 400px;
    }

    .project-text h3 {
        padding-right: 0rem;
    }

    .self1 {
        right: 40px;
    }

    /* Extra Slider */

    .slide img {
        height: 280px;
        width: 280px;
        transition: all 1s;
        cursor: pointer;
    }

    .carousel-item img{
        height: 500px;
    }

    .slider {
        margin-top: 0rem;
    }

    /* Services Page Card */

    .services-page-cards .card {
        height: 26rem;
    }

    .other-details {
        margin-top: 3rem;
        padding-inline: 0.5rem;
    }




}





@media screen and (max-width:992px) {
    /* Navbar */

    .navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:active {
        border: none;
        box-shadow: none;
    }

    .nav-link.active {
        border: none;
    }

    .nav-link.active {
        margin-top: 1rem;
    }

    .topNavStrip .social-media {
        display: none;
    }

    .self1 {
        bottom: -30px;
    }





    .STmargin {
        margin-top: 2rem;
    }

    .direction-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .our_services h4 {
        margin-top: 1rem;
    }

    .about-vision-contact {
        margin-top: 1rem;
        background-color: var(--light-blue);
        padding: 1.3rem 1.5rem;
        padding-left: 4rem;
    }

    .section2-img {
        margin-top: 2rem;
    }

    /* Recent Work */

    .recent-work .swiper-slide a {
        left: 37%;
    }

    .comman-headings {
        margin: 0 auto;
    }

    .project-text {
        margin-top: 2rem;
    }

    /* Vission & Mission */

    .vision-mission {
        margin-inline: 0.3rem;
        padding-block: 1rem;
        padding-inline: 2rem;
        width: 329px;
    }

    .NML {
        margin-left: -1rem;
    }

    /* Footer */
    .markets {
        margin-left: 0rem;
    }

    .follow-us {
        margin-left: 0rem;
    }

    .footer-logo-m {
        margin-left: -10%;
    }

    .slide img {
        height: 250px;
        width: 250px;
    }

    .carousel-item img{
        height: 450px;
    }


    .slider {
        margin-top: -2rem;
        margin-bottom: -7rem;
    }

    .slider::after,
    .slider::before {
        height: 85%;

    }

    .E-btn {
        position: absolute;
        bottom: 40px;
    }

    /* Services Page Card */

    .services-page-cards .card {
        height: 20rem;
    }

    .our-projects{
        margin-block: 0;
    }

    .gallery-section img {
       margin-top: 1rem;
       width: 100% !important;
       height: 100% !important;
    }

}

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

    /* Navbar */

    .topNavStrip {
        display: none;
    }

    .self1 {
        bottom: -30px;
        display: none;
    }

    .accordion {
        display: block;
    }

    .carousel-item img {
        height: 500px;
    }

    /* Heading Centerd */

    .comman-headings h5,
    .comman-headings h3 {
        text-align: center;
        margin: 0 auto;
    }

    .project-text h3 {
        padding: 0px;
    }

    .section3-headings {
        margin-left: 4rem;
    }

    .copywrite {
        display: none;
    }

    .sub-footer p {
        display: block;

    }

    .sub-footer {
        padding: 0.2rem;
    }





    /* Services Section */


    .card-numbers {
        top: -39%;
        display: none;
    }



    .our-services .card .card-body {
        margin-top: 1rem;
    }

    .STmargin-767 {
        margin-top: 2rem;
    }

    .footer-logo {
        margin-left: 0rem;
        margin-top: 2rem;

    }

    /* About Us Page */

   

    .directionReverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-para {
        margin-left: 0rem;
    }

    /* Vission & Mission */

    .vision-img img,
    .mission-img img {
        width: 30%;
    }

    .vision-mission {
        margin-inline: 0.3rem;
        padding-bottom: 2rem;
        padding-top: -3rem;
        padding-inline: 2rem;
        margin-bottom: 2rem;
        width: 450px;
    }

    .NML {
        margin-left: -1rem;
    }

    .slider {
        margin-top: -2rem;
        margin-bottom: -6rem;
    }

    .slider::after,
    .slider::before {
        height: 90%;

    }

    .E-btn {
        bottom: 30px;
    }

    /* Services Page Card */

    .services-page-cards .card {
        height: 17rem;
    }

    .carousel-item img{
        height: 400px;
    }
}



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

    .quick-links>div>div div{
        margin: 0;
        margin-top: 1rem;
    }

    .our_services .col-lg-5>div {
        width: 100%;
        height: auto;
        overflow: hidden;
        border: 1px solid #ccc;
        padding: 0.5rem;
        border-radius: 1rem;
    }

    /* Gallery Section */
 

    .gallery-page-imgs img {
        border-radius: 0.6rem;
    }

    /* Vission & Mission */
    .vision-mission {
        width: 400px;
    }

    .SDMT {
        margin-top: 2rem;
    }

    .section3-headings {
        margin-left: -1rem;
    }

    .slide img {
        height: 180px;
        width: 180px;
    }

    .carousel-item img{
        height: 300px;
    }

    .slider {
        margin-top: -4rem;
        margin-bottom: -8rem;
    }

    .slider::after,
    .slider::before {
        height: 85%;

    }

    .E-btn {
        bottom: 50px;
    }

    .erection-text p {
        margin-top: 1rem;
        text-align: left;
    }

    .card-img {
        height: 300px;
    }

    .our-services .card {
        height: 540px;
    }

}

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



    .card-numbers {
        top: -47%;
    }


    .self1 {
        display: none;
    }

}


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


    /* Vission & Mission */
    .vision-mission {
        width: 300px;
    }

    .NML {
        margin-left: 0rem;
    }

}