@media screen and (max-width:1366px) {
}

@media screen and (max-width:1200px) {
    .nav_main_area ul li a {
        padding: 16px 10px 15px 10px;
    }

    .top_header_contact_area p {
        font-size: 16px;
    }

    .pannel1_right_heading {
        font-size: 22px;
    }
}

@media screen and (max-width:1050px) {
    .nav_main_area ul li a {
        padding: 16px 5px 15px 5px;
    }

    .pannel5_left_area h2 {
        font-size: 16px;
    }

        .pannel5_left_area h2 strong {
            font-size: 20px;
        }
}



@media screen and (max-width:950px) {
    .nav_main_contanear {
        display: none;
    }

    .top_header_donate_but {
        display: none;
    }

    .small_manu {
        display: inline-block;
    }
}


@media screen and (max-width:900px) {
}

@media screen and (max-width:850px) {
    .top_orange_text_area h2 {
        font-size: 22px;
    }

    .pannel1_left_area h2 {
        font-size: 22px;
    }

    .pannel1_left_area {
        width: 100%;
    }

        .pannel1_left_area ul li {
            font-size: 15px;
        }

    .pannel1_right_area {
        width: 100%;
        margin-top: 25px;
    }

    .pannel3_box1 h2 {
        font-size: 22px;
    }

    .pannel3_box2 h2 {
        font-size: 22px;
    }

    .pannel3_box3 h2 {
        font-size: 22px;
    }

    .pannel4_contanear {
        padding: 30px 0;
    }

    .pannel4_left_area {
        width: 100%;
        padding: 0;
    }

    .pannel4_right_area {
        width: 100%;
    }

        .pannel4_right_area h2 {
            font-size: 22px;
        }

    .pannel5_right_top_box h2 {
        font-size: 22px;
    }

    .about_left_area {
        width: 100%;
    }
}


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

    .top_header_contact_area p {
        display: none;
    }

    .subpage_about_heading_area h1 {
        font-size: 24px;
    }
}

@media screen and (max-width:767px) {
    .top_orange_text_area {
        width: 100%;
        text-align: center;
    }

    .top_orange_but_area {
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }

    .pannel5_left_area {
        width: 100%;
    }

        .pannel5_left_area h2 br {
            display: none;
        }

    .pannel5_right_area {
        width: 100%;
        margin-top: 20px;
    }

    .footer_col {
        float: left;
        width: calc(100% / 1);
        padding: 0 0px 0 10px
    }

    .footer_bottom {
        float: left;
        width: 100%;
        text-align: center;
    }

        .footer_bottom span {
            float: right;
            width: 100%;
            text-align: center;
            margin: 10px 0 0 0;
        }

    .contact_left_area {
        width: 100%;
    }

    .contact_right_area {
        width: 100%;
        margin-top: 30px;
    }
}


@media screen and (max-width:700px) {
    .top_header_logo_area {
        width: 250px;
    }

    .top_header_contact_area {
        width: calc(100% - 255px);
    }

    .news_details_box img {
        float: none;
        margin: 0 20px 30px 0;
    }

    .about_organization_matter_panel h5 {
        width: 100%;
        padding-right: 0px;
    }

    .about_organization_matter_panel article {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .top_header_contanear {
        display: block;
        float: left;
        width: 100%;
        padding: 12px 0;
        height: 70px;
    }

    .top_header_logo_area img {
        max-width: 100%;
    }

    .pannel1_left_area ul li {
        width: 100%;
    }

    .top_orange_but1 {
        width: 230px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .top_orange_but2 {
        width: 155px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .pannel2_box1 {
        width: 98%;
    }

    .pannel2_box2 {
        width: 100%;
        padding: 25px 20px;
    }

    .pannel2_box_left {
        width: 100%;
        padding: 25px 20px;
    }

    .pannel3_box1 {
        width: 100%;
    }

    .pannel3_box2 {
        width: 100%;
    }

    .pannel3_box3 {
        width: 100%;
    }

    .pannel3_box1 p {
        max-width: 100%;
    }

    .pannel3_box2 p {
        max-width: 100%;
    }

    .pannel4_left_area ul li {
        width: 100%;
    }

    .report_page_box1 {
        /*width: 48%;*/
        width: 48%;
        max-height: 182px;
    }

    .annual_report_thumb {
        width: calc(100% / 2 - 20px);
    }
}

@media screen and (max-width:500px) {
}


@media screen and (max-width:480px) {
    .news_box_img_area {
        width: 116px;
        position: static;
    }

    .news_box_text_area {
        padding-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width:450px) {
}