@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1536px) {
    .social_icon_bar {
        top: 280px;
    }

    .partner_slider .item {
        height: 127px;
    }

    .sub_heading {
        font-size: 18px;
    }

    .testi_content p{
        min-height: 162px;
    }
    
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1399px) {
    #hexGrid p{
        font-size: 13px;
        line-height: 19px;
    }

    .testi_content p{
        min-height: 190px;
    }

    .footer_logo img {
        height: 56px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .slider_heading {
        font-size: 60px;
    }

    .navbar-brand img {
        height: 50px;
    }

    .testi_content p{
        min-height: 175px;
        font-size: 14px;
    }

    .testi_bg {
        min-height: 665px;
    }

    .about_inner_left {
        padding-top: 80px;
    }

    .hexIn p.word_break {
        max-width: 90px;
    }

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

    .heading {
        font-size: 26px;
        line-height: 33px;
    }

    .nav-link {
        font-size: 13px;
    }
    
    .partner_section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .footer_logo img{
        height: 50px;
    }

    .testi_content p {
        min-height: 162px;
    }

    .desktop_nav {
        padding: 0px 42px;
    }

    .partner_slider .item{
        padding: 20px;
    }

    .about_inner_left {
        padding-top: 60px;
    }

    .proj_logo_slider .item {
        padding: 15px;
    }
    
    .stat_total {
        font-size: 50px;
    }

    .stat_tot_col .heading{
        font-size: 22px;
    }

    .hexIn p.word_break {
        max-width: 80px !important;
    }

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    .navbar-brand img{
        height: 44px;
    }

    .desktop_nav {
        padding: 0px 26px;
    }

    .slider_heading {
        font-size: 46px;
    }

    .heading {
        font-size: 24px;
        line-height: 32px;
    }

    .partner_slider .item{
        padding: 18px;
    }

    .hexIn p {
        width: 130px !important;
    }
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .navbar-nav .dropdown-menu {
        border: none;
        box-shadow: none;
        background: #eeeeee;
        text-align: center;
    }
    
    .navbar-nav .dropdown-item {
        padding: 5px 16px;
        font-size: 13px;
        white-space: normal;
        color: #333333;
    }

    .slider_img{
        height: 700px;
    }

    .impact_sec{
        padding-right: 50px;
    }

    .impact_content{
        border-right: none;
    }

    #hexGrid p {
        font-size: 15px;
    }

    .testi_icon {
        margin-top: 0px;
    }

    .testi_section{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .testi_content p{
        min-height: 108px;
    }

    .partner_slider .item {
        height: 138px;
        padding: 24px;
    }

    .carousel-control-next, .carousel-control-prev {
        position: relative;
        margin-top: -90px;
        right: 30px;
    }

    .carousel-control-prev {
        left: -76px;
    }

    .donor_bg {
        min-height: 510px;
    }

    .navbar-toggler{
        background-color: #F9B32B;
        height: 65px;
    }

    .desktop_nav{
        background-color: #ffffff;
        z-index: 99;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    }

    .desktop_nav .navbar-nav{
        padding-top: 30px;
        padding-bottom: 30px;
        gap: 4px;
    }

    .nav-link{
        width: 100%;
        color: #333333;
        text-align: center;
    }

    .dropdown-toggle::after {
        display: inline-block !important;
    }

    .nav-link:focus{
        color: #333333;
    }

    .nav_bar {
        position: relative;
    }

    .inner_banner{
        height: 200px;
    }

    .inner_caption .slider_heading {
        font-size: 34px;
    }

    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 16px;
        padding: 15px 20px;
    }

    .value_sec{
        background-image: none !important;
    }

    .value_sec{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .vision_sec{
        margin-top: 0px;
    }

    .about_inner_left {
        padding-top: 60px;
    }

    .proj_map {
        height: auto;
    }

    .proj_map svg {
        height: auto !important;
    }

    .stat_tot_col {
        border-right: none;
        border-bottom: 1px solid #ffffff65;
    }

    .hexIn p {
        width: 150px !important;
    }

    .hexIn p.word_break {
        max-width: 100px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 768px) {
    .partner_slider .item{
        height: 120px;
        padding: 16px;
    }

    .donor_bg {
        min-height: 380px;
    }

    .desktop_nav {
        padding: 0px 0px;
    }

    .testi_content p {
        min-height: 108px;
    }

    .inner_caption .slider_heading {
        font-size: 30px;
    }
    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
    #hexGrid {
        width: 100% !important;
    }

    .stat_icon {
        height: 55px;
        width: 55px;
    }
    
    .stat_icon .medium_icon {
        width: 35px;
        height: 35px;
    }

    .stat_sec h2 {
        font-size: 34px;
    }

    .stat_sec p {
        font-size: 14px;
    }

    .testi_content p {
        min-height: 162px;
    }

    .recent_div .recent_img {
        height: 300px;
    }

    .proj_black_sec {
        min-height: auto;
        padding-top: 120px;
        margin-top: -60px;
    }

    .proj_partner_con{
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .partner_bg_icon {
        height: 250px;
        width: 250px;
    }

    .con_map{
        margin-top: 0px !important;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 575px) {
    .newsletter_modal .form-control{
        width: 100%;
    }

    #hexGrid p {
        font-size: 12px;
        line-height: 17px;
    }

    .main_slider .carousel-caption{
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 45px;
    }
    
    .owl-nav {
        top: -50px;
    }

    .sec_padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testi_content p {
        min-height: 189px;
    }

    .testi_section {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .live_btn{
        height: 50px;
        width: 50px;
    }

    .live_btn .small_icon{
        width: 25px;
        height: 25px;
    }

    .live_btn p{
        font-size: 12px;
    }

    .slider_img {
        height: 700px;
    }

    .primary_btn{
        padding: 0 20px;
        font-size: 13px;
    }

    .inner_caption .slider_heading {
        font-size: 30px;
    }

    .content_div h3 {
        min-height: auto;
    }

    .contact_div{
        padding-top: 0px;
    }

    .partner_bg_icon {
        left: auto;
    }

    .solution_con_div{
        background-image: none !important;
    }

    .proj_black_sec {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .hexagon-div {
        width: 70px;
        height: 60px;
    }

    .hexagon-div .medium_icon{
        height: 35px;
        width: 35px;
    }

    .point_text {
        font-size: 15px;
    }
    
    .custom_sol_point {
        height: 20px;
        width: 20px;
    }

    .about_inner_left {
        padding-top: 40px;
    }

    .partner_slider .item img {
        filter: grayscale(0%);
    }

    .custom_modal .newsletter_form .form-control {
        width: 100%;
    }

    .hexIn p.word_break {
        max-width: 84px !important;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .slider_heading {
        font-size: 40px;
    }

    p {
        font-size: 13px;
        line-height: 20px;
    }

    .testi_content p {
        min-height: 243px;
    }

    .custom_tabs .nav-link {
        min-width: 90px;
    }

    .h3_line_2, .p_line_3 {
        min-height: auto;
    }

    .hexIn p {
        width: 120px !important;
    }

    .hexIn img {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 5px !important;
    }

}

@media only screen and (max-width : 460px) {
    #hexGrid {
        transform: rotate(0deg) !important;
    }

    .hexIn .rotate {
        transform: rotate(0deg) !important;
    }

    #hexGrid p {
        font-size: 14px;
        line-height: 19px;
    }

    .heading {
        font-size: 22px;
        line-height: 30px;
    }

    .sub_heading {
        font-size: 16px;
        line-height: 22px;
    }

    .impact_sec {
        padding-right: 25px;
    }

    .impact_sec {
        padding: 25px;
    }

    .navbar-brand img {
        height: 38px;
    }

    .donor_bg {
        min-height: 300px;
    }

    .stat_icon {
        height: 50px;
        width: 50px;
    }

    .stat_icon .medium_icon{
        height: 30px;
        width: 30px;
    }

    .stat_sec h2 {
        font-size: 30px;
    }

    .slider_img{
        height: 600px;
    }

    .recent_div .recent_img {
        height: 270px;
    }

    .custom_tabs .nav-link {
        font-size: 13px;
        padding: 10px 18px;
    }

    .inner_caption .slider_heading {
        font-size: 26px;
    }

    .partner_bg_icon {
        height: 200px;
        width: 200px;
    }

    .hexIn p{
        width: 150px !important;
    }

    .hexIn img {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 10px !important;
    }
    
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {

    .donor_bg {
        min-height: 250px;
    }

    .slider_heading {
        font-size: 34px;
    }

    .testi_content p {
        min-height: 324px;
    }

    .recent_div .recent_img {
        height: 218px;
    }

    .footer_logo img {
        height: 40px;
    }

    .heading {
        font-size: 20px;
    }

    .hexIn p {
        width: 138px !important;
    }
    
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    #hexGrid p {
        font-size: 13px;
    }
}


@media only screen and (max-width : 320px) {



}