@media (min-width:767px){
    
    nav > ul > li:hover > ul.sub-menu { transform: scale(1);visibility: visible; }
}

@media(max-width:1309px){
    header .logo { max-width: 170px; }
    nav > ul > li { margin: 0 13px; }
    .log_btn { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center }
    .home_b_right_sec h1 { font-size: 27px; }
    .grants.home_banner { padding: 70px 0; }
    .grants_cont { max-width: 100%; }
    .grants_cont h2 { margin-bottom: 40px; }
    .history_head h1 { font-size: 25px;text-align: center; }
    .history_head:before { top: -80%; }
    .hawai .right_con h1 { font-size: 28px; }
    .foo_nav_right h3 { padding-right: 50px; }
    .social-icons { max-width: 120px; }
    footer .footer .address p { margin-bottom: 10px; }
    footer .footer { padding: 30px 0; }
    footer .foo_nav ul li { margin: 0 15px; }
    a.cust_btn { font-size: 15px; }
    .g_card .g_bottom_cont h2 { font-size: 18px; }
    .foo_heading p { font-size: 15px; }
    .foo_heading h5 { font-size: 16px; }
    
    .f_story_img { margin-left: 0px; }
    .f_story h5 { margin-bottom: 40px; }
    
    h1.inner_bottom_btn { font-size: 33px;  }
    
    .res_card{ width: 32%; }
    
    .annual_heading h2 { font-size: 18px; }
    
    
}



@media(max-width:1149px){
    
    .log_btn { margin-left: 20px; }
    .hawai .right_con { padding: 35px 25px; }
    .hawai .right_con h1 { font-size: 25px; margin-bottom: 25px; }
    .hawai .right_con p { font-size: 15px; }
    footer .foo_nav ul li a { font-size: 15px; }
    .home_b_right_sec h1 { font-size: 23px; }
    footer .footer .address p { font-size: 13px; }
    footer .footer .address ul li a { font-size: 13px; }
    h1.inner_bottom_btn { font-size: 28px;bottom: 0;padding: 25px 37px; }
    .staff-cont h2 { font-size: 25px; }
    .staff-cont h6 { font-size: 19px; }
     .annual_heading h2 { font-size: 18px; }
    
}


@media(max-width:1023px){
    
    header .logo { max-width: 140px; }
    nav ul li a, .log_btn a { font-size: 14px; }
    .home_b_right_sec h1 { font-size: 20px; }
    .grants_cont h2 { margin-bottom: 30px; }
    .history_head h1 { font-size: 25px; }
    footer .foo_nav ul li a { font-size: 13px; }
    footer .foo_nav ul li { margin: 0 10px; }
    .foo_nav_right h3 { font-size: 14px; }
    
    .f_story h2 { font-size: 25px; }
    .our_mission p , .donation_cont p { font-size: 19px;line-height: 1.3; }
    
    
}


@media(max-width:991px){
    
    nav ul li a, .log_btn a { font-size: 12px; }
    .hawai { flex-direction: column; -webkit-flex-direction: column; }
    .hawai .left_img , .hawai .right_con { width: 100%; }
    .hawai .right_con a { position: static; margin-top: 35px; }
    nav ul li a, .log_btn a { font-size: 13px; }
    .log_btn a.cust_btn { padding: 10px 25px; }
    nav > ul > li { margin: 0 8px; }
    .home_banner { padding-top: 125px;min-height:400px; }
    .foo_nav_right h3 { padding-right: 40px; }
    footer .foo_nav ul li { margin: 0 8px; }
    footer .footer .address p {  font-size: 12px; }
    footer .footer .address ul li a {  font-size: 12px; }
    .history {  padding: 70px 0; }
    .foo_nav_right h3 { font-size: 12px; }
    .social-icons ul li a i { font-size: 24px; }
    .history_head:before { width: 45px; height: 25px; background-size: 100% 100%; }
    
    
    
    .news_index_dec .grants.home_banner > .container > .row { flex-direction: column-reverse;-webkit-flex-direction: column-reverse; }
    .news_index_dec .grants.home_banner > .container > .row .col-md-4 { flex: 0 0 100%;-webkit-flex: 0 0 100%;max-width: 100%; }
    .news_index_dec .grants.home_banner > .container > .row .col-md-8 { flex: 0 0 100%;-webkit-flex: 0 0 100%;max-width: 100%; }
    
    .f_story h2 { font-size: 22px; }
    .inner_banner_nav ul li a { font-size: 13px; }
    h1.inner_bottom_btn { font-size: 25px; }
    .staff-cont_right ul li, .staff-cont_right h6 { padding-left: 40px; }
    .staff-cont h2 { font-size: 22px; }
    
    .filter_sec form { flex-direction: column;align-items: flex-start; -webkit-flex-direction: column;-webkit-align-items: flex-start; }
    .filter_sec form input { margin-top: 20px; }
    .res_card_sec { margin-bottom: 80px; }
    .res_card { width: 49%;}
    
    .our_mission p, .donation_cont p { font-size: 17px; }
     .history_head h1 { font-size: 23px; }
    .staff-cont_right h6 { padding-left: 30px; }
    .staff-cont_right ul li.current-menu-item:before { left: 5px; }
    .annual_card { padding: 60px 0 25px; }
    
    .history_gallery .g_card:nth-last-child(even) {  margin-right: 15px; }
    .history_gallery .g_card:nth-last-child(odd) {  margin-right: 0px; }
    
    .history_gallery { flex-wrap: wrap; overflow: hidden;justify-content: center; }
    .history_gallery .g_card { width: 47%; margin-bottom: 15px; }
    
    .history_head h2 { font-size: 23px; }
    
    
}


