@media screen and (max-width: 1170px) {
     .listing_content ul li {width: 32.33%;}
     .what_we .left {width: 45%;}
     .what_we .right {width: 50%;}
}
@media screen and (max-width: 1024px) {
     .why_we ul li:nth-child(3) {width: 54%;}
     .why_we ul li:nth-child(4) { right: 4%; top: 300px; width: 48%;}
     .projects .responsive-tabs.tabs > nav ul li.active a {font-size: 18px;padding: 21px 80px;}
     .projects .responsive-tabs.tabs > nav ul li a{font-size: 18px;padding: 21px 80px;}
}
@media screen and (max-width: 1000px) {
     .banner h2{ font-size:2em;}
     header .container{ position: relative;}
     header .left { max-width: 100px;}
     header .right {max-width: 100%;}
     #cssmenu {width: calc(100% + 50px);}
     #cssmenu ul{background: #eb5310;}
     #cssmenu ul li {border-radius: 0;margin: 0;padding: 0;}
     .button {right: 50px;border: 1px solid #fff;border-radius: 4px;width: 61px;height: 40px;}
     .button::before{ top: 12px;}
     .button::after{top:18px;}
     .button.menu-opened::before {top: 18px;}
     .button.menu-opened::after{ top:18px;}
     .banner_hover .right{ width:50%;}
     .banner_hover .left h3 {font-size: 20px;}
     .banner_hover .right a{ float: right;}
     .processing{ padding: 60px 0;}
     .processing .container ul li:nth-child(even) img{max-width:40px;}

     .who_we_are{ padding: 60px 0;}
     .who_we_are h2{ font-size: 30px; margin-bottom: 20px;}
     .who_we_are h6 { margin-top: 20px;  font-size: 15px;}
     .who_contentinn {height: 246px;}
     .who_contentinn h4 {font-size: 30px;}
     .why_we {padding: 100px 0 95px 0; min-height: 710px;}
     .what_we .left{ width: 100%;}
     .what_we .right{ width: 100%;}
     .what_we .right ul li img { margin: 3px 0 0 15px;}
     .goals .div_visdetails {width: 100%;margin-bottom: 30px;}
     .goals{padding:50px 0 20px 0;} 
     .contact_sec .container .logo {  width: 100%; position: relative; float: left; height: auto;}
     .projects{ padding: 50px 0;}
     .pro_box h3 { font-size: 22px;margin-bottom: 10px;}
     .pro_box a {font-size: 15px;padding: 9px 53px;}
     .ngo_sec{ padding: 60px 0;}
     .ngo_sec ul li div * {font-size: 12px;line-height: 22px;}
     .partn{ padding: 60px 0;}
     .partn ul li{ width:31.3%;}


}


@media screen and (max-width: 850px) {
     .who_contentinn {height: 186px;}
     .why_we{ padding: 70px 0;}
     .why_we ul li{ position: static; margin: 5px 0;}
     .why_we ul li:nth-child(1) { max-width: 50%;}
     .why_we ul li:nth-child(2) { max-width: 50%;}
     .why_we ul li:nth-child(3) { max-width: 50%;}
     .why_we ul li:nth-child(4) { max-width: 50%; margin-bottom: 0;}
     .why_we ul li:nth-child(4) div{padding: 30px;}
     .gallery{ padding: 30px 0;}
     .banner_inner_content h3{ font-size:30px;}
     .banner_inner_content img {max-width: 60px;}
     .div_visdetails h4{font-size: 25px; margin: 20px 0 15px 0;}
     .misandvis{ padding:40px 0;}
     .our_leaders{ padding: 40px 0;}
     .our_leaders ul{ margin-top: 30px;}
     .our_leaders h3{ font-size:30px; margin-bottom: 18px;}
     .contact_sec .container .logo {margin-bottom: 20px;}
     .contact_sec .container .logo img{ max-width: 150px;}
     .gallery_container{ padding: 40px 0;}
     .ngo_sec ul li .ngo_address{ width: 45%;}
     .ngo_sec ul li .ngo_pax{ width: 12%;}
     .partn{ padding:30px 0;}
     .partn ul li{ padding:20px 10px;}



}

@media screen and (max-width: 767px) {
	/*.banner{overflow: visible;}
	.banner_hover {position: static;float: left;margin-top: 237px;background: rgb(235, 83, 16);}*/
     .banner_hover{ height: 40px;}
     .banner_hover .left { padding: 15px 0;}
     .banner_hover .left h3 {font-size: 14px;}
     .banner_hover .right a {width: 196px; height: 40px; background: url(../images/play.png) no-repeat 10% center #000;
          padding: 14px 0;background-size: 20px;font-size: 13px; line-height: 12px;}
     .processing .container ul li h3 {font-size: 13px;}
     .container{ padding: 0px 20px;}
     .who_we_are .ul_div{ padding: 30px 0;}
     .viewll a { font-size: 14px;}
     .who_we_are .ul_div .li_div { width: calc(50% - 18px); min-height: 310px;}
     .what_we{ padding: 30px 0;}
     .what_we .left h3{ font-size: 30px;}
     .what_we .right{ padding-top: 30px;}

     .our_processes, .giveback{padding: 30px 0;}
     .our_processes h3{ font-size: 30px; margin-bottom:25px;}
     .responsive-tabs.accordion > div.content > section{ padding: 10px 25px;}
     .listing_content ul li{ width:49%;}
     .giveback h3, .gallery h4{ font-size: 30px;}
     .partnrs h3{ font-size: 25px; margin-top: 20px;}
     .partnrs p{ margin: 20px 0;}
     .div_visdetails {width: 100%;margin: 0;text-align: center;margin-bottom: 30px;}
     .div_visdetails p{ max-width: 100%;}
     .goals .div_visdetails .right ul li{ text-align: left;}
     .goals .div_visdetails .left h4{ font-size: 20px;}
     .our_leaders ul li{ width: 100%; margin: 10px 0; min-height: 0;}
     .our_leaders p{ font-size: 15px;}
     footer{padding: 50px 0;}
     footer ul{ margin-top: 20px;}
     .contact_sec{ padding: 30px 0; }
     .contact_box h3{ font-size: 20px;}
     .txtbox{ font-size:15px;}
     .contact_box h3{ padding: 20px 0;}
     .contact_box ul{ padding: 20px 15px;}
     .pro_box {width: 100%;margin: 10px 0;min-height: 0;}
     .pro_box h3{ font-size:19px;}
     .ngo_sec{ padding: 30px 0;}
     .ngo_sec ul li:last-child .ngo_pax span{ font-size:16px;}
     .ngo_sec ul li div { padding: 14px 10px;}
     




}
@media screen and (max-width: 700px) {
     .who_we_are .ul_div .li_div {width: 100%;}
     .why_we{ padding: 30px 0;}
     .why_we ul{ max-width:500px; float: none; margin: 0px auto;text-align: center;}
     .why_we ul li:nth-child(1) { max-width:100%; width: 100%;}
     .why_we ul li:nth-child(2) { max-width:100%; width: 100%;}
     .why_we ul li:nth-child(3) { max-width:100%;width: 100%;}
     .why_we ul li:nth-child(4) { max-width:100%;width: 100%;}
     .footer_logo img{ max-width: 150px;}
     .gallery_container ul li{ width:49%;}
     .partn ul li{ width:48%; padding: 20px 50px;}
     .ngo_sec {overflow:auto;}
     .ngo_sec ul{ width: 710px; }
     .banner_inner_content {padding-bottom:10px;}
     .banner_inner_content h3 {font-size: 20px; margin-bottom:5px}
     .banner_inner_content img {max-width: 30px;}
 }
@media screen and (max-width: 600px) {
	.banner h2 {font-size: 1.3em;}
	.banner h2::after {background-size: 50px;}
     .banner_hover { height: 70px;}
     .banner_hover .left { padding: 10px 0;width: 100%;text-align: center;}
     .banner_hover .right {width: 100%;}
     .banner_hover .right a {width: 100%;}
     .listing_content ul li{ width:100%; min-height: auto;}
     .goals .div_visdetails .left{ width: 100%; margin-bottom:30px;}
     .goals .div_visdetails .right{ width: 100%;}

     .banner_inner {height: 220px; overflow: hidden;}
     .banner_inner img{height: 220px; width: auto; max-width: inherit;}
     .banner_inner_content img{ width: 60px; height: auto;}

 }


@media screen and (max-width: 540px) {
     .processing .container ul li { width: 100%;}
     .processing .container ul li:nth-child(even) { padding: 20px 0;
          transform: rotate(-90deg);
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
     }
     .our_leaders ul li .left { width: 100%; margin-bottom: 30px;}
     .our_leaders ul li .right{ width: 100%;}
     .our_leaders ul li .right h4{ font-size: 20px;}
     .our_leaders ul li .right h5{ font-size: 12px; line-height:20px;}
     .our_leaders ul li .right p{ font-size: 13px;}
     .gallery_container ul li{ width:100%; margin:10px 0;}
     .partn ul li{ width:100%; margin:10px 0; padding: 50px 5%; }

     
}