/*RESPONSIVE MENU*/

.responsive_btn {display: none; cursor: pointer; text-align: center; width: 40px; height: 40px; margin: -2px 0; float: right; position: relative; z-index: 20; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; background: transparent; border-radius: 8px; margin-left: 40px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #fb590a; flex-shrink: 0;}
.responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after { background: #fff; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #fff;}

.responsive_nav { display: block; position: fixed; left: -280px; top: 0; bottom: 0; width: 280px; min-height: 100%; z-index: 9999999; background: #fb590a; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_nav {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul{display: flex; flex-direction: column; align-items: start;}
.responsive_nav li { border-top: 1px solid rgba(255, 255, 255, 0.2); list-style-type: none; margin: 0; padding: 0; position: relative; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; width: 100%;}
.responsive_nav li:first-child {border-top: none;}
.responsive_nav li:after{display: none;}
.responsive_nav li > a {display: block; padding: 12px 10px 8px; color: var(--white-color); position: relative;}
.responsive_nav li a:hover,.responsive_nav li a:focus,.responsive_nav li.current_page_item > a{color: var(--primary-color);}
.responsive_nav ul {padding: 0 }
.responsive_nav .sub-menu,.responsive_nav li a i {/*display: none;*/}
.responsive_nav .subarrow {
    display: flex; 
    pointer-events: inherit; 
    width: 30px; 
    height: 40px; 
    line-height: 40px; 
    position: absolute; 
    top: 0; 
    right: 0;
    align-items: center;
    justify-content: center;
}
.responsive_nav .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay { 
    position: fixed; 
    left: 0; 
    top: 0;
    right: 0; 
    bottom: 0; 
    z-index: 999999; 
    transform: none; 
    background: rgba(0, 0, 0, 0.48); 
    opacity: 0; 
    visibility: hidden; 
    -webkit-transition: all 500ms ease 0s; 
    transition: all 500ms ease 0s; 
}
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0; overflow-y: auto;}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
.responsive_nav li.menu-item-has-children{display: block;}
.responsive_nav ul li .sub-menu {
	padding-left: 10px;
	position: relative;
	transition: none;
	width: 100%;
	border-radius: 0;
	left: 0px;
	visibility: visible;
	opacity: inherit;
	display: none;
	background: #e6540c;
}
/*MENU END*/

@media only screen and (max-width: 1599px) {
    
    .banner_heading_home{
        font-size: 40px;
        line-height: 49px;
    }
    .orrange_btn{
        padding: 10px 26px;
    }
    .yellow_btn{
        padding: 10px 26px;
    }
    .homebannerslide .owl-nav{
        right: 41%;
        bottom: 8%;
    }
    .cmn_heading{
        font-size: 36px;
        line-height: 44px;
    }
    .cmn_heading_white{
        font-size: 36px;
        line-height: 44px;
    }
    .text_icon_img_subheading{
        margin-bottom: 7px;
    }
    .cmn_orange_subheading{
        line-height: 22px;
    }
    .counting_section .count-wrap{
        font-size: 44px;
        line-height: 53px;
    }
    .home_our_frame_section{
        height: 465px;
    }
    .map_home_img_box{
        width: 85%;
    }
    
    .home_blog_box_text .white_btn{
        padding: 8px 20px;
    }
    .footer_top_help::after{ 
        background: url(../img/help_after.png) right top no-repeat;
        background-size: 70%;
        width: 40%; 
    }
    .footer_top_help::before { 
        background: url(../img/help_before.png) left bottom no-repeat;
        background-size: 85%;
        width: 30%; 
    }
    .banner_slide_single_box{
        height: 730px;
    }
    .home_banner_section{
        height: 730px;
    }
    .bannermain_home_text{
        padding: 0 50px;
    }
    .banner_heading_home span{ 
        font-size: 55px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 1439px){
    /* .banner_slide_single_box{
        height: 600px;
    } */
    /* .home_banner_section{
        height: 600px;
    } */
    .banner_heading_home{
        font-size: 36px;
        line-height: 46px;
    }
    .our_all_process_box{
        margin-top: 35px;
    }
    .home_our_frame_section{
        height: 445px;
    }
    .event_slide_box_heading{
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 14px;
    }
    .event_home_slide_text_box{
        padding-left: 15px;
    }
    .event_home_slide_clock_box{
        width: 180px;
    }
    .home_blog_single_box{
        height: 300px;
    }
    .footer_instagram_gallery_section figure{
        width: 100%;
        height: 250px;
    }
    .about_inner_page_mission{
        gap: 50px;
    }
    .about_mission_text{
        width: 510px;
    }
    .inner_banner_top{
        height: 350px;
    }
    .month_donation_page_left_main_form{
        height: auto;
    }
    .header_top .logo img{
        max-width: 140px;
    }
    .header_logo_menu .midheader{
        gap: 30px;
    }
    .navigation_menu .links_top_header_right{
        gap: 20px;
    }
    .boxes_radio_main_donation_form label{
        font-size: 22px;
        line-height: 28px;
        padding: 11px 7px;
    }
    .donation_form_text_main_form{
        width: 90%;
    }
    .month_donation_page_left_main_form{
        width: 100%;
    }
    .causes_details_input_radio_btn label{
        width: 19%;
        padding: 5px;
    }
    .donation_form_text_main_form{
        margin: 0 auto 20px;
    }
    .all_input_label_donation_single_input{
        margin-bottom: 10px;
        margin-top: 8px;
    } 
    .all_input_label_donation_single_input input{
        height: 40px;
        padding: 5px 10px;
        font-size: 15px;
    }
    .all_input_label_donation_single_input input::placeholder{
        font-size: 15px;
    }
    .select2-container--bootstrap-5 .select2-selection--single{
        border: 1px solid #8f8f8f !important;
    }
    .your_information_donation_heading{
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .donation_form_last_img{
        padding: 15px 0 10px;
    }
    .looking_donation_text{
        font-size: 17px;
        line-height: 22px;
    }
    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
        position: relative;
        top: 0;
    }
    .banner_heading_home span{ 
        font-size: 52px;
        line-height: 62px;
    }
    .pb_100{
        padding-bottom: 80px !important;
    }
    .pt_100{
        padding-top: 80px !important;
    }
    .pb_90{
        padding-bottom: 80px !important;
    }
    .pt_90 {
        padding-top: 80px !important;
    }
    .home_about_section_new{
        margin-top: 80px;
    }
    .home_counter_new{
        padding: 0px 0 45px 0;
    }
    .banner_heading_home{
        margin-bottom: 50px;
    }
    .select2-container{
        width: 100%;
    }
}

@media only screen and (max-width: 1359px){
     
    .banner_heading_home{
        font-size: 33px;
        line-height: 43px;
    }
    .homebannerslide .owl-nav .owl-next{
        width: 37px;
        height: 37px;
    }
    .homebannerslide .owl-nav .owl-prev{
        width: 37px;
        height: 37px;
    }
    .home_about_section{
        background-size: 50% 100%;
    }
    .cmn_heading{
        font-size: 34px;
        line-height: 42px;
    }
    .cmn_heading_white{
        font-size: 34px;
        line-height: 42px;
    }
    .home_world_heading_box::before{
        top: -75%;
        width: 435px;
        height: 500px;
    }
    .about_sub_paragraph{
        line-height: 27px;
    }
    .home_our_frame_section{
        height: 100%;
        background-size: 50% 100%;
    }
    .map_home_img_box{
        width: 80%;
    }
    .home_about_mission_section{
        padding-top: 100px;
        padding-bottom: 80px;
    }
    .pt_100{
        padding-top: 80px !important;
    }
    .pb_100{
        padding-bottom: 80px !important;
    }
    .banner_slide_single_box{
        height: 600px;
    }
    .home_banner_section{
        height: 600px;
    }
    .bannermain_home_text{
        padding: 0 20px;
    }
    .banner_heading_home span{
        font-size: 44px;
        line-height: 54px;
    }
}

/*1170px*/
@media only screen and (max-width: 1199px) {
    .home_banner_section, .banner_slide_single_box{
        height: 540px;
    }
    .home_about_right_text_box {
        padding-left: 30px;
    }
    .navigation_menu .links_top_header_right {
        gap: 14px;
    }
    .navigation_menu .links_top_header_right li a{
        font-size: 14px;
    }
    .team_single_box_about_page{
        min-height: 100%;
    }
}

/*992px*/
@media only screen and (max-width: 1169px) {
    .banner_heading_home {
        font-size: 26px;
        line-height: 36px;
    }
    .banner_heading_home span {
        font-size: 34px;
        line-height: 44px;
    }
    .home_about_section_new {
        margin-top: 40px;
    }
    .home_about_right_text_box {
        padding-left: 0;
    }
    .home_about_section{
        background-size: 48% !important;
    }
    .pb_100 {
        padding-bottom: 40px !important;
    }
    .pt_100 {
        padding-top: 40px !important;
    }
    .tab_new_hser{
        margin-bottom: 20px;
    }
    .hstimg{
        height: 240px;
    }
    .hmserbxone .name{
        font-size: 16px;
        line-height: 24px;
        height: 60px;
    }
    .wwdhs_new_box_img{
        height: 355px;
    }
    .wwdhs_new_single_text{
        font-size: 22px;
        padding: 20px 0;
    }
    .counter .counting_section{
        margin-top: 40px;
    }
    .home_about_mission_section {
        padding-bottom: 40px;
    }
    .what_we_do_inner_right_img{
        height: 330px;
    }
}

/*768px*/
@media only screen and (max-width: 991px) {
    .responsive_btn{display: block;}
    header .navigation_menu{display: none;}

    .home_banner_section, .banner_slide_single_box {
        height: 450px;
    }
    .header_top .logo img {
        max-width: 100px;
    }
    .banner_heading_home {
        font-size: 22px;
        line-height: 32px;
    }
    .banner_heading_home span {
        font-size: 28px;
        line-height: 38px;
    }
    .home_about_section {
        background-size: 100% !important;
        padding: 20px 0;
        position: relative;
    }
    .home_about_section::after{
        content: '';
        background-color: #ece5e5b5;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .home_about_section_new .container{
        z-index: 1;
    }
    .home_about_section_new .home_about_right_text_box .paragraph_black{
        color: #222;
    }
    .copy_right_footer p{
        font-size: 13px;
    }
    .copy_right_footer{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-section.pb_50{
        padding-bottom: 20px !important;
    }
    .footer_top_help_text_part .footer_form_newsletter{
        flex-wrap: wrap;
    }
    .footer_form_newsletter .user-box {
        width: 49%;
        text-align: left;
    }
    .footer_form_newsletter .btn-wrap{
        width: 100%;
    }
    .what_we_do_home_section_new .wwdhs_new_box{
        margin-bottom: 20px;
    }
    .what_we_do_home_section_new .row{
        margin: 0 120px;
    }
    .inner_banner_top {
        height: 240px;
    }
    .about_inner_about_details_right_video .about_img_first{
        width: 70%;
        height: 375px;
        margin: 0 auto;
    }
    .meetour_all_team_section .row{
        margin: 0 70px;
        row-gap: 20px;
    }
    .itemworknew_box_img{
        height: 230px;
    }
    .what_we_do_inner_left_text {
        padding: 20px 30px 20px 20px;
    }
    .what_we_do_inner_right_img {
        height: 220px;
    }
    .cmn_heading {
        font-size: 28px;
        line-height: 38px;
    }
    .mobile-none{
        display: none;
    }
}
	
/*600px*/
@media only screen and (max-width: 767px) {
    .home_about_section {
        background-size: 100% !important;
        padding: 20px 0;
        position: relative;
        background-attachment: fixed !important;
        background-position: center !important;
    }
    .copy_right_footer p{
        text-align: center;
    }
    .orrange_btn {
        padding: 10px 22px;
    }
    .about_p_meetour_team_text{
        align-items: center;
    }
    .what_we_do_inner_left_text .paragraph_black {
        margin-bottom: 0;
    }
    .pb_40 {
        padding-bottom: 10px !important;
    }
    .news_details_page_left_img{
        height: 280px;
    }
   
}

/*480px*/
@media only screen and (max-width: 599px) {
    .header_btn li a.orrange_btn{
        font-size: 0;
    }
    .header_btn li a.orrange_btn i {
        padding-left: 0;
        top: 3px;
        font-size: 14px;
    }
    .home_banner_section, .banner_slide_single_box {
        height: 400px;
    }
    .banner_heading_home span {
        font-size: 24px;
        line-height: 34px;
    }
    .what_we_do_home_section_new .row {
        margin: 0 30px;
    }
    .counter .counter_home_frame_grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_form_newsletter .user-box {
        width: 100%;
    }
    .footer_form_newsletter .btn-wrap{
        margin-top: 20px;
    }
    .footer_row_pb .row [class*="col-"]:last-child{
        display: none;
    }
    .about_mission_text {
        width: 100%;
    }
    .eventhomeslide_slide_box{
        padding: 25px 10px;
        flex-direction: column;
    }
    .event_details_left_img{
        height: 330px;
    }
    .clock_box_clock_icon{
        display: none;
    }
    .input_name_country_world_select_rupees{
        display: flex;
        justify-content: space-between;
    }
    .input_name_country_world_select_rupees select{
        font-size: 12px;
    }
    .inner_banner_breadcrumb{
        display: none;
    }
}

/*360px*/
@media only screen and (max-width: 479px) {
    .responsive_btn{
        margin-left: 0;
    }
    .header_logo_menu .midheader {
        gap: 20px;
    }
    .header_btn li a.orrange_btn{
        padding: 5px 10px;
    }
    .header_btn li a.orrange_btn i{
        top: 4px;
    }
    .home_about_section{
        background-size: cover !important;
    }
    .orrange_btn, .yellow_btn {
        padding: 9px 9px;
        font-size: 14px;
    }
    .what_we_do_home_section_new .row {
        margin: 0;
    }
    .about_inner_about_details_right_video .about_img_first{
        height: 255px;
    }
    .about_us_inner_page {
        padding-bottom: 40px;
    }
    .about_p_meetour_team_text{
        flex-direction: column;
    }
    .meetour_all_team_section .row{
        margin: 0;
    }
    .cmn_heading {
        font-size: 24px;
        line-height: 34px;
    }
    .event_home_slide_clock_box {
        width: 100%;
        border: none;
    }
    .about_p_meetour_team_text_left{
        text-align: center;
    }
    .news_details_page_left_box {
        padding-right: 0;
    }
}