@media only screen and (max-width: 992px) {
	
	.ng-enter .menu_cotainer, .ng-leave .menu_cotainer , .ng-enter-active  .menu_cotainer,.ng-leave-active .menu_cotainer {
		z-index: -1;
	}
	.home.logo .logo_img.inner{
		top: 23px;
		width: 80px;
		left: calc(90% - 80px);
		display: none;
	}

	.home.logo .logo_img {
		width: 50%;
		z-index: 1;
		top: 5%;
	}
	.sub_div_wrapper{
		top: 25%;
	}
	.main_container .navbar-toggle {
		/*width: 16%;*/
		padding: 9px 0;
	}
	.right_inner {
		width: 90%;
	}
	.menu_cotainer {
		/*display: none;*/
		display: block;position: absolute !important;height: 100% !important;width: 40%;
	}
	.show_menu {
		transform: translateX(40%);
	}

	.fixed_footer {
		display: block;
		z-index: 100;
	}

	.go_next {
		display: none;
	}

	.content, .content_white {
		margin-bottom: 140px;
	}

	.contact .content{
		margin-bottom: 40px;
	}
	.go_home {
		display: none;
	}

	.p_content {
		margin:30px 0 30px 32px; 
	}

	.abot .content_header span img {
	    width: 8%;
	}

	.content select {
	    background-image: url(../images/icons/down1.png) !important;
	}

	/*.content input, .content textarea, .content select {
		padding-left: 6px !important;
	}*/

	.social_icons {
		display: none;
	}

	#contact_name, #timezone, #email, #phone_number, #mobile_number, #contact_mode {
		width: 100% !important;
	}

	#contact_name, #timezone, #email,#name {
		margin-bottom: 10px;
	}

	.mobile_social_icons {display: block;}

	.mobile_nav {
		display: block;
	}
	.Menu{
		top: 15%;
	}
	.Menu h3 span, .menu_container ul, .Menu_white h3 div, .Menu_white h3 span, .Menu h3 div {
	    padding-left: 6% !important;
	}
	.Menu h3 span{
		font-size: 24px;
		line-height: 20px;
	}
	.Menu.inner .menu_container ul li{
		padding: 5px 0;
	}
	.Menu.inner .menu_container ul li.active{
		font-size: 16px;
	}
	.right_inner{
		top: 15%;
	}
	.logo_text {
		left: 5%;
		padding: 20px 0px 5px;
	}
	.contentDiv {
		padding: 22px 0 0 0;
	}
	.navbar-toggle {
		display: block;
	}

	.landing .header {
		font-size: 35px;
		line-height: 59px;
		bottom: 31%;
		left: 5%;

		/*
		For main text animation
		 */
		background-repeat: no-repeat;
		background-image: url(../images/yellow.jpg);
		color: transparent !important;
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 200% 200%;
		transition: background-position 20s;
		background-position: 20% 20%;
		-webkit-animation: fadeIn 0.9s both;
		-moz-animation: fadeIn 0.9s both;
		-ms-animation: fadeIn 0.9s both;
		-o-animation: fadeIn 0.9s both;
		animation: fadeIn 0.9s both;
	}

	/*
	For main text animation
	 */
	.landing .header i {
		display: inline;
	}

	.go_down_div {
	    height: 80px;
	    width: 80px;
	}
	.go_down {
	    height: 80px;
	    width: 80px;
	}
	.go_down img {
	    top: 54%;
	    left: 50%;
	    width: 30%;
	}
	.tick_icon {
		padding:5px;

	}

	.tick_icon span {
		text-align: left;
		
	}

	.search {
	    top: 20px !important;
	    right: 20px !important;
	}

	.home .logo {
		top: 8%;
	}

	.home .logo_text_home span {
	    font-size: 18px;
	}

	.home h1 {
		line-height: 0.7;
	}

	/*.search {
	    top: 5% !important;
	    right: -2% !important;
	}


	.home .logo_img img {
		width: 28%;
	}

	.home .logo_img {
		left: 0% !important;
	}

	.home .logo {
		top: 20%;
		width: 80%;
	}

	.home .logo_text_home span {
	    font-size: 21px;
	}

	.home h1 {
		line-height: 0.9;
	}*/

	#contactCalender.header{
		padding: 10px 0;
		margin: 0;
		height: auto;
	}
	.week{
		float: left!important;
		width: 100%!important;
		padding: 0!important;
		white-space: nowrap;
	}
	.week span{
		width: 14.25%!important;
		padding: 0!important;
	}
	#consultation_form .row{
		padding-left: 0!important;
	}
	#contactCalender .ng-binding{
		font-size: 18px;
		text-align: center;
		width: 100%;
		padding: 3px 0;
	}
	#contactCalender.header i{
		display: inline-block;
		width: 100%;
		text-align: center;	
	}
	.about .page_footer, .offer .page_footer, .engage .page_footer, .opportunities .page_footer, .myths .page_footer, .faq .page_footer, .fee .page_footer, .contact .page_footer {
		bottom: 72px;
	}
	.bg:before{
		width: 0px;
	}
}

