
/* Responsive Styles */
@media (max-width: 1920px) {
    .page_banner_imgbox img { height: 440px;}
    .navbar-right { margin-right: 0;}
}
@media (max-width: 1600px) {
    .page_banner_imgbox img { height: 440px;}
    .home--slider .carousel-caption aside { width: 76%; width: 50%; }
    .homeslider .item .carousel-caption .titletxt { font-size: 38px;}
}
@media (max-width: 1366px) {
    .all__page__baner .top-heading { padding: 0 0 20px 0;}
    .page_banner_imgbox img { height: 400px;}
    .home--slider .carousel-caption aside { width: 50%; top: 280px;}
    .home--slider .carousel-caption aside { width: 80%; width: 50%; }
    .homeslider .item .carousel-caption .titletxt { font-size: 38px;}
    .counter-section .recent_video_sec { width: 54%; margin: 0 auto; }
}
@media(max-width:1280px) {
    .nav>li>a{
        padding:7px;
   }
   /*.carousel-caption aside{
        width:50%;
   }
   */
    .carousel-inner .slide_pic{
        right:50px;
        width:580px;
   }
}
@media(max-width:1230px) {
    .footer_linkBg{
        text-align:left;
   }
    .footer_linkBg .foot_left{
        display:block;
        float:none;
   }
    .footer_linkBg ul{
        display:block;
        float:none;
        margin-top:15px;
   }
}
@media(max-width:1199px) {
    .eq-heightbox { height: 206px; }
    .home--slider .carousel-caption aside { width: 60%; top: 250px;}
    .page_banner_imgbox img { height: 360px;}
    .upper_contentbox { top: 170px; }
    .all__page__baner .top-heading { font-size: 34px; padding: 0;}
    .breadcrumb_nav ol li.breadcrumb-item { font-size: 20px;}
    .activitybox .imgbox { width: 36%; }
    .activitybox .contentbox { width: 64%; }
    .home-activity .activitybox .contentbox .title__txt { font-size: 20px; }
    .navbar-right { margin-right: 0;}
    .box_linebox { width: 100%;}
    .counter-section .box_linebox p { font-size: 15px;}
    .whats__app { bottom: 260px; }
    .video_gallery__sec .gallery_imgbox { height: auto;}
    .home--slider .carousel-caption aside { width: 90%; width: 50%; }
    .homeslider .item .carousel-caption .titletxt { font-size: 34px;}
    .counter-section .recent_video_sec { width: 60%; }

}
@media(max-width:1050px) {
    .navbar-nav > li > a {
       font: 400 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
   }
}
@media(max-width:1024px) {
    .carousel-inner .slide_pic{
        right:5px;
        width:580px;
   }
   .inside_bannerSection .inside_banner_right {
       min-height: 360px;
   }
}

