@media (max-width:1549px){
    .navbar .nav-link{ font-size: 18px; padding-right: 1rem !important; padding-left: 1rem !important;}
    .navbar .nav-item .dropdown-toggle{right: 3px; top: 11px;}
    .head_right .dropdown{padding:27px 15px;}
    .head_call{ font-size: 20px;}
    .hero_slider .square_icon{margin-bottom: 1rem;}
    .hero_slider .carousel-caption{ top: 42%;}
    .hero_slider .carousel-caption h2{ font-size: 80px; line-height: 80px; margin-top: 1.5rem;}
    .hero_slider .carousel-control-next, .hero_slider .carousel-control-prev{bottom: 40px; width: 60px; height: 60px;}
    .hero_slider .carousel-control-prev{left: 44%;}
    .hero_slider .carousel-control-next{right: 44%;}
    .home_programme .box{min-height: 320px;}
    .home_about .about_img_big img{ height: 100%; object-fit: cover;}
    .home_about .about_content{padding: 4rem 4.5rem;}
    .home_news .box{min-height: 380px; padding:2rem;}
    .home_news .box_img{height: 380px;}
    .home_news h5{ font-size: 26px; line-height: 30px;}
    footer .logo_box a{width: 35px; height: 35px; line-height: 38px;}
    .our_programme .box{ min-height:350px;}
    .programme_detail .box .box_inner{min-height:350px;}
    .banner_main .banner_text .inner_box{padding: 50px;}
    .recent_wraper::before{height:385px;}
    #OurPartners .carousel-control-prev{ left: 44.5%;}
    #OurPartners .carousel-control-next{ right: 44.5%;}
    .board_advisor .share_social{ bottom: 102px;}
    
    .cyclone_box{ width: 570px; margin-right: -70px;}
    .hunger_wrap img.cyclone_thumb{max-width:750px;}
}