@media only screen and (width: 800px) and (min-height: 400px) {
	.sub_div_wrapper {
		top: 34%;
	}
}
@media only screen and (max-width: 768px) {
	/*.search {
	    top: 7% !important;
	    right: -3% !important;
	}


*/
	.menu_cotainer{
		width: 70%;
	}
	.show_menu {
		transform: translateX(70%);
	}
	.sub_div_wrapper{
		top: 22%;
	}
	.sub_div {
		padding: 20px 5% 20px;
	}
	.home.logo .logo_img.inner{
		top: 23px;
		width: 80px;
		left: calc(90% - 80px);
		display: none;
	}
	.ng_animate, .ng-enter .menu_cotainer, .ng-leave .menu_cotainer , .ng-enter-active  .menu_cotainer,.ng-leave-active .menu_cotainer {
		z-index: -1;
	}
	.Menu{
		top: 15%;
	}
	.menu_container ul li a{
		display: block;
		
	}

	.about .logo_img, .engage .logo_img {
		top: 16% !important;
	}

	.offer .logo_text, .engage .logo_text_white, .faq .logo_text_white {
		top: 27% !important;
	}

	.offer .contentDiv{
	    top: 31% !important;
	}

	.engage .Menu_white, .fee .Menu_white {
		top: 13%;
	    width: 99%;
	}

	.engage .contentDiv, .faq .contentDiv  {
	    top: 34% !important;
	}

	.opportunities .menu_container ul {
	    max-height: 350px;
	    overflow: auto;
	}

	.opportunities .logo_img {
	    top: 15%;
	}

	.opportunities .logo_text, .fee .logo_text_white, .myths .logo_text  {
	    top: 26% !important;
	}

	.opportunities .contentDiv, .fee .contentDiv, .myths .contentDiv {
	    top: 33%;
	}

	.fee .logo_img, .faq .logo_img {
	    top: 16%;
	}

	.opportunities .menu_container ul {
	     max-height: 370px;
	}


	.main_container .navbar-brand {
		width: 83%;
	}

	.myths .content_header img {
		width: 8%;
	}

	.contact .contentDiv {
	    top: 33%;
	}

	#Livelihood {
		margin-top: 20px;
	}
	.contentDiv {
		padding: 22px 0 0 0;
	}
	.content{
		font-size: 14px;
	}


	/*.menu_container ul {
	    min-width: 82% !important;
	}*/

	/*.offer .Menu {
	    width: 97% !important;
	}*/
}


@media only screen and (max-width: 412px) {
	.opportunities .logo_text, .fee .logo_text_white, .myths .logo_text {
	    top: 27% !important;
	}

	.opportunities .contentDiv, .fee .contentDiv{
	    top: 34%;
	}

	.fee .logo_img {
	    top: 15%;
	}

	.myths .contentDiv {
		top: 35%;
	}
	/*.contact .logo_img {
	    top: 15%;
	}

	.contact .logo_text {
	    top: 26%;
	}

	.contact .contentDiv {
	    top: 34%;
	}*/
	
}
@media only screen and (max-width: 375px) {
	
	#Livelihood {
		margin: 20px 0 60px;
	}
}

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

	.landing .header {
		 left: 3%;
	}
	#Livelihood {
		margin: 40px 0 60px;
	}

	#child_protection, #public_advocacy  {
		margin: 20px 0;
	}
	/*#public_advocacy {
		margin: 20px 0;
	}
*/
}

@media only screen and (max-width: 320px) {
	#environment, #disaster  {
		margin: 20px 0;
	}

	.opportunities .contentDiv {
	    top:36%; 
	}

	.opportunities .Menu {
	    width: 100%;
	    top:16%; 
	}

	.opportunities .logo_img {
	    top:14%; 
	}

	.landing .header {
		 left: 9%;
	}

	.engage .Menu_white {
	    top: 10%;
	    width: 102%;
	}
	.about .logo_img {
		top: 15% !important;
	}

	.engage .logo_img {
		top: 14% !important;
	}

	.main_container .navbar-brand {
	    font-size: 19px;
	    padding: 23px 4px 23px 2px;
	}

	.main_container .navbar-toggle i {
	     margin-left: 0; 
	}

	.opportunities .menu_container ul {
	     max-height: 310px;
	}

	.main_container .navbar-toggle {
	    width: 13%;
	}

	.main_container .navbar-brand {
		width: 86%;
	}

	.fee .logo_text_white, .myths .logo_text {
		top: 29% !important;
	}

	.fee .contentDiv{
	    top: 37% !important;
	}

	.myths .contentDiv {
	    top: 38%;
	}  

	.fee .logo_img {
	    top: 17%;
	}

	.faq .logo_img {
	    top: 16% !important;
	}
	.faq .Menu_white {
	    top: 11%;
	}

	.faq .contentDiv  {
	    top: 35% !important;
	}

	.faq .Menu_white h3 div {
	    padding-left: 9% !important;
	}


	.contact .logo_text {
	    top: 28%;
	}

	.contact .contentDiv {
	    top: 37%;
	}

	.menu_header {
		font-size: 22px !important;
	}

}