@media(max-width:991px) {
    .top_sec .top_menu .logo { width: 100px; }
    .top_menu .navbar-custom { padding: 0;}
    .top_sec .navbar.top_menu .navbar-collapse.collapse.in { margin-bottom: 10px;}
    .customer-img, .img-related {
       margin-bottom: 30px;
   }
    .navbar-collapse{
        background: var(--white);
   }
    .navbar-nav > li{
        text-align:center;
   }
    .navbar-nav > li:hover {
       background: #dcdcdc;
   }
    .navbar-nav > li:hover .dropdown-menu{
        display:none;
   }
    .dropdown-menu{
        position:relative;
   }
    .navbar-nav > li.open > .dropdown-menu{
        display:block;
   }
    .navbar-nav > li > .dropdown-menu::after{
        display:none;
   }
    .dropdown-menu > li > a{
        text-align:center;
   }
    .dropdown-menu > li:first-child > a{
        border-top:0;
       border-radius:0px;
        overflow:hidden;
   }
    .dropdown-menu > li:last-child > a{
        border-radius:0px;
        overflow:hidden;
   }
    .nav > li{
        border-bottom:1px solid #393433;
   }
    .dropdown-menu > li > a{
       background:#1e1e1e;
       background: var(--white);
       border-top:1px solid #393433;
        padding:10px !important;
        font-size:16px;
        color:#838383 !important;
        font-style:normal;
   }
    .dropdown-menu > li > a:hover{
        color:#fff7d5 !important;
   }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
       background:#777;
   }
    .top_bg .top_menu{
        display: block;
   }
   .top_bg article { display: none;}
    /* .top_bg article{
        float:right;
   } */
   /*.navbar-collapse.collapse {
       display: none !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
   }
   */
    .navbar-collapse.in {
        overflow-y: auto;
   }
    .navbar-collapse.collapse{
        display:none;
   }
    .navbar-collapse.collapse.in {
        display: block;
   }
    .navbar-header{
        float:none;
   }
    .navbar-toggle {
        display:block;
       background-color: var(--primary-color);
       background-image: none;
       border: 1px solid var(--primary-color);
       border-radius: 4px;
       float: right;
       margin-bottom: 8px;
       margin-right: 15px;
       margin-top: 34px;
       padding: 9px 10px;
       position: relative;
   }
    .navbar-toggle .icon-bar{
        width:30px;
        height:3px;
        border-radius:3px;
   }
    .nav.navbar-nav{
        float:none !important;
        width:100%;
        display:block;
   }
    .navbar-nav > li{
        float:none;
   }
    .navbar-collapse{
        padding:0;
   }
    .navbar-nav{
        margin:0;
   }
    .logo{
        margin-left:15px;
   }
    .carousel-caption aside{
        width:50%;
   }
    .carousel-indicators{
        display:none;
   }
    .our_approach_bg, .mission_bg{
        background-image: none;
   }
    .press_release_blok li, .vodeo_blok li{
        width:47%;
   }
    .program_header .left_sec{
        display:none;
   }
    .program_header .mid_sec{
        width:60%;
        min-height:330px;
   }
    .program_header .mid_sec strong{
        padding-top:120px
   }
    .program_header .right_sec{
        width:40%;
   }
    .footer_menu_bg .block{
        width:33.3333333%;
        margin-bottom:12px;
   }
    footer aside{
        float:none;
        background: url(../images/footer_arrow.png) no-repeat right top var(--deep-blue);
        padding:0;
        width:100%;
        text-align:center;
        font: 600 36px/88px 'Open Sans', Arial, Helvetica, sans-serif;
   }
    footer aside a.donate{
       color:#fff;
   }
    footer aside a:hover.donate{
       color: var(--white);
   }
    footer article{
        padding: 0;
        display: block;
        float: none;
        text-align: center;
        padding-left: 15px;
   }
    footer address{
        float:right;
        padding:0;
        margin:0;
        width:30%;
        padding-right:15px;
   }
   .mission_bg { min-height: auto;}
   .inside_bannerSection .inside_banner_right {
       min-height: 320px;
   }
   .eq-heightbox { height: 206px; }
   .home--slider .carousel-caption aside { width: 60%; top: 200px; padding: 15px 15px 20px 15px;}
   .homeslider .item .carousel-caption .sliderbtn { top: 220px; }
   .homeslider .item .carousel-caption .titletxt { font-size: 24px;}
   .homeslider .item .carousel-caption .desctxt { font-size: 16px; padding: 0 0 10px 0; }
   .homeslider .item .carousel-caption .sliderbtn { margin: 0; display: inline-block; float: none; padding: 5px 30px; }
   .navbar-header { width: 100%;}
   .top_sec .navbar-collapse { width: 100%;}
   .d-flex.justify-content-between { display: block !important;}
   .top_sec .navbar-collapse .navbar-nav li { width: 100%; display: inline-block; vertical-align: top; }
   .top_sec .navbar-collapse .navbar-nav .dropdown-menu { width: 100%; position: relative; background-color: #333; color: #fff;}
   .homeslider .item .homeslider_imgbox img { min-height: 400px;}
   .activitybox .imgbox { width: 40%; }
   .activitybox .contentbox { width: 60%; }
   .programs_bg .testimonialimgbox { height: 254px; }
   .gallery_imgbox { height: 186px;}
   .ngo_prevbox .details_tbl td:first-child { width: 35%;}
   .bank_detailsbox { margin: 0 0 60px 0;}
   .home_quick_links .links { margin: 15px 0;}
   .recent_project_img { margin-bottom: 30px;}
   .programs_bg aside strong { font-size: 16px; }
   .counter-section .box_linebox { width: 100%;}
   .headcenter_box .headtitletxt, .headcenter_box .headtitletxt a, .headcenter_box .headtitletxt a:hover { font-size: 24px;}
   .home_quick_links .links .btn1 { font-size: 15px;}
   .counter-section .section_titlebox .section_title { font-size: 28px; margin: 0 0 20px 0; }
   .box_linebox { padding: 25px 15px; }
   .morelink__style { margin: 30px auto 0 auto; }
   .foot__qlinks { padding: 15px 0;}
   .video_gallery__sec .gallery_imgbox { height: auto;}
   .home--slider .carousel-caption aside { width: 96%; width: 70%; padding: 0;}
   .homeslider .item .carousel-caption .titletxt { font-size: 30px;}
   .counter-section .recent_video_sec { width: 70%; }

}
@media(max-width:880px) {
    .carousel-caption{
        width:100%;
        top:auto;
        bottom:0;
   }
    .carousel-caption aside{
        width:100%;
       padding:30px 0;
        padding-bottom:25px;
        background:rgba(255,247,213,.7)
   }
    .carousel-caption aside p{
        display:none;
   }
    .carousel-caption aside h2{
       font: 600 25px/30px 'Open Sans', Arial, Helvetica, sans-serif;
        color:#4e1200;
        margin:0;
        padding-left:30px;
        float:left;
        width:70%;
        text-align:left;
        min-height: 70px;
   }
    .carousel-caption aside a{
        float:right;
        margin-right:30px;
   }
    .inside_banner_left{
        float: none;
        width: 100%;
   }
    .inside_banner_right{
        display: none;
   }
    .contact_address{
        display:block;
   }
    .contact_address .col-sm-6{
        min-height:280px;
   }
   .programs_bg .testimonialimgbox { height: 220px; }
   .gallery_imgbox { height: 160px;} 


}