@media (max-width:1399px){
    .navbar .nav-link{ font-size: 15px; padding-right:0.7rem !important; padding-left:0.7rem !important;}
    .navbar .dropdown-item{font-size: 15px;}
    .navbar .nav-item .dropdown-toggle{right:-2px; top:9px;}
    .head_right .dropdown{padding:20px 10px;}
    .head_search {width:26px; height: 26px;}
    .head_call{ padding:24px 0px 25px 50px; font-size:18px; background-size: 35px auto;}
    #myHeader:hover .head_call, .sticky .head_call{ padding:24px 0px 25px 50px; font-size:18px; background-size: 35px auto;}
    .hero_slider .square_icon{margin-bottom:0.5rem; width: 42px; height: 42px;}
    .hero_slider .square_icon::after { width: 12px; height: 12px;}    
    .hero_slider .carousel-caption{ top: 45%;}
    .hero_slider .carousel-caption h2{ font-size:60px; line-height:60px; margin-top: 1rem;}
    .hero_slider .carousel-control-prev{left: 45%;}
    .hero_slider .carousel-control-next{right: 45%;}
    .home_programme .box{min-height:250px; padding: 30px 20px 0px 20px;}
    .home_programme .box .icon{margin-bottom: 20px;}
    .home_programme .box .icon img{ width:90px; height: auto;}
    .home_programme .box h2{ font-size:26px;}
    .home_programme ul li{ font-size:18px;}
    .home_programme ul li::before{top: 10px;}

    .home_about .text_box{ padding:40px 15px 20px 30px; font-size: 26px;}
    .home_about .text_box::after{width:35px; height:35px;}
    .home_about .about_content { padding:1.8rem 3rem; }
    .home_about .about_content .abt_list{margin-bottom:1.5rem;}
    .home_about .about_content .abt_list .detail h4{margin-bottom:0.5rem; font-size: 22px;}
    .counter_main{margin-top: -228px; padding: 260px 0px 0px 0px;}
    .counter_main .icon{width: 100px; height: 110px; line-height: 110px;}
    .counter_main .icon img{ width: 65px; height: auto;}
    .projects_slide::before{height: 52%;}

    .home_testimonial .testi_img{margin-top: -100px;}
    .home_testimonial .carousel-control-next, .home_testimonial .carousel-control-prev{width:60px; height:60px;}
    .home_testimonial .carousel-control-next{ left: 120px;}

    .home_news .box{min-height:328px; padding:1.5rem;}
    .home_news .box_img{height:328px;}
    .home_news h5{ font-size:20px; line-height:25px;}
    .home_news .date{margin-bottom:1rem; font-size: 16px; letter-spacing: 1px; min-width:150px;}

    .check_tag .btn-primary .effect{ width:10px; height:10px;}

    footer ul li a{font-size: 15px; line-height:32px;}
    footer .logo_box{ width: 16%;}
    footer .logo_box p{font-size: 18px; line-height: 25px;}
    footer .logo_box a{margin-right: 4px; margin-bottom: 7px;}
    footer .donate{ width: 19%;}

    .our_programme .box{ min-height:260px; padding: 30px 20px 0px 20px;}
    .our_programme .box .icon{margin-bottom: 25px;}
    .our_programme .box .icon img{ width: 90px; height: auto; }
    .our_programme .box h2{ font-size: 25px;}

    .programme_detail .box{ padding: 0px 20px; margin:20px 0px;}
    .programme_detail .box .box_inner{min-height:280px;}
    .programme_detail .box .box_inner h2{ font-size:26px;}

    .banner_main .banner_text .inner_box { padding:40px; }
    .banner_main .banner_text .inner_box h2{ font-size:38px; line-height:40px;}
    .banner_main .banner_text .inner_box p{ font-size:35px; line-height:45px;}
    .blue_strip{ padding:2rem 0;}
    .blue_strip p{font-size:25px; line-height:35px;}
    .recent_wraper .act_title{ min-height: 160px;}
    .recent_wraper .act_title h5{font-size:25px; line-height:28px;}
    .recent_wraper::before { height:338px; }
    
    .programme_text h1{ font-size: 40px;}
    .programme_text p{font-size:25px; line-height: 32px;}
    
    .who_we p,
    .our_steps p,
    .testimonials_wrap .section_head p{ font-size:18px;}
    .testi_box { padding: 1rem; background-position: 92% 97%;}
    .testi_box .testi_title { font-size:18px;}
    .testi_box .testi_content p{ font-size:14px; line-height: 22px;}
    .testi_box .testi_content{ min-height:330px;}

    .testimonials_wrap .page-link{ width: 35px; height: 35px; font-size: 20px; line-height: 35px;}

    .partner_wrap ul li{ font-size: 20px;}
    .partner_wrap ul li::before{ top:8px; width: 12px; height: 12px;}
    .partner_cta{ padding: 50px 0;}
    .partner_cta h1{ font-size: 40px;}
    .partner_cta .btn-primary{ font-size:15px; padding:0.6rem 1rem;}
    #OurPartners .carousel-control-prev{ left: 43.5%;}
    #OurPartners .carousel-control-next{ right: 43.5%;}

    .press_articles .articles_thumb{ height:380px;}

    .awards_wrapper .box .award_content{ font-size: 16px; line-height: 24px; height: 150px;}

    .pagination .page-link{ width: 35px; height: 35px; font-size: 20px; line-height: 35px;}

    .associated_wrap h3{ font-size:24px; margin-bottom: 1rem;}
    .associated_wrap ul li{ margin: 0; padding: 0px 0px 15px 25px; font-size:18px;}
    .associated_wrap ul li::before{ top:8px;}

    .associated_wrap h4, .associated_wrap .abt_list .detail h4{ font-size:22px;}
    .associated_wrap .sub_heading{ font-size:22px;}
    .associated_wrap p{ font-size: 20px;}

    .how_we_can .accordion-button.collapsed, .how_we_can .accordion-button:not(.collapsed){ font-size: 1.2rem;}
    .how_we_can .accordion-button::after, .programme_detail .accordion-button::after, .project_wrap .accordion-button::after{ font-size: 30px;}
    .how_we_can .accordion-body p, .programme_detail .accordion-body p, .project_wrap .accordion-body p{ font-size: 1rem;}
    .how_we_can ul li{ font-size: 20px;}
    .how_we_can ul li::before{ top: 8px;}

    .reports_wrap .reports_box .report_content{ font-size: 16px; line-height: 24px; height: 150px;}

    .news_wrap .news_title{font-size: 18px;}

    .hunger_wrap p{font-size: 18px;}    
    .camps_slide .owl-carousel .owl-nav button.owl-next, .camps_slide .owl-carousel .owl-nav button.owl-prev{width:60px; height:60px; top: calc(50% - 51px);}
    .camps_slide .owl-carousel .owl-nav button.owl-next{ right: -100px;}
    .camps_slide .owl-carousel .owl-nav button.owl-prev{ left: -40px;}

    .cyclone_box{ width: 500px; margin-right: -70px; padding: 3rem;}
    .cyclone_box h2, .cyclone_box p{ font-size: 30px;}
    .hunger_wrap img.cyclone_thumb{max-width:650px;}

    .bg_title{padding:10rem 0rem;}
    .inner_title .section_title h1::before{bottom:-10rem;}

    /*--- Beauty Product Page Class ---*/
    .beauty_wrap p{font-size: 18px;}

    .thankyou_donation h2 {font-size: 24px; margin-bottom: 1rem;}
    .thankyou_donation p {font-size: 20px;}

    .programme_detail .accordion-button.collapsed, .programme_detail .accordion-button:not(.collapsed),
    .project_wrap .accordion-button.collapsed, .project_wrap .accordion-button:not(.collapsed)
    { font-size: 1.2rem;}

    /* News New Page Design Class Added 2-July-2025 Start */
    .news_row h3{ font-size: 26px;}
    .news_row .news_content p{ font-size: 22px;}
    .news_row .like_view_count{ font-size: 22px;}
    .news_row .like_share_list ul li a{ font-size: 24px;}
}

