@media(max-width: 1280px) {
    .container-fluid {
        padding-inline: 32px;
    }

    .navbar-nav .nav-link {
        padding-inline: 12px !important;
    }
}



@media(max-width: 1200px) {
    :root {
        --large_heading: 50px;
        --large_heading2: 40px;
        --large_heading3: 32px;
        --large_heading4: 26px;
        --large_text: 16px;
        --section_block_padding: 60px;
        --section_block_padding2: 40px;
    }


    body {
        font-size: 14px;
    }


    .our_service_title,
    .our_project_title {
        max-width: 660px;
    }


    .footer_inner {
        gap: 40px;
    }

    .link_list {
        font-size: 12px;
    }


    .social_item {
        width: 38px;
        height: 38px;

    }


    .social_icon a svg {
        --size: 18px;
    }


    span.numbers {
        font-size: 50px;
    }

    header .btn_primary {
        margin-top: 20px;
    }


    .review_Slider .review_item {
        padding: 16px;
    }

    .footer_col.logo_section img {
        max-width: 210px;
    }


    .slide_images img {
        max-width: 100%;
    }

    .main_info .btn.btn_primary {
        padding: 16px 20px;
    }



    .section_info {
        padding: 20px;
    }


    .image_text_section_inner {
        gap: 30px;
    }


    .about_heading {
        margin-bottom: 16px;
    }

    section.cta_banner2_inner a {
        display: block;
    }




}



@media(max-width: 991px) {
    :root {
        --large_heading: 40px;
        --large_heading2: 30px;
        --large_heading3: 28px;
        --large_heading4: 24px;
        --large_text: 15px;

    }


    .container-fluid {
        padding-inline: 20px;
    }



    .process_description {
        font-size: 12px;
    }


    .review_wrapper_heading {
        max-width: 580px;
    }


    .our_service_title,
    .our_project_title {
        max-width: 490px;
    }


    .process_title {
        font-size: 14px;
    }


    .btn_primary {

        padding: 16px 20px;

    }


    .image_text_section_inner {
        gap: 30px;
    }





    span.numbers {
        font-size: 40px;
    }

    .section_info {
        padding: 20px;
        font-size: 12px;
    }


    .service_card_heading {
        font-size: 18px;

    }


    .blog_grid_inner {
        gap: 12px;
    }


    .blog_grid_heading a {

        font-size: 14px;
    }


    .work_process_inner {
        gap: 40px;

    }
}


@media(max-width: 767px) {
    :root {
        --large_heading: 32px;
        --large_heading2: 26px;
        --large_heading3: 24px;
        --large_heading4: 18px;
        --large_text: 15px;
    }


    body {
        font-size: 13px;
    }


    .container-fluid {
        padding-inline: 16px;
    }

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

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


    .contact_form_inner,
    .slide_content_inner,
    .work_process_inner,
    .image_text_section_inner {
        flex-direction: column;
        gap: 40px;
    }


    .container-fluid.our_number_inner {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }


    .our_numbers_item:nth-child(3) {
        border: none;
    }



    .project_gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }


    .project_gallery>* {
        grid-column: unset !important;
        grid-row: unset !important;
    }

    .main_info .btn.btn_primary {
        font-size: 12px;
        padding: 16px 20px;
    }

    .main_info .btn.btn_primary svg {
        width: 16px;
        height: 16px;
    }

    hr.my-5 {
        margin: 26px 0 !important;
    }

    .slide_content_inner {
        padding-block: 40px;
    }

    .text_sec {
        padding: 0;
    }


    .image_sec {

        display: flex;
        flex-direction: column;
        gap: 0;
    }


    .section_info {
        border: 0;
        padding: 24px 20px;
        font-size: 16px;
    }


    section.image_text_section.image_text_section2:not(.service2) .section_info {
        margin: -50px 30px 0 10px;
    }


    .section_info {
        margin: -50px 30px 0 10px;
    }


    .image_text_section_inner {
        flex-direction: column-reverse !important;
    }

    .image_text_section2 .image_text_section_inner {
        flex-direction: column !important;
    }


    .service_gallery_inner .project_gallery,
    .tab_gallery_inner .project_gallery {
        grid-template-columns: repeat(2, 1fr);
    }


    section.cta_banner2_inner p {
        font-size: 24px;
    }

    section.cta_banner2_inner a {
        display: inline-block;
    }


    .top_bar {
        display: none;
    }


    .mobile_bottom_bar {
        display: flex;
        z-index: 9;
        background: var(--white);
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    }

    .mobile_bottom_bar>* {
        flex: 1;
        text-align: center;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-weight: 500;
    }


    .mobile_bottom_bar a:first-child {
        border-right: 1px solid #ddd;
    }

    .mobile_bottom_bar svg {
        width: 16px;
        color: var(--primary_light);
    }


    footer {
        margin-bottom: 44px;
    }


    .usp_inner {
        /* display: grid; */
        gap: 8px;
    }


    .usp_inner>* {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }


    .usp_inner .heading_4 {
        font-size: 12px;
    }


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

    .service_Section_inner_grid {
        grid-template-columns: repeat(2, 1fr);

    }


    .container-fluid.blog_intro_inner {
        flex-direction: column;
        align-items: center;
        padding: 0;
    }


    .blog_content li.breadcrumb-item.active {
        width: 170px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	
	   .image_text_section3 .image_text_section_inner {
        flex-direction: column !important;
    }
	
	

}


@media(max-width: 600px) {
    .service_Section_inner_grid {
        grid-template-columns: repeat(1, 1fr);
    }

       .service_contact_card {
        min-height: 240px;
    }

    .blog_grid_inner {
        grid-template-columns: repeat(1, 1fr);
    }
	
	
	.cta_banner p, .areas_inner ul {
    font-size: 16px;

}
	
	
	.areas_inner ul {
    padding-inline: 0;
}
	
	    .service_card_heading {
        font-size: 22px;
    }
	
	
	    .usp_inner {
        gap: 20px 8px;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }



}