@media(max-width:767px) {
    .programs_bg .slick-prev, .programs_bg .slick-next { display: none !important;}
    header.carousel .carousel {
       height: 70%;
   }
   .news_bg p { font-size: 18px; line-height: 24px; }
    footer article{
        padding: 5px 15px;
        line-height: 18px;
        float:none;
        display: block;
        text-align:center;
        margin:0 auto;
        width: 90%;
   }
    footer address{
        float:none;
        padding:10px 0;
        margin:0 auto;
        display:block;
        text-align:center;
        width:50%;
   }
    footer address a{
        margin:0 3px;
   }
    .story_bg aside{
        width:50%;
   }
    .ourPro img{
        margin-bottom: 15px;
   }
    .program_header{
        display: table;
        width:100%;
   }
    .program_header .mid_sec{
        width:100%;
        min-height:auto;
   }
    .program_header .mid_sec strong{
        padding:30px 0;
   }
    .program_header .right_sec{
        width:100%;
        min-height:330px;
   }
    .footer_menu_bg .block{
        width:50%;
   }
   p { font-size: 15px;}
   .mission_bg { min-height: auto;}
   .mission_visionbox h2 { font-size: 20px; }
   .contact_address p a { font-size: 15px; }
   .eq-heightbox { height: auto; }
   .home--slider .carousel-caption aside { width: 70%; top: 250px;}
   .homeslider .item .carousel-caption .titletxt { font-size: 20px;}
   .homeslider .item .carousel-caption .desctxt { font-size: 14px;}
   .homeslider .item .homeslider_imgbox img { min-height: 400px;}
   .page_banner_imgbox img { height: 300px; }
   .all__page__baner .top-heading { font-size: 30px; line-height: 1.2;}
   .breadcrumb_nav ol.breadcrumb { padding: 15px 0;}
   .breadcrumb_nav ol li.breadcrumb-item { font-size: 18px; }
   .activitybox .imgbox { width:44%; }
   .activitybox .contentbox { width: 56%; }
   .programs_bg .testimonialimgbox { height: 190px; }
   .programs_bg aside strong { font-size: 16px; font-weight: 400; line-height: 1.2;}
   .common .gallery .col-xs-12 { width: 50%;}
   .gallery_imgbox { height: 180px;}
   .programs_bg aside strong { font-size: 15px; } 
   .recent_project_txtbox .links { margin: 0 auto; display: table;}
   .awardsness_box { text-align: center;}
   .activitybox { padding: 0 15px;}
   .section_title { line-height: 1.2; }
   .member_gallery .gallery_imgbox { height: auto;}
   .counter-section .box_linebox { margin: 15px 0;}
   .counter-section .col-lg-4:nth-child(3) .box_linebox { margin-bottom: 0;}
   .video_gallery__sec .gallery_imgbox { height: auto;}
   .contact_form__box { margin: 30px 0 0 0;}
   .home--slider .carousel-caption aside { width: 96%; width: 70%; padding: 0; top: 170px; }
   .homeslider .item .carousel-caption .titletxt { font-size: 24px; }
   .counter-section .recent_video_sec { width: 80%; }
}
@media(max-width:680px) {
    .top_bg article, .top_bg aside{
        float:none;
        width:100%;
        display:block;
   }
    .top_bg article{
        padding-top:12px;
        display: none;
   }
   .top_bg .top_menu {
    display: table;
    margin: 10px auto 0 auto;
    float: none;
   }
    .wrapper{
        width:90%;
   }
    .carousel-inner{
       height: 519px !important;
   }
    .carousel-inner .slide_pic{
        right:5px;
        width:100%;
   }
    .carousel-caption aside{
        padding-bottom:25px;
        padding-top:15px
   }
    .carousel-caption aside h2{
       /*float:none;
        margin:0 auto;
        padding:0;
       */
        width:100%;
   }
    .carousel-caption aside a{
        float:left;
        margin:0px 30px
   }
    .press_release_blok li, .vodeo_blok li{
        width:80%;
        float:none;
        margin:0 auto 15px;
   }
   .programs_bg .testimonialimgbox { height: 164px; }
}
@media(max-width: 599px) {
    .programs_bg .testimonialimgbox { height: 234px; }
}
@media(max-width:575px) {
    .activitybox { display: block; margin: 0 0 40px 0; }
    .activitybox .imgbox { width: 100%; padding: 0; margin: 0 0 15px 0; }
   .activitybox .contentbox { width: 100%; padding: 0; margin: 0 0 15px 0; }
   .programs_bg aside strong { font-size: 15px; font-weight: 400; line-height: 1.4;}
   .common .gallery .col-xs-12 { width: 100%;}
   .gallery_imgbox { height: 300px;}
   footer address { width: 70%;}
   .home-activity .activitybox .contentbox .title__txt { font-size: 18px; }
   .bank_detailsbox p { font-size: 15px; }
   .top_titlebox { width: 100%; }
   .subscribebox { width: 100%; }
   .bank_detailsbox, .donation_formbox { padding: 25px; }
   h1 { font-size: 28px; line-height: 34px; }
   .wrapper.padBtm60 h3 { font-size: 20px; }
   .upload_prevbox { text-align: center;}
   .counter-section .recent_video_sec { width: 100%; }
   .home--slider .carousel-caption aside { width: 80%; }

}
@media(max-width:520px) {
    .footer_menu_bg .block{
        width:90%;
        border-right:none;
   }
   p { font-size: 14px;}
   .contact_address p a { font-size: 14px; }
    .carousel-caption aside{
        padding-bottom:15px;
        padding-top:15px
   }
    .carousel-caption aside h2{
       font: 600 20px/26px 'Open Sans', Arial, Helvetica, sans-serif;
   }
   .programs_bg .testimonialimgbox { height: 192px; } 
}

@media(max-width:480px) { 
    .programs_bg .testimonialimgbox { height: auto; } 
    .top_menu ul.admin_addmanu { margin: 0 auto; display: table; float: none;}
    .top_menu ul.admin_addmanu li { float: none; text-align: center; display: table; margin: 15px auto; }
    .top_menu ul.admin_addmanu li:nth-child(2) { display: none;}
    .top_menu ul.admin_addmanu li:first-child a { padding-right: 15px;}
    .top_menu ul.admin_addmanu li a { display: block; text-align: center; padding: 0 15px; }
    .homeslider .item .carousel-caption .titletxt { font-size: 24px; }
}
@media(max-width:420px) {
    .news_bg .news_scroll{
        width:70%;
   }
}
@media(max-width:380px) {
    .story_bg aside{
        width:100%;
   }
   .top_sec .top_menu .logo { width: 220px; margin-left: 0;}
   .navbar.top_menu .navbar-toggle { margin: 18px 0 0 0;}
}

