@media screen and (max-width:540px) {
    .main-content2 {
        padding: 0 10px
    }

    .main-content2 .body_building_box .building-content .card-title {
        font-size: 20px;
        text-align: justify
    }

    .main-content2 .body_building_box .building-content .card-content,
    .main-content2 .body_building_box .building-content .card-content2 {
        font-size: 15px;
        line-height: 1.6;
        text-align: justify
    }

    .main-content2 .body_building_box .building-content .card-text-box2 {
        text-align: center;
        padding: 15px 10px
    }

    .navbar-collapse {
        background-color: #434343;
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        padding: 15px;
        z-index: 10
    }

    .navbar-nav {
        display: flex;
        flex-direction: column
    }

    .navbar-nav .nav-link {
        padding: 10px 15px;
        color: #fff !important
    }

    #main-banner,
    #news-banner,
    #blog-banner,
    #about-banner,
    #project-banner,
    #location-banner,
    #building-banner {
        height: 580px
    }

    .banner-title {
        font-size: 22px
    }

    .banner-subtitle {
        font-size: 16px
    }

    .banner-titlev {
        font-size: 22px
    }

    .banner-subtitlev {
        font-size: 16px
    }

    #main-content .title_box {
        flex-direction: column;
        align-items: flex-start
    }

    #main-content .title_box .title_desc {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        font-size: 1rem
    }

    #main-content .title_box .title_desc .title_desc_txt {
        text-align: center;
        margin: 0 0 15px 0
    }

    #main-content .body_box {
        width: 100%;
        margin: 0 auto;
        background-color: #F5F5F5
    }

    #main-content .body_box .body_box1 {
        flex-direction: column;
        align-items: flex-start
    }

    #main-content .body_box .body_box1 .body_desc {
        width: 100%;
        font-size: 1rem
    }

    #main-content .body_box .body_box1 .body_desc .body_desc_txt {
        font-weight: 700;
        color: #000;
        padding: 10px
    }

    .main-content2 .body-projectcard-box .about-tabs li .submenu {
        left: 50%;
        transform: translateX(-50%);
        justify-content: center
    }

    .main-content2 .body_box {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px
    }

    .main-content2 .body_box .body_card_box {
        width: 100%;
        margin: 10px 0;
        background-color: red
    }

    .main-content2 .body-card-box {
        flex-wrap: wrap;
        justify-content: center
    }

    .main-content2 .body-igcard-box {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }

    .main-content2 .body-building-box .building-img-wrapper img[name="buildingimg2"] {
        left: -20px
    }

    .card-box {
        margin: 0 auto
    }

    .card-ig {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .projectcard-box {
        width: 100%;
        height: 100%;
        padding: 5px 0
    }

    .projectcard-box2 {
        width: 100%;
        height: 100%;
        padding: 5px 0
    }

    .main-content2 .body_project_box {
        width: 100%;
        height: 100%;
        padding: 5px 0;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center
    }

    .main-content2 .body_project_box .project-right {
        gap: 0
    }

    .main-content2 .body_project_box .img-hover-wrapper img {
        width: 100%;
        height: 100%
    }

    .main-content2 .body_newBtn_box .body_btn_line {
        flex-direction: column;
        align-items: center
    }

    .btn-news-more {
        width: 100%;
        max-width: 300px
    }

    .btn-news-square {
        width: 70px;
        height: 70px
    }

    .main-content2 .body_project_box2 {
        width: 100%;
        height: 100%;
        padding: 5px 0;
        flex-wrap: wrap;
        gap: 0;
        margin: 0;
        justify-content: center
    }

    .main-content2 .body_project_box2 .img-hover-wrapper img {
        width: 100%;
        height: 100%
    }

    .newscard-box {
        width: 100%;
        height: 680px
    }

    .newscard-box .newsimg_bg img[name="newscardimg"] {
        margin: 30px auto;
        width: 100%
    }

    .newscard-box .newsimg_bg .newscard-text-div {
        position: absolute;
        top: 360px;
        width: 90%;
        height: auto
    }

    .newscard-box .newsimg_bg .newscard-date,
    .newscard-box .newsimg_bg .newscard-active {
        font-size: 12px;
        height: 32px;
        top: 10px
    }

    .projectlistcard-box,
    .homestorycard-box {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 10px auto
    }

    .buildingcard-right-imgbox {
        width: 100%;
        padding: 0
    }

    .buildingcard-right-imgbox img {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .buildingcard-box {
        width: 100%;
        margin: 15px 0
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-wide,
    .main-content2 .body-blogcard-box .blogcard-content .card-wide {
        flex-direction: column;
        width: 90%;
        height: auto;
        margin: 20px auto
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-img-box,
    .main-content2 .body-blogcard-box .blogcard-content .card-img-box {
        width: 100%;
        height: 200px
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-text-box,
    .main-content2 .body-blogcard-box .blogcard-content .card-text-box {
        padding: 15px 20px
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-date,
    .main-content2 .body-blogcard-box .blogcard-content .card-date {
        font-size: 16px;
        text-align: left
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-title,
    .main-content2 .body-blogcard-box .blogcard-content .card-title {
        font-size: 20px
    }

    .main-content2 .body-projectcard-box .blogcard-content .card-content,
    .main-content2 .body-blogcard-box .blogcard-content .card-content {
        font-size: 16px;
        line-height: 1.5;
        text-align: justify
    }

    .projectmaincard-section2 .projectmaincard-image img {
        width: 60%
    }

    footer {
        display: block;
        position: relative;
        height: auto;
        padding: 30px 15px
    }

    .footer-content {
        margin-top: 10px
    }

    .footer-icons {
        position: static;
        transform: none;
        margin-top: 20px;
        justify-content: center
    }

    .large-img {
        width: 100%;
        height: 100%
    }

    .small-img {
        width: 100%;
        height: 100%
    }

    .card-title-text {
        font-size: 18px;
        text-align: justify
    }

    .isD {
        display: none !important
    }

    .isP {
        display: none !important
    }

    .isS {
        display: flex !important;
        flex-direction: column !important
    }

    .Breadcrumb {
        padding-left: 20px;
        padding-top: 15px
    }

    .footer-content {
        padding-top: 0
    }

    .footer-icons {
        flex: none
    }

    .service-content .body_services1_grid {
        grid-template-columns: 1fr
    }

    .form-wrapper {
        padding: 15px
    }

    .form-contact {
        padding: 20px
    }

    .form-grid {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .form-group {
        width: 100%
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        width: 100%;
        font-size: 16px;
        padding: 10px;
        box-sizing: border-box
    }

    .form-radio-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .radio-option {
        display: flex;
        align-items: center;
        gap: 6px
    }

    .address-fields {
        flex-direction: column;
        gap: 10px
    }

    .form-actions {
        flex-direction: column;
        gap: 15px
    }

    .btn-submit,
    .btn-reset {
        width: 100%;
        font-size: 16px;
        padding: 12px
    }

    .homestorycard-img {
        width: 100%;
        height: 100%;
        margin: 0 auto
    }

    .privacy-container {
        font-size: 15px;
        line-height: 1.7
    }

    .privacy-container h2 {
        font-size: 18px
    }

    .privacy-container h2::after {
        width: 30px;
        height: 3px
    }

    .btn-more {
        margin-bottom: 15px
    }

    #projectEditor {
        text-align: justify
    }

    .project-info {
        font-size: 14px
    }

    .title_desc_txt2 {
        font-size: 1rem
    }
}