@media(max-width:767px){
    .main_menu { position: fixed; width: 100%; height: 100%;top: 0; left: 100%; background: #414141;flex-direction: column;justify-content: center;align-items: center;transition: .5s;-webkit-flex-direction: column;-webkit-justify-content: center;-webkit-align-items: center;z-index: 9; }
    .main_menu.active { left: 0; overflow-y: auto; }
    nav > ul { flex-direction: column;justify-content: center;align-items: center; -webkit-flex-direction: column;-webkit-justify-content: center;-webkit-align-items: center;}
    nav ul li a, .log_btn a { font-size: 18px; }
    .log_btn {  margin:35px 0px; }
    
    nav ul > li > ul.sub-menu.active { position: static; transform: scale(1); visibility: visible;padding: 10px; }
    header.inner_header nav ul li a { color: var(--white); }
    nav ul li a:hover { color: #fff; }
    .m-arrow { position: absolute; top: 25px; right: -25px;cursor: pointer; z-index: 9; }
    
    .inner_header .hamburger .toggle-buton { background-color: var(--black); }
    .inner_header .hamburger .toggle-buton:before { background-color: var(--black); }
    .inner_header .hamburger .toggle-buton:after { background-color: var(--black); }
    
    .inner_header .m-arrow i { color: #fff; }
    
    .hamburger {cursor: pointer;position: relative;width: 30px;height: 50px;margin: 0 15px;z-index: 999;display: block; }
    .hamburger .toggle-buton {width: 100%;height: 2px;background-color: #fff;position: absolute;top: 50%;right: 0;transform: translate(0, -50%);border-radius: 0px;}
    .hamburger .toggle-buton:before {content: "";width: 100%;height: 2px;background-color:#fff;position: absolute;top: -10px;right: 0;transition: all .5s;border-radius: 0px;}
    .hamburger .toggle-buton:after {content: "";width: 100%;height: 2px;background-color: #fff;position: absolute;bottom: -10px;right: 0;transition: all .5s;border-radius: 0px;}

    .hamburger.active .toggle-buton {background-color: transparent;}
    .hamburger.active .toggle-buton:before {transform: rotate(45deg);top: 0px;background-color: #fff;}
    .hamburger.active .toggle-buton:after {transform: rotate(135deg);background-color: #fff;bottom: 0;}
    
    .home_banner .container > .row { flex-direction: column-reverse;-webkit-flex-direction: column-reverse; }
    .history_head:before {  top: -50%; }
    .history_head h1 { font-size: 21px; }
    .foo_heading h5, .foo_heading p {  font-size: 13px; }
    
    footer .foo_nav { flex-direction: column;-webkit-flex-direction: column; }
    footer .foo_nav ul { margin-bottom: 40px; }
    footer .foo_nav ul li { margin: 0 15px; }
    
    .history_gallery { -webkit-flex: 0 0 100%;flex: 0 0 100%;flex-direction: column;-webkit-flex-direction: column; }
    .history_gallery .g_card:not(:last-child) { margin-right: 0; }
    .news_story_bottom_nav { margin-top: 75px; }
    .story_cont_story {  margin-bottom: 0; }
    .foo_images { margin-bottom: 60px; }
    
    .story_cont_img { margin-bottom: 30px; }
    .story.our_logo .story_cont_img > img { margin: 0 auto; width: auto; }
    h1.inner_bottom_btn {  font-size: 20px; padding: 13px 30px;}
    .inner_banner {   margin-bottom: 40px;}
    
    .annual_heading h2 {  font-size: 18px;text-align: center; }
    .annual_report_sec { margin: 80px 0; }
    .history_gallery {     align-items: center; -webkit-align-items: center; }
    .history_gallery .g_card { width: 60%; }
    .donation_cont a { margin-bottom: 0; }
    .g_card .g_bottom_cont { bottom: -85%; }
    .history_head h2 {  font-size: 20px; }
    .inner_banner_nav ul { margin-top: 5px; }
    
    
}


@media(max-width:640px) {
    .home_b_right_sec ul li a { font-size: 14px; }
    .home_b_right_sec h1 { font-size: 17px; }
    .grants_cont h2 {  margin: 30px 0; }
    .history_head h1 { font-size: 17px; }
    .hawai .right_con h1 { font-size: 20px; }
    .hawai .right_con p {  font-size: 14px; }
    .hawai .right_con a { font-size: 15px; }
    .foo_heading { flex-direction: column;-webkit-flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;align-items: center;-webkit-align-items: center; }
    .foo_heading h5 { margin-bottom: 20px; }
    .foo_images { margin-bottom: 55px; }
    footer .foo_nav ul { flex-direction: column;-webkit-flex-direction: column; }
    footer .foo_nav ul li {  margin: 10px 0px; }
    .footer > .container { flex-direction: column;-webkit-flex-direction: column;align-items: center; }
    footer .footer .address ul { justify-content: center; -webkit-justify-content: center; }
    footer .footer .address ul { margin-bottom: 25px; }
    .foo_heading p { text-align: center; }
    .f_story h2 {  font-size: 20px; }
    
    h1.inner_bottom_btn {  font-size: 18px; padding: 13px 30px;}
    .our_mission p, .donation_cont p { font-size: 17px; }
    .story {    padding-bottom: 30px; }
    .res_card {  width: 100%; }
    .inner_banner_nav ul { flex-direction: column; align-items: flex-start; -webkit-flex-direction: column; -webkit-align-items: flex-start; }
    .inner_banner_nav ul li { padding: 5px 10px; }
    
    .inner_banner > img { height: 150px; }
    .donation_cont blockquote h4 {     font-size: 17px; }
    .donation_cont blockquote h4:not(:last-child) { margin-bottom: 20px; }
    .donations_details ul.flx { flex-direction: column; -webkit-flex-direction: column; }
    .advocate_img { max-width: 100%; }
    .advocate_img img { object-fit: contain; }
    .mahalo { margin: 0; }
    .advocate_img { margin-bottom: 20px; }
    .annual_left { margin-right: 0px; }
    
    .history_gallery .g_card { height: 340px;width: 100%; }
    .g_card .g_bottom_cont { bottom: -78%; }
    .history_head h2 { font-size: 18px; }
    .ways.history {  padding: 70px 0 20px; }
    .f_story.donation_cont { margin: 50px auto 0; }
    
    
}


@media(max-width:375px){
    
    footer .footer .address p { text-align: center; }
    .foo_nav_right h3 { font-size: 11px; }
    .foo_images .foo_main_img:not(:last-child) { margin-right: 2px; }
    .f_story h5 { font-size: 15px; }
    .inner_banner_nav ul li a { font-size: 14px; }
    .news_story_bottom_nav ul { flex-direction: column; align-items: center;-webkit-flex-direction: column; -webkit-align-items: center; }
    h1.inner_bottom_btn { font-size: 16px;padding: 10px 37px; }
    .donation_cont p { font-size: 14px; }
    .staff-cont h2 { font-size: 20px; }
    .staff-cont h6 { font-size: 16px; }
    footer .foo_nav ul li a {  font-size: 14px;}
    h1.inner_bottom_btn {font-size: 15px;bottom: -20%; padding: 10px 0px;}
    .story.our_logo .story_cont_img > img { width: 100%; }
    .res_card_sec {  margin-bottom: 45px; }
    .res_card_nav { margin-bottom: 70px; }
    .res_card_nav ul li { width: 40px; height: 40px; }
    .inner_banner > img {     height: 120px; }
    .donation_cont p { font-size: 15px;  line-height: 1.6; }
    .mahalo h3 { font-size: 22px; }
    h1.inner_bottom_btn { width: 60%; text-align: center; }
    .ways.history { padding: 70px 0 25px; }
    .inner_banner_nav ul li { padding: 0px 10px;}
    
    
}