/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    section {
        padding-left: 10px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    #website_homepage .recent_work_col-1{
        padding-bottom: 30px !important;
        padding-top: 50px !important;
    }

    #website_homepage .how_we_work{
        padding-top: 50px !important;
        padding-bottom: 15px !important;
    }
    
    .topnav_bar .social_link_outer_col {
        /* padding: 0; */
        width: 50%;
    }

    .topnav_bar .location_btn_outer_col {
        /* padding: 0; */
        width: 50%;
    }

    .topnav_bar .location_btn_outer_col .location_btn .enquire-btn {
        padding: 7px 13px !important;
    }

    .topnav_bar .location_btn_outer_col .location_btn .fa-solid {
        font-size: unset !important;
    }

    /* nav bar  */

    .navbar-nav {
        padding: 5px 0;
        border-top: 1px solid #0000002b;
        margin-top: 18px;
    }

    /* hero section start here  */
    .herosection {
        height: auto;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .hero_section_image_col .hero_section_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .hero_section_image_col .hero_section_text h3 {
        font-size: 40px !important;
        text-align: center;

    }

    .hero_section_image_col .hero_section_text p {
        font-size: 16px !important;
        text-align: center;

    }




    /* service slider  */
    .services_slider .service_slider_wrap .service_slider_text .slider_next_prev {
        display: none;
        text-align: center;
    }

    .services_slider .service_slider_wrap .service_slider_text h3 {
        font-size: 1.8rem !important;
    }

    .services_slider .service_slider_wrap .service_slider_text p {
        font-size: 16px !important;
    }

    .swiper-backface-hidden .swiper-slide {
        padding: 0 !important;
    }

    .services_slider .service_slider_wrap .service_slider_text .slider_next_prev {
        width: 33% !important;
    }

    .swiper-slide .slider_images_col {
        padding: 18px !important;
        padding-left: 0px !important;
    }

    .swiper-backface-hidden .swiper-slide {
        padding: 18px;

    }

    /* slider perv and next btn  */
    .swiper-button-next {
        padding: 25px !important;
    }

    .swiper-button-prev {
        padding: 25px !important;
    }





    /* about section here  */
    .abouts_section .about_background {
        height: 100% !important;
    }

    .abouts_section .about_us_image {
        height: 424px !important;
    }

    .abouts_section .about_background {
        width: 100% !important;
        border-bottom-right-radius: 0px !important;
    }

    .abouts_section .about_us_text {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }

    .abouts_section .about_us_text h3 {
        font-size: 1.8rem !important;
    }

    .abouts_section .about_us_text p {
        font-size: 16px !important;
        text-align: justify;
    }



    /* image galary  */
    .imagegalary .service_slider_text {
        padding-left: 0 !important;
        /* padding-top: 5rem !important; */
    }

    .imagegalary .service_slider_images {
        padding: 0 !important;
    }

    .imagegalary .service_slider_text .slider_next_prev {
        /* left: 0 !important; */
        display: none;
    }

    .imagegalary .service_slider_text h3 {
        font-size: 1.8rem !important;
    }

    .imagegalary .service_slider_text p {
        font-size: 16px !important;
    }

    .imagegalary .service_slider_text .slider_next_prev {
        width: 33% !important;
    }

    .clinet_feedback .clinet_feedback_section .clinet_image {
        margin-top: 20px !important;
    }

    .clinet_feedback .clinet_feedback_section .clinet_feedback_text_col {
        margin-bottom: 20px !important;
    }

    /* inquirey_form  */
    .inquirey_form {
        padding-left: 0 !important;
    }


    /* contact_info  */
    .contact_info {
        padding-left: 0 !important;
    }

    .contact_info .contact_info_wrap .contact_info_text_col {
        padding-left: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact_info iframe {
        width: 100% !important;
        margin-top: 20px;
    }

    .contact_info_text_col .contact_info_text_icon {
        flex-direction: column;
        align-items: unset;
    }

    .aboutus_new_text {
        margin-top: 20px !important;
    }

    .aboutus_new_text p {
        text-align: justify;
        font-size: 14px;
    }

    /* recent_work_col */
    .recent_work_col .page_headline_whay_choesus p {
        padding: 0 !important;
    }


    .recent_work_col-1 .section_para_recent_work {
        padding: 0;
        margin-bottom: 20px;
    }

    /* how_we_work */
    .sectionheading_for_how_we_work p {
        padding: 0;
    }

    .col_navigator_1 {
        top: 0;
        left: 45%;
        transform: translate(-50% -50%);
    }

    .safety_mager_section_heading p {
        padding: 0;
    }


    .clinet_review_section_heading p {
        padding: 0 !important;
    }

    .aboutus_image_container {
        margin-bottom: 20px;
    }
    .aboutus_image_inner_col{
        /* height: 500px !important; */
        display: none;
    }
    .aboutus_text_container{
        text-align: justify;
    }

    .otherinfo_wrap_ourvalues ul li .about_us_service_wrap{
        min-height: auto !important;
    }
    
    .service_heading_text p{
        padding: 0 !important;
        font-size: 16px !important;
    }

    .service_heading_text h3{
        font-size: 22px !important;
    }

    .herosection h3{
        font-size: 35px !important;
        text-align: center;
    }

    .herosection p{
        font-size: 16px !important;
        text-align: center;
        padding-right: 0 !important;
        line-height: inherit !important;
    }
    
    .herosection .btn-primary{
        display: block;
        margin: auto;
    }
    .service_heading_text p{
        font-size: 16px !important;
    }
    .whaywe__col_text p{
        font-size: 18px !important;
    }
    .contact_infor_text p{
        padding-right: 0px !important;
    }
    .contact_infor_text h2{
        font-size: 22px !important;
    }

    .aboutus_new_text_heading h2{
        text-align: center;
        font-size: 30px;
        margin-top: 20px;
    }
    .ourserivcestext p{
        font-size: 14px;
    }
    
    .main_section_heading_for_all{
        font-size: 30px;
    }
    .recent_work_col .page_headline_whay_choesus h2{
        font-size: 30px;
    }
    .recent_work_col .page_headline_whay_choesus p{
        font-size: 14px;
    }

    .whay_choseus_wrap_col{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .whay_choseus_wrap_col img{
       height: 100px;
    }

    .recent_work_col-1 h2{
        font-size: 40px !important;
    }

    .sectionheading_for_how_we_work h3{
        font-size: 40px;
    }

    .sectionheading_for_how_we_work p{
        font-size: 16px !important;
    }

    .how_we_work_col1 .how_We_work_wrap{
        padding: 35px;
    }

    .how_we_work_col1 .how_We_work_wrap p{
       font-size: 16px;
    }



    /* saftey section  */
    
    #website_homepage .safety_mager_main_col{
        padding-top: 50px !important;
        padding-bottom: 15px !important;
    }


    .safety_mager_section_heading h3{
        font-size: 40px;
    }
    .safety_mager_section_heading p{
        font-size: 16px;
    }

    /* our clinet seys  */
    .clinet_review_section_heading h3{
        font-size: 40px;
        
    }

    .clinet_review_section_heading p{
        font-size: 16px;
    }

    /* blog  */
    .main_blog_card_wrap{
        margin-bottom: 20px !important;
    }
    #website_homepage .blog-section{
        padding-bottom: 15px !important;
    }

    #website_homepage .right-popform-area{
        width: 100%;
    }

    .contact_infor_text p{
        font-size: 16px !important;
    }

    .contact_infor_text ul li{
        font-size: 16px !important;
    }

    #website_homepage .bottom_contact_info_section{
        padding-bottom: 25px !important;
    }

    /* footer  */
    #website_homepage .footer_section_new{
        padding-top: 50px !important;
    }
    .brand_image_footer_section{
        margin: auto;
        width: 120px;
    }
    .quik_links_section_footer{
        margin-bottom: 20px;
    }

    .popupform_wraper{
        width: 80% !important;
    }

    #popform{
        align-items: start !important;
        padding-top: 50px !important;
    }

    .cancel_form_div_btn{
        left: unset;
        right: 10px;
    }

    .blog_text_header_col p{
        padding: 0 !important;
    }

    .aboutus_hero_image h3{
        font-size: 20px;
    }

    .main_about_us_sectionstart_here{
        padding-top: 50px !important;
    }

    #website_homepage .recent_work_col{
        padding-bottom: 0px !important;
    }

    .ws_service_col{
        margin-bottom: 20px;
    }

    .methaloday_main_image_col_sid{
        justify-content: center !important;
        margin-bottom: 20px !important;
    }

    .accordion-button{
        font-size: 15px !important;
    }

    .accordion-body p{
        font-size: 15px !important;
    }

    .contact_infor_text ul li{
        font-size: 16px !important;
    }

    .whaychose_us_main_col{
       padding: 0px !important;
    }

    .main_about_us_sectionstart_here{
        padding-top: 0px !important;
    }
    .service_show_headre_waterproofing{
        height: unset !important;
    }
    .service_show_headre_waterproofing h3{
        font-size: 20px !important;
       
    }
    .service_show_headre_waterproofing p{
        font-size: 16px !important;
        padding: 0px !important;
    }

   

}



