@media screen and (max-width: 1200px) and (min-width: 240px){
    .page_width{width:100%; padding: 0px 30px;}
}

@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{width:100%; padding: 0px 15px;}
    .gerenric_heading{font-size: 35px; margin-bottom: 25px;}
    .gerenric_padding{padding: 40px 0px;}
    .gerenric_btn{font-size: 16px; height: 45px;}
   

    .menu_icon {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 0%;cursor: pointer;display: flex !important; position: absolute; left: 0px; }
	.menu_icon:hover .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline:first-child {-webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
	.menu_icon.closeMenu .Mbarline:nth-child(2) {-webkit-transform: scale(0);transform: scale(0);}
	.menu_icon.closeMenu .Mbarline:last-child {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
	.Mbarline {width: 25px;height: 2px;background: #fff;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.Mbarline:nth-child(2) {width: 25px;margin: 5px 0;}
	.Mbarline:last-child {width: 25px;}
    #header_section{z-index: 999999; height: 70px;}
    #logo{width: 50px; left: 40px;}
    #header_section.headersticky #logo{width: 50px;}
    #header_section.headersticky{height: 70px;}
    #header_section .header_btn{width: auto;}
    #header_section .header_btn .gerenric_btn{ font-size: 14px;    min-width: 100px;}
    .header_empty{width: 100%; height: 70px;background: rgb(4,34,68);}
    #navigation_section{position: fixed; overflow-y: auto;  width: 100%; display: none; padding: 0px; left: 0px; top: 70px; height: 100vh; background: rgb(4,34,68);}
    #navigation_section ul{display: block; padding-top: 20px;padding-bottom: 80px;}
    #navigation_section ul li{margin-right: 0px; padding: 15px; text-align: center; font-size: 25px;}
    #navigation_section.showMenu{ display: block; transition: all 0.3s;}
    #navigation_section ul li ul.submenu{ position: inherit;width: 100%; margin-bottom: 20px;}
    #navigation_section ul li ul.submenu li{font-size: 20px;}

    #banner_section{padding: 30px 0px 80px 0px;}
    #banner_section .banner_detail {padding-right: 35px;}
    #banner_section .banner_detail h1{font-size: 40px;}
    #banner_section .banner_detail p{font-size: 17px;}
    #banner_section .banner_detail .banner_button {margin-top: 25px;}
    #banner_section .banner_detail .banner_button .gerenric_btn{min-width: 140px; font-size: 15px; height: 50px;}
    #banner_section .banner_image video{height: 230px;}

    .welcome_section .page_width{position: relative; top: -40px; }
    .welcome_section .welcome_top{justify-content: center;}
    .welcome_section .welcome_top .welcome_box{width: calc(50% - 20px);}
    .welcome_section .welcome_detail{padding-top: 40px;}
    .welcome_section .welcome_detail p{font-size: 16px;}
    .project_section .project_col{width: 100%;}
    .project_section .project_title{font-size: 20px;}
    .event_section .event_col{width: 50%;}
    .event_section .event_card .event_title{font-size: 20px;}
    .about_page .team_row .team_col {width: calc(100% - 20px);}
    .about_page .core_section{width: 100%;}
    .about_page .core_card{width: calc(50% - 16px); }
    .about_page .core_card p{font-size: 16px;}
    .project_page .project_block{width: 100%;}
    .project_page .project_block .project_title{font-size: 18px;}
    .project_eductaion .education_detail{padding: 20px;}
    .learning_page .learning_image{width: 100%; height: auto; margin-bottom: 20px;}
    .learning_page .learning_image img{width: 100%;height: auto; }
    .learning_page .learning_detail{width: calc(100% - 0%); padding-left: 0px;}
    .learning_page .learning_detail h3{font-size: 22px;}
    .learning_page .learning_detail h4{font-size: 22px;}
    .sponsorship_page .sponsorship_work{padding: 20px;}
    .sponsorship_page .sponsorship_work .sponsorship_work_info{width: 95%;padding: 15px;}
    .sponsorship_page .sponsorship_work .sponsorship_card { width: calc(100% - 30px);}
    .sponsorship_page .sponsorship_become{padding: 20px;}
    .sponsorship_page .sponsorship_become .sponsorship_become_detail{width: 100%;}
    .event_detail_page .event_detail_lft{width: 100%;margin-bottom: 20px;}
    .event_detail_page .event_detail_image{width: 100%; height: auto; }
    .event_detail_page .event_detail_image img{width: 100%;height: auto; }
    .event_detail_page .event_detail_dt{width: calc(100% - 0%); padding-left: 0px;}
    .event_detail_page .event_detail_dt h3{font-size: 22px;}
    .event_detail_page .event_detail_dt h4{font-size: 22px;}
    .testimonial_page .testimonial_block{padding: 30px;}
    .testimonial_page .testimonial_block .testimonial_image {width: 250px; margin: auto;}
    .testimonial_page .testimonial_block .testimonial_image .project_page .project_block .project_image{height: 260px;}
    .testimonial_page .testimonial_block .testimonial_image .project_page .project_block .project_image img{height: 210px;}
    .testimonial_page .testimonial_block .testimonial_detail {width: calc(100% - 250px);padding-left: 20px;}
    .testimonial_page .testimonial_name{font-size: 20px;}
    #donate_banner h1{font-size: 45px; text-align: center; margin-bottom: 40px;}
    #donate_banner .donate_detail{width:100%;padding-right:0px;}
    #donate_banner .donate_form{width:100%;}
    #donate_banner .donate_form h2{font-size: 25px;}
    #donate_banner.fundraise_banner h1{font-size: 45px;}
    .donation_page .donation_block .donation_box{width:calc(100% - 0px);}
    .donation_page h3{font-size: 25px;}
    .donation_page .donation_block .donation_chart{width:100%; margin-bottom: 30px; text-align: center; }
    .donation_page .donation_block .donation_info{width:100%; padding-left: 0px;}
    .governance_page .governance_section .governance_detail{padding-right: 330px;}
    .governance_page .governance_section .governance_detail p{font-size: 16px;}
    .governance_page .governance_report_section .report_col{width: 50%;}
    .fundraise_page .fundraise_block .fundraise_card{width: calc(50% - 30px); }
    .fundraise_page .fundraise_organise{padding:25px 20px;}
    .fundraise_page .fundraise_organise .organise_left{width: 100%; margin-bottom: 30px; padding-right: 0px;}
    .fundraise_page .fundraise_organise .organise_right{width: 100%;}
    .fundraise_form_page .fundraise_form_section .fundraise_form_box{width: 100%;}
    .fundraise_form_page .fundraise_form_section img{display: none;}
    .fundraise_form_page .fundraise_form_section .fundraise_form_box h1{font-size: 30px;}
    .fundraise_form_page .fundraise_form_section .fundraise_form_box p{font-size: 18px;}
    .fundraise_form_page .fundraise_boxs_section .fundraise_card{width: calc(50% - 30px); }
    .sponsor_form_page .sponsor_form_box{width: 100%;}
    
    .partner_page .partner_section1 .partner_box{width: calc(100% - 30px);}
    .contact_page .contact_left{width: 100%; padding-right: 0px; margin-bottom: 30px;}
    .contact_page .contact_right{width: 100%;}
    .press_coverage_page .pc_col{width: 50%; padding: 10px;}
    .media_coverage_page .pc_col{width: 50%; padding: 10px;}

    #footer_section .footer_top{padding: 35px 0px;}
    #footer_section .footer_top .footer_col{width: 100% !important; margin-bottom: 30px; padding-right: 0px;}

}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric_heading{font-size: 30px;}
    .gerenric_form ul li .form_left{width: 100%; padding-right: 0px; margin-bottom: 20px;}
    .gerenric_form ul li .form_right{width: 100%;padding-left: 0px;}

    #banner_section .banner_detail {width: 100%; padding-right: 0px;}
    #banner_section .banner_image{width: 100%; margin-bottom: 25px;}
    #banner_section .banner_image video{height: auto;}

    .welcome_section .welcome_top{margin: 0px;}
    .welcome_section .welcome_top .welcome_box{width: 100%;margin: 10px 0px;}
    .event_section .event_col{width: 100%;}
    .project_section .project_card img{height: 370px;}
    .about_page .team_row .team_image { margin: auto; margin-bottom: 20px;}
    .about_page .team_row .team_detail {width: calc(100% - 0px); padding-left: 0px;}
    .about_page .team_row .team_detail h3{font-size: 22px;}
    .about_page .gerenric_heading{font-size: 30px;}
    .about_page .mission_section p{font-size: 16px;}
    .about_page .core_title{font-size: 25px;}
    .about_page .core_block{margin: 0px -10px;}
    .about_page .core_card { width: calc(100% - 10px); margin: 10px;}
    .about_page .core_card h4{font-size: 22px;}
    .project_page h2{font-size: 25px;}
    .project_page h3{font-size: 18px;}
    .project_page .project_block .project_image{height: 350px;}
    .project_page .project_block .project_image img{height: 310px;}
    .project_eductaion img{width: 100%;}
    .project_eductaion .education_detail{width: 100%;}
    .project_page .project_block .project_col{width: 330px; margin: auto;}
    .project_page .project_block .project_title{font-size: 16px;}
    .testimonial_page .testimonial_block .testimonial_detail {width: calc(100% - 0px);padding-left: 0px;}
    .testimonial_page .testimonial_block .testimonial_image .project_page .project_block{margin-bottom: 20px;}
    #donate_banner.fundraise_banner h1{font-size: 32px;}
    #donate_banner.fundraise_banner .gerenric_btn{padding: 5px 30px; height: 55px; margin-top: 10px; font-size: 18px;}
    .governance_page .governance_section .governance_detail{padding-right: 0px;}
    .governance_page .governance_section .governance_pdf_box{position: inherit; margin: auto;}
    .governance_page .governance_report_section h2{font-size: 25px;}
    .governance_page .governance_report_section .report_col{width: 100%;}
    .governance_page .governance_policy_section .policy_col{width: 100%;}
    .governance_page .governance_policy_section .policy_box{font-size: 18px;}
    .fundraise_page .fundraise_block .fundraise_card{width: calc(100% - 30px); }
    .fundraise_form_page .fundraise_boxs_section .fundraise_card{width: calc(100% - 30px); }
    .fundraise_form_page .fundraise_form_section .friend_email_row{display: block;}
    .fundraise_form_page .fundraise_form_section .friend_email_row .friend_email_field {width: calc(100% - 0px); padding-right: 0px;}
    .fundraise_form_page .fundraise_form_section .friend_email_row .friend_email_button{margin: auto;width: 100%; margin-top: 5px;}
    .fundraise_form_page .fundraise_form_section .friend_email_row .delete_icon{right: 10px;}
    .sponsorship_page .sponsorship_gray_box{width: 100%;}
    .sponsor_form_page.donate_form_page .sponsor_form_box{width: 100%;}
    .press_coverage_page .pc_col{width: 100%; padding: 10px;}
    .media_coverage_page .pc_col{width: 100%; padding: 10px;}

}

@media screen and (max-width: 480px) and (min-width: 240px){}

@media screen and (max-width: 380px) and (min-width: 240px){}

@media screen and (max-width: 320px) and (min-width: 240px){}

@media screen and (max-width: 270px) and (min-width: 240px){}