/*media query start here*/
@media (max-width: 360px){
  

}
@media (max-width: 320px){
  
}


@media (max-width: 575px){
    .banner_caption{display: none;}
}

@media (max-width: 767px){
    .about_sec_right  p{text-align: justify;}
    /*.about_sec{padding-bottom: 20px;}*/
    .qoutes_section{padding-top: 0;}
    .box_1.box_2 .qoutes_left {
        padding-left: 0px;
    }
    .box_1{padding-bottom: 10px;}
    .qoutes_left {
        text-align: center;
        padding-bottom: 15px;
    }
    .focus_Section{padding-top: 40px;padding-bottom: 20px;}
    .focus_box{padding: 15px 15px}
    .pro_1{height: 250px;}
    .footer-padding{padding-top: 30px;}
    .footer-wrapper .footer-area .footer-tittle h4{margin-bottom: 20px;}
    footer .row>*{width: auto;}
    .join-us-area{padding-bottom: 40px;}
    .single-footer-caption.mb-50{margin-bottom: 30px;}
    .footer-wrapper .footer-bottom-area .footer-border .col-md-6{width: 100%;}
    .footer-wrapper .footer-bottom-area .footer-border {
        padding-top: 5px;
        border-top: 1px solid #cecece70;
        padding-bottom: 5px;
    }
    .footer-wrapper .footer-bottom-area .footer-copy-right p{text-align: center;margin-bottom: 0;}
    .hero-caption{display: none;}
    .slider-height {
        min-height: 350px;
    }
    .donors-inner, .img-gallery-magnific{padding-top: 20px;padding-bottom: 20px;}
    .Partner_img{margin-top: 10px;}
    .Partner_img img{max-height: 120px;}
    .slicknav_nav li:last-child{padding-bottom: 10px;}
    .box_1 img {
        max-height: 250px;
    }
    .box_1{padding-top: 20px;}
    .qoutes_left p {
        font-size: 16px;
        padding-left: 15px;padding-right: 15px;
    }
    .hr_res{margin-left: auto;margin-right: auto;}
    .qoutes_left h3{margin-top: 16px;font-size: 24px;}
    
}

@media (max-width: 991px){
    .slicknav_menu{background-color: #f58220d9;}
    .header-area .header-bottom, .slicknav_menu{padding: 0;}
    .logo_new{margin-top: 0px;}
    .right_btn .btn, .slicknav_menu .slicknav_menutxt{display: none;}
    .header-area .header-sticky.sticky-bar{padding: 0;padding-top: 4px;padding-bottom: 5px;}
    .slicknav_menu .slicknav_icon{float: none;margin: 0}
    .slicknav_btn {        
        background-color: transparent;
        position: absolute;
        right: 0;
    }
    .slicknav_nav .slicknav_row:hover{background: #d10004d4;}

    .header-area .header-sticky.sticky-bar .slicknav_btn {
        position: absolute;
        float: none;
        top: -50px;
        right: 10px;
        border-radius: 0;
        padding: 12px;
        animation: 0;
        margin: 0;
        background-color: #f0913d;
    }
    .main-header .logo{padding-left: 0;}
    .logo img {
        max-height: 60px;
    }
    .slider-area .hero-caption h1{margin-bottom: 0;}
    .slider-area .hero-caption p{margin-bottom: 15px;}
}

@media (max-width: 767px){
    .logo_new{margin-top: 0;}
    .logo_new img{max-height: 80px;}
    .about_img1 img.img--layout{display: none;}
    .about_page, .contact_page, .methodology_page, .what_we_do_page, .our_focusPage{padding-top: 20px;padding-bottom: 20px;}
    .our_misIMG img{max-height: 140px;}
    .mission_div p {
        font-size: 20px;text-align: justify;
    }
    .heading__title{font-size: 26px;}
    .methodology_page .focus_box.height_1 {
        min-height: initial;
    }
    .what_we_do_page .title{font-size: 24px;}
    .Press_img{margin-top: 20px;}
}


@media (min-width: 576px) and (max-width: 768px){
    .promo-primary__title{line-height: 23px;font-size: 40px;}
}

@media (min-width: 992px) and (max-width: 1050px){.header-area .header-sticky.sticky-bar .main-menu ul>li a{font-size: 16px;}}
@media (min-width: 992px) and (max-width: 1600px){
    .box_1 img {
        max-height: 200px;
        padding-bottom: 10px;
    }
    .qoutes_left p {
        font-size: 16px;
    }
    .logo_new {
        position: absolute;
        left: 100px;
        transform: translateX(0);
        margin-top: 20px;
        top: -20px;
    }
     .logo_new img{
            max-height: 66px;
    }
    .slider-height{
        min-height: 600px;
        max-height: 600px;
    }
    .dot-style .slick-dots li{display: inline-block;}
    .dot-style .slick-dots button{background: #7a7a7a;}
    .dot-style .slick-dots{top: initial;bottom: -15px;}

}