/* // Medium devices (tablets, 768px and up) */
@media (min-width: 577px) and (max-width: 768px) {
    .navbar-nav {
        padding: 5px 0;
        border-top: 1px solid #0000002b;
        margin-top: 18px;
    }

    #website_homepage .recent_work_col {
        padding-bottom: 0px !important;
    }

    .herosection h3 {
        /* color: red !important; */
        font-size: 36px;
        text-transform: uppercase;
    }

    .herosection p {
        font-size: 16px;
        padding: 0px !important;
    }

    .aboutus_new_text {
        margin-top: 35px !important;
    }

    #website_homepage .aboutus_new {
        padding-bottom: 0px !important;
    }

    /* our key services start here  */
    .ourserivcestext {
        height: auto;
        margin-bottom: 20px;
    }

    #website_homepage section {
        padding-bottom: 50px !important;
    }

    /* .our_all_services_slider section 3  */
    .main_section_para_for_all {
        padding: 0;
    }

    /* Why Choose Us for Your Waterproofing Needs section 4  */

    #website_homepage .recent_work_col {
        padding-bottom: 50px !important;
    }

    .recent_work_col .page_headline_whay_choesus h2 {
        font-size: 37px;
    }

    .recent_work_col .page_headline_whay_choesus p {
        padding: 0;
    }


    /* footer if wnat add any other section add above footer  */
    .footer_barding_col {
        padding-bottom: 20px;
    }



    .ourserivcestext img{
        width: 100%;
        height: 300px;
    }

    .recent_work_col-1 .section_para_recent_work{
        padding: 0;
        font-size: 16px;
    }
    .sectionheading_for_how_we_work p{
        padding: 0;
    }
    .safety_mager_section_heading p{
        
        padding: 0;
    }
    .clinet_review_section_heading p{
        
        padding: 0;
    }

    /* home page  */
    .herosection{
        padding: 50px !important;
    }
    .aboutus_new_text p{
        font-size: 17px !important;
    }

    .our_main_services .main_image{
        height: 200px !important;
    }
    
    


}

@media (min-width: 769px) and (max-width: 1024px){
    .main_section_para_for_all{
        padding: 0 !important;
    }
    .recent_work_col .page_headline_whay_choesus p{
        padding: 0px 150px;
    }
    .recent_work_col-1 .section_para_recent_work{
        padding: 0px 150px;
    }
    .sectionheading_for_how_we_work p{
        padding: 0px 150px;
    }

    .safety_mager_section_heading p{
        padding: 0px 150px;
    }
    .clinet_review_section_heading p{
        padding: 0px 150px;
    }
}


















/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-nav {
        padding: 0;
        border-top: none;
        margin-top: 0;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}