@media screen and (max-width: 768px) {
    .nav_links {
        display: none !important;
    }

    .nav-side {
        display: flex !important;
    }

    /* Mobile menu dropdown behavior */
    .menu .sub-menu {
        display: none;
        position: static;
        /* override desktop absolute positioning */
        padding-left: 16px;
        margin-top: 6px;
    }

    .menu .menu-item-has-children-mob .dropdown-arrow {
        transition: transform 0.25s ease;
    }

    .menu .menu-item-has-children-mob.active .sub-menu {
        display: block;
    }

    .menu .menu-item-has-children-mob.active .dropdown-arrow {
        transform: rotate(180deg);
    }

    .side_menu_bg {
        width: 100%;
    }

    .banner_section {
        height: 70vh;
    }

    .banner_items {
        height: 70vh;
    }

    .logo {
        justify-content: start;
        padding-left: 10px;
        transition: all 0.3s ease-in-out;
    }

    .main_banner {
        height: 80vh;
    }

    .banner_text {
        bottom: 100px;
    }

    .banner_text h1 {
        font-size: 40px;
        text-align: center;
        max-width: 100%;
    }

    .banner_text p {
        max-width: 100%;
        text-align: center;
        margin: auto;
    }

    .banner_text .primary_btn {
        margin: auto;
        display: block;
        margin-top: 20px;

    }

    .coming_soon h1 {
        font-size: 45px;
        margin-top: 100px;
        line-height: 1;
        font-weight: 500;
    }

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

    .navbar2 .nav_links {
        display: flex !important;
        padding-left: 0px;
        margin-right: 0px;
    }

    .logo {
        padding-left: 0px;
    }

    .logo img {
        height: 50px;
    }

    .nav_mob {
        display: flex;
        justify-content: end;
        gap: 15px;
    }

    .home_about {
        padding: 80px 0px;
        background-size: 800px;
        background-position: top center;
    }

    .sub_head {
        font-size: 30px;
        font-weight: 500;
    }

    .about_img {
        margin-top: 45px;
        padding-left: 0px;
        justify-content: center;
    }

    .union1 {
        height: 85px;
    }

    .union2 {
        height: 85px;
    }

    .banner_counter .main_heading {
        font-size: 25px;
    }

    .banner_counter .para {
        font-size: 14px;
    }

    .counter1 {
        top: -5px;
    }

    .counter2 {
        bottom: -17px;
        right: 0px;
    }

    .projects_home {
        padding: 60px 0px;
    }

    .project_head {
        display: flex;
        justify-content: start;
        margin-bottom: 10px;
        align-items: start;
        flex-direction: column;
    }

    .project_text {
        display: flex;
        align-items: start;
        justify-content: start;
    }

    .project_head p {
        width: 100%;
    }

    .pre_head_white {
        font-size: 13px;
        padding: 6px 15px;
        font-weight: 300;
    }

    .pre_head_dark {
        font-size: 13px;
        padding: 6px 15px;
        font-weight: 500;
    }

    .services_home {
        padding: 60px 0px 20px 0px;
    }

    .steps {
        display: none;
    }

    .services_mob {
        display: flex;
    }

    .home_testimonials {
        padding: 60px 0px;
        background-size: cover;
    }

    .testi_card {
        padding: 25px;
    }

    .home_contact {
        padding: 60px 0px;
    }

    .contact_text h3 {
        width: 100%;
        font-size: 30px;
        margin-top: 0px;
    }

    .contact_text .para {
        width: 90%;
    }

    .primary_btn {
        padding: 10px 35px 10px 16px;
    }

    .secondary_btn {
        padding: 10px 35px 10px 16px;
    }

    .secondary_btn_line {
        padding: 10px 16px 10px 16px;
    }

    footer {
        background-size: 800px;
    }

    .footer_bottom p {
        font-size: 11px;
    }

    .banner_text p {
        font-size: 13px;
    }

    .values_card {
        margin-bottom: 20px;
    }

    .inner_banner_texts h1 {
        font-size: 40px;
    }

    .inner_banner {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .inner_banner_img {
        height: 220px;
        margin-top: 40px;
        border-radius: 20px;
    }

    .about_page {
        padding: 60px 0px;
        background-size: 800px;
        background-position: top center;
    }

    .about_page .about_img .main_image {
        border-radius: 20px;
    }

    .about_page .about_img {
        margin-top: 20px;
    }

    .footer_bottom {
        margin-top: 4rem;
    }

    .parent {
        display: none;
    }

    .parent_mob {
        display: grid;
    }

    .project_title {
        bottom: -10px;
        font-size: 12px;
    }

    .mission-vision {
        padding: 60px 0px;
    }

    .mission-vision_head {
        display: flex;
        justify-content: center;
    }

    .mission-vision_img {
        height: 120px;
        margin-bottom: 25px;
    }

    .mission-vision .sub_head {
        font-size: 28px;
        text-align: center;
    }

    .mission-vision .para {
        font-size: 15px;
        text-align: center;
        font-weight: 300;
    }

    .values {
        padding: 60px 0px;
        background-size: 800px;
        background-position: top center;
    }

    .values_cards {
        margin-top: 10px;
    }

    .para {
        font-size: 14px;
    }

    .contact_page_section {
        padding: 60px 0px;
    }

    .contact-detsils_box {
        padding: 5px 0px;
    }

    .contact_form_box {
        padding: 35px 25px;
        border-radius: 20px;
    }

    .contact_form_box .sub_head {
        text-align: center;
    }

    .contact_form_box input,
    .contact_form_box textarea {
        padding: 8px;
    }

    .form_group {
        display: flex;
        justify-content: center;
    }

    .map_image {
        height: 300px;
    }

    .tabs {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 10px;
    }

    .tabs button {
        padding: 8px 18px;
        border-radius: 30px;
    }

    .category {
        grid-template-columns: repeat(2, 1fr);
    }
    .product_page .category {
        grid-template-columns: repeat(2, 1fr);
    }

    .fslightbox-full-dimension img {
        height: auto !important;
        width: 100% !important;
    }
    .pin-spacer{
        display: none !important;
    }
    #project_grid{
        display: none !important;
    }
    .project_grid{
        display: none !important;
    }
    #project_scroll{
        display: none;
    }
    .projects_grid2{
    display: block;
}
.gallery img {
    border-radius: 10px;
    width: 100%;
}
.project_title {
    opacity: 1;
    transform: translate(-50%, 0%);
    transition: all 0.3s ease-in-out;

}
.project_box{
    width: 100%;
    min-width: 100%;
    border-radius: 10px;
    height: 200px;
}
.project_grid1{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.form-container {
    border-radius: 20px;
    width: 98%;
    padding: 20px 5px;
}
.form-popup-bg .para {
    margin-bottom: 5px;
}
.form-header {
    max-height: 85vh;
    padding: 0px 15px;
}
.form-popup-bg input, .form-popup-bg textarea {
    padding: 10px;
    margin-bottom: 10px;
}
.footer_logo .para{
    width: 90%;
}
}