@media (max-width:1199px){
    #myHeader{ position: relative; background:#ffffff;}
    #myHeader.sticky { position: relative !important;}
    /*.navbar-brand{ background: url(../images/logo.webp) no-repeat center center; background-size: 100% auto;}*/
    .navbar .nav-link{ color: #838694;}
    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: #035f8f;}
    .head_search{  background: url(../images/search_icon.webp) no-repeat center center; background-size: 100% auto; transition: all .25s ease;}
    .head_call{ font-size: 22px; color: #1b1f2e; border-left: 1px solid #e9e9ee; padding:33px 0px 33px 70px; background: url(../images/call_icon.webp) no-repeat 10px center;}

    .hero_slider .carousel-control-prev{left: 50px;}
    .hero_slider .carousel-control-next{right: 50px;}
    .hero_slider .carousel-control-next, .hero_slider .carousel-control-prev{ bottom: auto; top: 50%; transform: translateY(-50%);}
    .navbar {padding: 0px 0px 5px 0px;}
    .navbar > .container{align-items: center;}
    .navbar-toggler{background-color: #0771b8; border: none; border-radius: 0; padding: 1rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    
    .navbar-toggler:focus{ box-shadow: none;}
    .navbar .nav-item .dropdown-toggle{right:0px; top:0px; width: 2rem; height: 2rem; text-align: center; background-color: #0771b8; color: #ffffff; line-height: 2rem;}
    #myHeader:hover .nav-item .dropdown-toggle, .sticky .nav-item .dropdown-toggle{color: #ffffff;}
    .head_right{border-top: 1px solid #e9e9ee;}
    .head_right .dropdown { padding: 27px 20px;}
    .head_right .dropdown-menu[data-bs-popper] { left:0; right:auto; }

    .hero_slider .square_icon{ width: 40px; height: 40px;}
    .hero_slider .square_icon::after{ width:12px; height:12px;}
    .hero_slider .carousel-caption{ top: 50%;}
    .hero_slider .carousel-caption h2{ font-size:65px; line-height:60px; margin-top: 1rem; margin-bottom: 1rem;}
    .hero_slider .carousel-caption .btn-primary{ padding:0.6rem 1rem;}
    
    .section_title h2, .section_title h3, .home_about .about_content h3, .check_tag h2 a{font-size:40px;}
    .home_programme h2, .cta_donate h2{ font-size:35px;}
    .together_we_can h3{ font-size:45px; line-height:50px;}
    .together_we_can .btn-primary{font-size:20px; padding:0.6rem 1.5rem; letter-spacing: 1px;}

    .home_programme .box {min-height: 220px; padding: 20px 20px 0px 20px; }
    .home_programme .box .icon img{ width:70px;}
    .home_programme .box h2 { font-size: 22px; }
    .home_programme .sign_img img{ max-width: 100%;}

    .cta_donate .btn-primary{padding:0.6rem 0.8rem;}

    .home_about .about_content {padding: 1.8rem 2rem;}
    .counter_main{padding: 300px 0px 0px 0px; margin-top: -250px;}
    .counter_main .count-title{ font-size: 60px;}

    .home_testimonial{padding:2.5rem 0;}
    .home_testimonial .name{ font-size: 30px;}
    .home_testimonial .testi_text{font-size:22px; line-height: 35px;}
    .home_testimonial .testi_img{margin-top: -100px;}

    .home_news .date{ font-size: 14px; min-width:130px; letter-spacing: 1px; line-height:35px; margin-bottom: 0.5rem;}
    .home_news .box { min-height:275px; padding: 1rem; }
    .home_news .box_img{ height: 275px;}
    .home_news h5 { font-size: 20px; line-height: 24px;}
    .home_news .btn-primary{width: 50px; height: 50px; line-height: 50px;}
    
    footer .logo_box p { font-size: 15px; line-height: 22px; }
    footer ul li a { font-size: 14px; line-height:28px; }
    footer .donate li img{ max-width: 80%;}
    
    .our_programme .box h2{ font-size: 30px;}
    .our_programme .box {min-height: 280px; padding: 30px 20px 0px 20px;}

    .programme_detail .box{ padding: 0px 15px;}
    .programme_detail .box .box_inner{min-height:250px;}
    .programme_detail .box .box_inner h2{ font-size:25px;}

    .banner_main .banner_text .inner_box { padding:30px; }
    .banner_main .banner_text .inner_box h2{ font-size: 38px; line-height:45px; margin-bottom: 1rem;}
    .banner_main .banner_text .inner_box p{ font-size: 38px; line-height:45px;}
    .recent_wraper .act_title{ padding: 20px;}
    .recent_wraper .act_title h5{font-size:26px; line-height:26px;}
    .recent_wraper::before { height:299px;}

    .secondary_menu .navbar .nav-link{ padding: 5px 0.45rem !important; margin: 0 1px; font-size: 14px;}
    .who_we p, .our_steps p, .testimonials_wrap .section_head p{ font-size: 18px;}
    .testi_box { padding:2rem; background-position: 97% 95%;}
    .testi_box .testi_title,
    .testi_box .testi_content{ min-height: auto;}
    
    #OurPartners ul li{ padding: 10px;}
    #OurPartners .carousel-control-prev{ left: 42.5%;}
    #OurPartners .carousel-control-next{ right: 42.5%;}

    .board_advisor .boardadvisor_name{ font-size:20px; line-height: 25px;}
    .board_advisor .share_social{ bottom:82px;}

    .press_articles .articles_thumb{ height:350px;}

    .awards_wrapper .box{ padding:20px;}
    .awards_wrapper .box .award_content { font-size: 14px; line-height: 22px; }
    .award_detail p{ font-size: 16px; line-height: 22px; }

    .reports_wrap .reports_box{ padding:20px;}
    .reports_wrap .reports_box .report_content { font-size: 14px; line-height: 22px; }

    .ourcentre_main .centre_name{ font-size: 18px; line-height: 22px;}

    .info_grapgic_wrap h3{ font-size: 26px;}    
    .info_grapgic_wrap .education_info .info_content{ font-size: 24px;}
    .info_grapgic_wrap .education_info .info_content span{ font-size: 18px; word-break: break-all;}
    .camps_slide .owl-carousel .owl-nav button.owl-next, .camps_slide .owl-carousel .owl-nav button.owl-prev{ display: none;}
    .camps_slide .owl-carousel .owl-dots{ display: block;}

    .cyclone_box{ width:400px; margin-right: -70px; padding: 1.5rem;}
    .cyclone_box h2, .cyclone_box p{ font-size:22px; line-height: 25px;}
    .hunger_wrap img.cyclone_thumb{max-width:580px; margin-bottom:1rem;}
    .bg_title{padding:6rem 0rem;}
    .inner_title .section_title h1::before{bottom: -6rem;}

    /* Contact Page Class */
    .contact_with_us .address_icon, .contact_with_us .email_icon{ width: 70px; height: 70px;}
    .contact_with_us .address_icon img{ max-width: 40px;}
    .contact_with_us .email_icon img{ max-width: 46px;}

    .donate_currency h2{ font-size: 40px;}
    .site_location iframe{ height: 450px;}

    /* Gallery Video Class */
    .gallery_video_main .gallery_thumb{ height: 270px;}
    .lightbox .carousel-item {padding-top: 5rem;}
    .lightbox .modal-dialog .btn-close {padding: 0.6rem !important;}

    /*--- Beauty Product Page Class ---*/
    .empower-part h3{ font-size: 26px;}

    /* News New Page Design Class Added 2-July-2025 Start */
    .news_row h3{ font-size: 22px;}
    .news_row .news_full_pic, .news_row .carousel-item{ height: 500px;}
    .news_row .news_content p{ font-size: 18px;}
    .news_row .like_view_count{ font-size: 22px;}
    .news_row .like_share_list ul li a{ font-size: 20px;}
    
}

@media (max-width:991px){
    .head_top span {margin-right: 20px;}
    .navbar-toggler span{ color: #ffffff;}
    .hero_slider .carousel-control-next, .hero_slider .carousel-control-prev { width:50px; height:50px; }
    .hero_slider .square_icon { width:30px; height:30px; margin-bottom: 0.5rem;}
    .hero_slider .square_icon::after { width:8px; height:8px; }
    .hero_slider .carousel-caption h2{font-size:55px; line-height:50px; margin-top:0.5rem; margin-bottom:0.5rem;}
    .hero_slider .carousel-caption .btn-primary { font-size:18px; padding:0.5rem 1.2rem; }

    .home_programme .box {width: calc(20% - 10px); min-height:180px; padding:30px 20px 0px 20px; margin: -12px 5px 0px 5px;}
    .home_programme .box .icon img { width: 50px;}
    @keyframes bounce2 {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-25px);}
        60% {transform: translateY(-15px);}
    }

    .home_programme .box h2 {font-size: 18px;}
    .home_programme .box a.read_more{ width: 35px; height: 35px; bottom: -17px; line-height: 35px;}
    .home_programme .sign_img{ margin-top: 20px;}

    .cta_donate h2{ text-align: center; margin-bottom: 20px;}
    .cta_donate{ text-align: center;}

    .home_about .text_box { padding: 40px 50px 20px 50px; font-size: 30px; line-height:35px;}
    .home_about .about_content { padding:3rem 3rem; }
    .home_about .about_content .abt_list { margin-bottom:1.5rem; }
    .counter_main .box{ padding-bottom:30px; border-bottom: 1px solid rgba(8,114,185,0.10);}
    .counter_main .box:nth-child(2){ border-right: none;}
    .counter_main .box:nth-child(4){ border-right: none;}

    .home_testimonial .carousel-inner { padding-top:0px; }
    .home_testimonial .testi_img { margin-top: 20px; }
    .home_testimonial .testi_img img{width: 100%;}
    .home_testimonial .testi_img .quate img{width:auto;} 

    .home_news .box { min-height:inherit; padding:3rem; }
    .home_news .box_img{ height: auto;}
    .home_news .box_img img{ height: auto;}
    .home_news .date {margin-bottom:1rem; }
    .home_news h5 { font-size:26px; line-height:35px; margin-bottom: 1rem;}

    .newsletter_main .form-main{ text-align: center;}
    .newsletter_main .form-main .form-control{ max-width: 100%; margin-bottom: 20px;}

    .check_tag{ padding: 2rem 0 2.5rem 0;}

    footer .logo_box { width: 22%; }
    footer .aboutus { width: 28%;}
    footer .projects {width: 50%;}
    footer .others {width:25%; margin-top: 20px;}
    footer .donate {width:25%; margin-top: 20px;}

    .our_programme .box{ min-height: 200px;}
    .our_programme .box .icon{ margin-bottom: 20px;}
    .our_programme .box .icon img{ width: 80px;}
    .our_programme .box h2 { font-size:25px; }

    .inner_title .breadcrumb{ justify-content: start;}
    .inner_title .section_title h1::before{bottom:-6rem;}
    /*.our_programme p { font-size:22px; line-height:30px; }*/

    .programme_detail .box{ padding: 0px 10px; margin:25px 0px 50px 0px;}
    .programme_detail .box .box_inner{min-height:200px; padding: 0px 10px;}
    .programme_detail .box .box_inner h2{ font-size:20px;}

    .banner_main .banner_text .inner_box h2, .banner_main .banner_text .inner_box p { font-size:30px; line-height:38px;}
    .blue_strip p { font-size: 30px; line-height:38px;}
    .programme_text p {font-size: 30px; line-height:38px; margin-bottom: 1rem; }
    .recent_wraper::before { height:320px; }
    
    .secondary_menu .navbar{ border-bottom: none; padding-top: 5px;}

    
    #OurPartners ul li span img{ max-width: 100%; max-height: 60px;}
    #OurPartners .carousel-control-prev{ left: 40.5%;}
    #OurPartners .carousel-control-next{ right: 40.5%;}

    .board_advisor .boardadvisor_name{ font-size:20px;}
 
    .awards_wrapper .box .award_content { height: 115px;}

    .associated_wrap h3{ font-size:20px; margin-bottom: 1rem;}
    .associated_wrap ul li{ margin: 0; padding: 0px 0px 20px 25px; font-size:18px;}
    .associated_wrap ul li::before{ top:8px;}
    .associated_wrap h4, .associated_wrap .abt_list .detail h4{ font-size:20px;}
    .associated_wrap p{ font-size:18px;}

    .board_advisor .share_social{ bottom:57px;}

    .reports_wrap .reports_box .report_content { height: 115px;}

    .news_wrap .news_title{ min-height: auto;}
    .news_box{ min-height: auto;}
    .news_box .news_content{height: auto;}

    .ourcentre_main::after{height:41%;}

    .hunger_wrap img.thumb_food{ max-width: 300px;}
    .info_grapgic_wrap .education_info .info_content{ width: 132px;}    
    .info_grapgic_wrap .education_info .info_content span{ display: block;}
    .camps_activites::before{height: calc(100% - 332px);}    
    
    .cyclone_box{ width:100%; max-width: 100%; margin-right:0px; padding: 1.5rem; margin-top: 0;}
    .hunger_wrap img.cyclone_thumb{max-width:100%; margin-bottom:1rem;}

    /* Contact Page Class */
    .site_location iframe{ height: 350px;}
    .donate_currency h2{margin-bottom: 1rem;}

    /* Gallery Video Class */
    .lightbox .modal-dialog{ padding: 2rem 3rem 3.5rem 3rem;}
    .lightbox .carousel-item {padding-top: 5rem;}    
    .lightbox .modal-dialog .btn-close { right: 0; top: -40px; padding: 0.6rem !important;}
    .gallery_video_main .gallery_thumb .overlay img.play_button{ width: 50px;}
    .lightbox .modal-dialog .lightbox-caption em{ font-size: 18px;}
    .lightbox-carousel .carousel-control-prev{ left: -34px;}
    .lightbox-carousel .carousel-control-next{ right: -34px;}
    .lightbox-carousel .carousel-control-prev .carousel-control-prev-icon, .lightbox-carousel .carousel-control-next .carousel-control-next-icon{width: 34px; height: 34px; background-size: 14px 12px;}

    /*--- Beauty Product Page Class ---*/
    .beauty_wrap img.thumb_food{ max-width: 300px;}
    .beauty-product-pic .product-th{ margin-bottom: 1.5rem;}
    .beauty_pro_slider::before{height: calc(100% - 332px);}
    .skill_training::before{height: calc(100% - 332px);}

    .thankyou_donation h2 {font-size: 20px; margin-bottom: 1rem;}

    /* News New Page Design Class Added 2-July-2025 Start */
    .news_row h3{ font-size: 22px; padding-right: 4rem;}
    .news_row .news_line_dot {margin-top: 0px;}
    .news_row .news_line_dot img{ max-width: 40px;}
    .news_row .news_content p{ font-size: 18px;}
    .news_row .like_view_count{ font-size: 22px;}
    .news_row .like_share_list{ padding: 0px 20px;}
    .news_row .like_share_list ul li a{ font-size: 20px;}
    .news_row .like_share_list ul li img{ max-width: 30px;}
	
	/* Donate Chatbox class 15-July-2025 */
	.chat_box{ height:400px;}
}

@media (max-width:767px){
    .head_top{ text-align: center;}
    .head_top span{margin-bottom: 1rem;}
    .head_social{ text-align: center !important;}
    
    .hero_slider .carousel-control-prev{ left: 0;}
    .hero_slider .carousel-control-next{ right: 0;}
    .hero_slider .square_icon{ display: none;}
    .carousel-caption{ left: 10%; right: 10%;}
    .hero_slider .carousel-caption .quate{ max-width: 100%;}
    .hero_slider .carousel-caption p, .hero_slider .carousel-caption span{ font-size: 18px;}
    .hero_slider .carousel-caption h2 {font-size:45px; line-height:45px; }

    .home_programme .box { width: calc(33.3% - 20px); min-height: 180px; padding:30px 20px 0px 20px; margin:20px 10px 20px 10px; }
    .home_programme .justify-content-between {justify-content: start !important;}
    .home_programme .py-6 {padding-top:2.5rem; padding-bottom:2.5rem;}

    .section_title h2, .section_title h3, .programme_detail h2, .home_about .about_content h3, .check_tag h2 a{font-size:36px;}
    .home_programme h2, .cta_donate h2{ font-size:28px;}
    .inner_title .section_title h1{font-size:36px;}
    

    .cta_donate {padding:40px 0px;}
    
    .home_projects {padding-top:2.5rem; padding-bottom:2.5rem;}
    .home_projects .projects_detail h3{ font-size: 26px; line-height: 28px;}

    .counter_main .count-title {font-size:50px;}

    .together_we_can{ padding:40px 0px;}
    .together_we_can h3{ font-size:36px; line-height:40px; margin-bottom: 2.5rem;}
    
    .home_testimonial {padding:2.5rem 0;}
    .home_testimonial .carousel-item { padding:30px 30px 70px 30px; }
    .home_testimonial .carousel-control-next, .home_testimonial .carousel-control-prev{width: 50px; height: 50px;}
    .home_testimonial .carousel-control-prev { left: 30px; }
    .home_testimonial .carousel-control-next { left: 90px; }
    .home_testimonial .carousel-control-next::after, .home_testimonial .carousel-control-prev::after{ width: 10px; height: 10px;}
    .home_testimonial .name { font-size:26px; }
    .home_testimonial .testi_text { font-size:18px; line-height:25px; }

    footer::before{ background-position: left bottom;}
    footer::after{ background-position: right bottom; right: 50px;}
    footer .logo_box { width:60%; }
    footer .aboutus { width:40%;}
    footer .projects {width:100%;}
    footer .others {width:50%; margin-top: 20px;}
    footer .donate {width:50%; margin-top: 20px;}

    .our_programme .box{ min-height: 280px; margin-bottom: 20px;}
    .inner_title { padding: 3rem 0rem; }
    .inner_title .section_title h1::before { bottom: -3rem; width: 30px; height: 30px;}

    .programme_detail p{ font-size:18px; line-height:25px;}
    .programme_detail .box{ width: 50%; padding: 0px 20px; margin:15px 0px 30px 0px;}
    .programme_detail .box .box_inner{min-height:230px; padding: 0px 20px;}
    .programme_detail .box .box_inner h2{ font-size:22px;}

    .banner_main .banner_text{ position: relative; transform: none; top: 0;}
    .recent_wraper::before { height:369px; }

    .bg_title{ background-size:auto 100%;}
    .who_we .happy_future{ bottom:2rem;}

    #OurPartners{ padding-top: 1rem;}
    #OurPartners ul li span img{ max-width: 100%; max-height:45px;}
    #OurPartners .carousel-control-next, #OurPartners .carousel-control-prev{ width:40px; height:40px; bottom:-60px;}
    #OurPartners .carousel-control-next svg, #OurPartners .carousel-control-prev svg{ width:30px; fill: #000000;}
    #OurPartners .carousel-control-prev{ left: 40.5%;}
    #OurPartners .carousel-control-next{ right: 40.5%;}
    #OurPartners .carousel-control-next::after, #OurPartners .carousel-control-prev::after{width:8px; height:8px;}

    .partner_wrap ul li{ font-size:18px; padding: 0px 0px 20px 20px;}
    .partner_wrap ul li::before{ top:8px; width: 10px; height: 10px;}

    
    .press_articles .articles_thumb{ height:260px;}
    .awards_wrapper .box .award_content { height:auto;}

    .associated_wrap h3{ font-size:18px; margin-bottom: 1rem;}
    .associated_wrap ul li{ margin: 0; padding: 0px 0px 10px 20px; font-size:16px;}
    .associated_wrap ul li::before{ top:7px; width: 10px; height: 10px;}
    .associated_wrap h4, .associated_wrap .abt_list .detail h4{ font-size:18px;}
    .associated_wrap p{ font-size:16px;}

    .reports_wrap .reports_box .report_content { height:auto;}

    .ourcentre_main::after{height:28%;}

    .info_grapgic_wrap h3{ text-align: center;}
    .info_grapgic_wrap .education_info .info_icon{ display: block; margin: 0 auto;}
    .info_grapgic_wrap .education_info .info_content{ width: 100%; display: block; text-align: center; padding-top: 0.5rem; padding-left: 0;}
    .hunger_wrap img.thumb_food{ max-width: 230px;}
    .school_list_wrap h5{ font-size: 22px;}
    .school_list_wrap .school_list ul{columns: 1; -webkit-columns: 1; -moz-columns: 1;}

    /* Contact Page Class */
    .contact_with_us .address_icon{ margin-bottom: 1rem;}
    .donate_currency h2{ font-size: 36px;}
    .site_location iframe{ height: 300px;}
    .contact_with_us p{font-size: 18px;}
    
     /* Gallery Video Class */
     .gallery_video_main .gallery_title{ font-size: 15px; min-height: 170px;}
     .gallery_video_main .gallery_thumb{ height: 240px;}
     .gallery_video_main .gallery_thumb .overlay img.play_button{ width: 40px;}
     .lightbox .modal-dialog .lightbox-caption em{ font-size: 14px;}
     .lightbox .modal-dialog .btn-close{right: -20px !important; top: 0 !important;}

     /*--- Beauty Product Page Class ---*/
     .beauty_wrap img.thumb_food{ max-width: 230px;}

    .thankyou_donation h2 {font-size: 18px; margin-bottom: 1rem;}

    /* News New Page Design Class Added 2-July-2025 Start */
    .news_row{border-bottom-width: 4px; padding-bottom:20px; margin-bottom:2rem;}   
    .news_row h3{padding-right: 0rem;} 
    .news_row .news_line_dot{ position: relative; margin-bottom: 8px; margin-top: 0px;}    
    .news_row .news_line_dot img{ max-width: 34px;}
    .news_row .news_full_pic, .news_row .carousel-item{height: 400px;}
    .news_row .news_full_pic img{ width: 100%;}
    .news_row .date{ font-size: 18px;}    
    .news_row .news_content p{ font-size: 16px;}
    .news_row .like_view_count{ font-size: 18px; padding: 7px 20px;}
    .news_row .like_share_list ul li{ margin: 0px 1rem 0px 0px;}
    .news_row .like_share_list ul li a{ font-size: 16px;}
}

@media (max-width:599px){
    .head_top span{margin-bottom:0.5rem;}   
    .head_right .btn-donate{ font-size: 14px;}
    .head_right .dropdown { padding: 20px 15px; }
    .head_call { padding: 20px 0px 20px 70px; font-size:18px; }
    .hero_slider .carousel-caption .quate { padding-bottom:0px;}
    .hero_slider .carousel-caption p, .hero_slider .carousel-caption span { font-size:16px; }
    .hero_slider .carousel-caption h2 { font-size:35px; line-height:35px; }
    .hero_slider .carousel-caption .btn-primary { font-size: 16px; padding: 0.5rem 1rem; }
    .hero_slider .carousel-control-next, .hero_slider .carousel-control-prev { width:35px; height:35px; }
    .hero_slider .carousel-control-next::after, .hero_slider .carousel-control-prev::after{width: 10px; height: 10px;}

    .section_title h2, .section_title h3, .programme_detail h2, .home_about .about_content h3, .check_tag h2 a{font-size:30px;}
    .home_programme h2, .cta_donate h2{ font-size:22px;}
    .inner_title .section_title h1{font-size:30px;}

    .home_programme ul li { font-size:18px; margin-bottom: 10px;}
    .home_programme .sign_img{ border-left: 0;}
    .home_programme .sign_img img { max-width: 100%; border-left: 7px solid #fcad30; padding-left: 20px; }
    
    .cta_donate .btn-primary { font-size:18px; padding:0.6rem 1rem;}

    .home_projects .projects_detail{ min-height: inherit; padding: 20px;}
    .projects_slide .owl-carousel .owl-nav button.owl-next, .projects_slide .owl-carousel .owl-nav button.owl-prev{ display: none;}
    .home_about .about_content { padding:2rem; }
    .home_about .about_content .abt_list .detail h4 { font-size:18px;}
    .home_about .about_content .abt_list .detail p{ font-size:17px;}
    .home_about .about_content .btn-primary{font-size:16px;}

    .together_we_can .btn-primary {font-size:18px; padding:0.5rem 1rem;}

    .newsletter_main .form-main .form-control { padding: 0.7rem 1rem; font-size:18px;}
    .newsletter_main .form-main .btn-primary { padding: 0.6rem 1rem; font-size:18px; }

    .check_tag .btn-primary { font-size:15px; padding: 0.5rem 0.8rem; }
    

    .our_programme .box {min-height: 250px; margin: 10px auto; max-width:250px; }

    
    .programme_detail .box{ padding: 0px 10px;}
    .programme_detail .box .box_inner{min-height:230px; padding: 0px 20px;}
    .programme_detail .box .box_inner h2{ font-size:25px;}

    .recent_wraper .act_title { min-height: inherit; padding: 50px 30px; }
    .recent_wraper::after{height: 335px;}
    .recent_wraper::before { height:548px; }

    .who_we .happy_future{ padding: 2rem 1rem 0rem 1rem;}
    .who_we .happy_future h1{ font-size: 40px; line-height: 25px;}
    .who_we .happy_future p{ font-size:20px; line-height: 25px;}

    .trustee_detail{ padding: 3rem;}
    .advisor_detail{ padding:3rem;}

    #OurPartners ul li{ width:50%; padding:10px; list-style: none; }
    #OurPartners ul li:first-child,
    #OurPartners ul li:nth-child(2){ border-top: none; padding-top: 0;}
    #OurPartners ul li:nth-child(3),
    #OurPartners ul li:nth-child(4){border-right: 1px solid #fbe83e; border-top: 1px solid #fbe83e; padding-top:10px;}
    #OurPartners ul li:nth-child(4n){border-right: 1px solid #fbe83e; border-top: 1px solid #fbe83e;}
    #OurPartners ul li:nth-child(2n){ border-right: none; padding-right: 0;}
    #OurPartners ul li:nth-child(4n+1){ padding-left:10px;}
    #OurPartners ul li:nth-child(2n+1){ padding-left: 0px;}
    #OurPartners ul li:nth-child(17n),
    #OurPartners ul li:nth-child(18n){ padding-bottom:10px;}
    #OurPartners ul li:nth-child(19n),
    #OurPartners ul li:nth-child(20n){ padding-bottom: 0;}
    #OurPartners ul li span{padding:10px 0;}
    #OurPartners ul li span img{ max-height:80px;}

    .press_articles .articles_thumb{ height:350px;}

    .how_we_can .accordion-button.collapsed{ padding: 1rem 1rem;}
    .how_we_can .accordion-button.collapsed, .how_we_can .accordion-button:not(.collapsed){ font-size: 1rem;}    
    .how_we_can .accordion-button::after, .programme_detail .accordion-button::after, .project_wrap .accordion-button::after{ font-size:28px;}
    .how_we_can .accordion-body p, .programme_detail .accordion-body p, .project_wrap .accordion-body p{ font-size: 1rem;}
    .how_we_can ul li{ font-size:18px;}
    
    .how_we_can ul li::before{top:7px;}
    .news_box{ padding:1rem;}

    .donation_opt h4{ font-size:25px;}

    .info_grapgic_wrap h3{ font-size: 22px;}
    .info_grapgic_wrap .education_info .info_content{ padding-bottom: 1rem;}
    .hunger_wrap img.thumb_food{ max-width: 100%; margin-left:0px !important; margin-right:0px !important; margin-bottom: 1rem;}
    .school_list_wrap h5{ font-size: 20px;}

    /* Contact Page Class */
    .donate_currency h2{ font-size: 30px;}
    .mobile-my-1{ margin-top: 1rem;}
    .contact_form .form-control, .contact_form .form-select{height: 40px; line-height:40px; font-size: 15px;}
    .contact_form .textarea{height: 80px; font-size: 15px;}

     /* Gallery Video Class */
     .gallery_video_main .gallery_title{ min-height: auto;}

     /*--- Beauty Product Page Class ---*/
     .empower-part h3{ font-size: 22px;}
     .beauty_wrap img.thumb_food{ max-width: 100%; margin-left:0px !important; margin-right:0px !important; margin-bottom: 1rem;}

     .programme_detail .accordion-button.collapsed, .programme_detail .accordion-button:not(.collapsed),
     .project_wrap .accordion-button.collapsed, .project_wrap .accordion-button:not(.collapsed)
     { font-size: 1rem;}

     /* News New Page Design Class Added 2-July-2025 Start */ 
     .news_row h3{font-size: 20px;}
     .news_row .news_full_pic, .news_row .carousel-item{ height: 350px;}     
     .news_row .like_view_count {font-size: 16px;}
     .news_row .like_share_list ul li img {max-width: 22px;}

}

@media (max-width:479px){
    .navbar-toggler{padding: 0.6rem;}
    .head_right .dropdown-menu[data-bs-popper] {min-width: 320px; left:-90px; right: auto;}
    .head_right .btn-donate { font-size: 13px; padding:8px 6px;}
    .head_right .dropdown { padding: 27px 8px; }
    .head_call { padding: 33px 0px 33px 50px; font-size:16px; background-size: 35px auto;}
    .head_search img { width: 28px; }
    .head_call img { width: 28px; margin-right: 5px;}

    .hero_slider .carousel-caption p, .hero_slider .carousel-caption span{ font-size: 14px; line-height: 16px;}
    .hero_slider .carousel-caption h2 { font-size:28px; line-height:28px; margin-top: 0; margin-bottom: 0.4rem;}
    .hero_slider .carousel-caption .btn-primary { font-size: 14px; padding: 0.4rem 0.8rem; letter-spacing: 2px; }
    .hero_slider .carousel-control-next, .hero_slider .carousel-control-prev { width:30px; height:30px; }
    .hero_slider .carousel-control-next::after, .hero_slider .carousel-control-prev::after{width:8px; height:8px;}

    .home_programme .box {width: calc(50% - 20px); }

    .home_about .text_box { padding: 30px 40px 20px 40px; font-size:24px; line-height:30px; }

    .home_testimonial .testi_img .quate{width:45px; height:45px; line-height:45px;}
    .cta_donate .btn-primary { font-size:16px; padding:0.5rem 0.8rem;}
    .counter_main {margin-top:-280px; }
    .counter_main::before{ width: 100%;}
    .counter_main::after{ width: 100%;}
    .counter_main .icon{width: 80px; height: 100px; line-height: 100px;}
    .counter_main .icon img{ width: 58px;}
    .counter_main .count-title { font-size:35px; margin-top: 10px; }
    .counter_main .box{ border-right: none;}

    .section_title h2, .section_title h3, .programme_detail h2, .home_about .about_content h3{font-size:25px;}
    .inner_title .section_title h1{font-size:25px;}
    .section_title h2 img{ width: 18px;}
    .home_programme h2, .cta_donate h2{ font-size:18px;}
    .together_we_can h3{font-size:25px; line-height:30px; margin-bottom:1.5rem;}
    .check_tag h2{ line-height: 25px;}
    .check_tag h2 a{font-size:22px;}

    .home_news .box {padding:1.5rem 1.5rem 0rem 1.5rem; }
    .home_news .btn-primary{ position: relative;}
    .home_news h5 { font-size:20px; line-height:28px; margin-bottom: 1rem; }

    .check_tag .btn-primary { font-size: 15px; padding: 0.6rem 1rem; letter-spacing:1px; margin:5px 0px; }

    footer .logo_box { width:100%; }
    footer .aboutus { width: 100%; margin-top: 20px; margin-bottom: 20px;}

    .inner_title .section_title h1::before {width:25px; height:25px; bottom: -3rem;}
    .inner_title .breadcrumb { font-size:18px; }
    .our_programme p { font-size:16px; line-height:25px; }

    .programme_detail p{ font-size:18px; line-height:22px;}
    .programme_detail .box{ width:100%; padding: 0px 20px; margin:20px 0px 20px 0px;}
    .programme_detail .box .box_inner{min-height:300px; padding: 0px 20px;}
    .programme_detail .box .box_inner h2{ font-size:25px;}

    .banner_main .banner_text .inner_box h2, .banner_main .banner_text .inner_box p{ font-size: 25px; line-height: 30px;}
    .blue_strip { padding:3rem 0; }
    .blue_strip p { font-size: 25px; line-height: 30px;}
    .programme_text p{ font-size: 25px; line-height: 30px;}
    .programme_text .btn-primary{font-size:16px;}
    .recent_wraper .act_thumb{ margin-top: 20px;}
    .recent_wraper .act_title{ padding:20px 20px;}
    .recent_wraper .btn-primary{font-size:16px;}
    .recent_wraper .act_title h5 { font-size:22px; line-height: 26px; }
    .recent_wraper::after { height: 340px; }
    .recent_wraper::before { height:380px; }

    .who_we p, .our_steps p, .testimonials_wrap .section_head p{ font-size: 15px; line-height: 22px;}
    .testi_box{ padding: 1rem; background-position: 95% 95%; background-size: 60px auto;}
    .testi_box .testi_title{ font-size: 18px; line-height: 22px;}
    .testi_box .testi_name .testi_thumb{ width: 80px; height: 100px;}
    .testi_box .testi_name .testi_name_detail { width: calc(100% - 90px); }
    
    .trustee_detail{ padding:2rem 2.5rem;}
    .advisor_detail{ padding:2rem 2.5rem;}

    #OurPartners ul li span img{ max-height:60px;}
    #OurPartners .carousel-control-prev{ left: 37.5%;}
    #OurPartners .carousel-control-next{ right: 37.5%;}
    .partner_wrap ul li{ font-size:15px;}
    .partner_wrap ul li::before{ top: 6px;}

    .board_advisor .share_social .btn{ width: 45px; height: 45px; line-height: 45px; font-size: 18px;}
    .board_advisor .share_social .dropdown-menu{ min-width: 45px;}
    .board_advisor .share_social .dropdown-menu .dropdown-item{font-size: 18px; line-height: 45px;}

    .award_detail{ padding: 2rem;}
    .award_detail .carousel-control-next, .award_detail .carousel-control-prev{ width: 35px; height: 35px;}
    .award_detail .carousel-control-prev{left: -1.5rem;}
    .award_detail .carousel-control-next{right: -1.5rem;}

    .news_wrap .news_title{ line-height: 22px;}
    .news_detail{ padding: 4rem 1rem 1rem 1rem;}
    .news_popup_main .pagination .page-link{width: 30px; height: 30px; font-size:16px; line-height:30px;}

    .donation_opt h4{ font-size:20px;}
    .donation_opt [type="radio"]:checked + label, .donation_opt [type="radio"]:not(:checked) + label{ font-size:20px; padding-left: 32px;}
    .donation_opt .form-control{ margin-top: 0.5rem;}
    
    .info_grapgic_wrap h3{ font-size: 20px;}
    .hunger_wrap p{ font-size: 16px;}
    .info_grapgic_wrap .education_info .info_icon{ display: inline-block; margin: 0 0rem 1rem 0;}    
    .info_grapgic_wrap .education_info .info_content{ width: auto; display: inline-block; text-align: left; padding: 0 0 0 1rem;}    
    .school_list_wrap .school_list ul li{ font-size: 16px;}

    .gallery_main .gallery_thumb::before {width:35px; height:35px;}

    /* Contact Page Class */
    .donate_currency h2{ line-height: 32px;}
    .donate_currency .btn-primary{ margin: 10px 0px; display: block;}


     /* Gallery Video Class */
     .lightbox .modal-dialog{ padding: 1rem;}
     .lightbox-carousel .carousel-control-next{ right: 0;}
     .lightbox-carousel .carousel-control-prev{ left: 0;}
     .lightbox .modal-dialog .btn-close {right: 0px !important; top: -40px !important; font-size: 14px;}     


     /*--- Beauty Product Page Class ---*/
     .empower-part h3{ font-size: 20px;}
     .empower-part p{ font-size: 16px;}
     .beauty_wrap h4{ font-size: 22px;}
     .beauty_wrap p{ font-size: 16px;}
     .get_touch_form .section_title h1{font-size: 25px;}
     .get_touch_form .btn-donate{ padding: 0.5rem 0.8rem;}
     .get_touch_form p{ font-size: 18px;}
}