@media(max-width: 1199px){
    header{
        padding: 20px 2%;
    }
    .px_5 {
        padding-left: 2%;
        padding-right: 2%;
    }
    .service-card .content{
        padding: 30px 20px;
        padding-top: 35px;
    }
    header{
        padding: 20px 2% !important;
    }
    header nav{
        display: none;
    }
    header .text-end{
        display: none;
    }
    .nav_flex{
        flex-direction: row;
        border-left: none;
        border-bottom: 1px solid #A9A9A969;
        padding-bottom: 0 !important;
    }
    .nav_flex .nav-link{
        position: relative;
    }
    .nav_flex .nav-link::before{
        left: 0;
        top: 100%;
        width: 100%;
        height: 2px;
    }
    .mb_menu_btn {
        display: block;
        margin-left: 20px;
    }
}

@media(max-width: 991px){
    header nav{
        display: none;
    }
    .services-container{
        flex-direction: column;
    }
    .service-card small{
        width: 100% !important;
        height: auto;
        opacity: 1;
    }
    .b_footer{
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .b_footer .b_footer_menu{
        flex-wrap: wrap;
        justify-content: center;
    }
    .b_footer .media_menu{
        justify-content: center;
    }
    .b_footer .logo{
        text-align: center;
    }
}

@media(max-width: 768px){
    .banner_sec .banner_ab{
        display: none;
    }
    .banner{
        border-radius: 40px;
    } 
    .banner img{
        mix-blend-mode: normal;
    }
    .banner .content{
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 20px;
    }
    .logo_sec{
        flex-wrap: wrap;
        justify-content: center;
    }
    .container_bg::after{
        background: #267B9A;
    }
    .container_bg{
        padding: 50px 20px 50px 20px;
    }
}

@media(max-width: 600px){
    .eco_flex{
        flex-direction: column;
    }
    .banner .content h2{
        font-size: 32px;
    }
    .heading h2{
        font-size: 26px;
    }
    .heading p{
        font-size: 16px;
    }
    .team_card{
        justify-content: center;
        padding: 20px;
    }
    .team_card img{
        width: 45%;
    }  
    .team_card .content{
        width: 100%;
        padding: 0;
    }
    .testimonial_bg{
        padding: 40px 20px;
    }
    .testimonial_card h3{
        font-size: 22px;
    }
    .testimonial_card p {
        font-size: 14px;
    }
    .testimonial_card .testimonial_name .content h4{
        font-size: 18px;
    }
    .testimonial_card .testimonial_name .content p {
        font-size: 12px;
    }
    .service-card .service-card-b{
        flex-direction: column;
        align-items: flex-start;
    }
    .inner_heading{
        font-size: 32px;
    }
    .breadcrumb ul li, .breadcrumb ul li a{
        font-size: 16px;
    }
}