@media only screen and (max-width: 600px){
	
	.form-popup nav {
		margin-left: -52px !important;
	}
	.form-popup nav > div a.nav-item.nav-link:hover, .form-popup nav > div a.nav-item.nav-link:focus {
		border: none;
		background: #e74c3c;
		color: #fff;
		border-radius: 0;
		transition: background 0.20s linear;
	}
	.form-popup nav > div a.nav-item.nav-link.active:after {
		content: "";
		position: relative;
		bottom: -56px;
		left: -16% !important;
		border: 15px solid transparent;
		border-top-color: #e74c3c;
	}
	.f-form-control {
		width: 48% !important;
		margin-left: 0px !important;
		border-radius: 6px;
	}
	.form-popup .tab-content {
		background: #fdfdfd;
		line-height: 25px;
		border: 1px solid #ddd;
		border-top: 5px solid #e74c3c;
		border-bottom: 5px solid #e74c3c;
		padding: 30px 25px;
		min-width: 100% !important;
		height: auto;
		margin-left: -12px !important;
	}
	.f-form-control-textarea {
		width: 94% !important;
    	margin-left: 0px !important;
		border-radius: 6px;
	}
	.form-btn-enq{
		left: 152px !important;
	}
	.form-popup {
		display: none;
		position: fixed;
		bottom: 0;
		right: -13px !important;
		z-index: 9999;
	}
	.close-button {
		width: 95% !important;
		margin-left: 3px !important;
		border: 2px solid #000000 !important;
	}
	.tab-content .form-width {
		min-width: 200px !important;
	}
	
	.form-popup nav > .nav.nav-tabs {
		border: none;
		color: #fff;
		background: #272e38;
		border-radius: 0;
		width: 410px !important;
	}
	.form-mob-width{
		display: block !important;
		height: 10px;
	}
	.form-mob-width	.f-form-mob-control{
		width: 50% !important;
	}
	.form-container .btn {
		color: white;
		padding: 8px 20px;
		border: none;
		cursor: pointer;
		width: 125px;
		margin-bottom: 10px;
		opacity: 0.8;
		position: relative;
		left: 0px !important;
	}
	.open-button {
		background-color: #169c11;
		color: white;
		padding: 8px 8px !important;
		font-size: 11px !important;
		cursor: pointer;
		opacity: 1 !important;
		position: fixed;
		bottom: 23px;
		right: 0px;
		z-index: 9999;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		border-top-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		border: 2px solid red !important;
	}
	.Mob-view-form{
		display: none;
	}
	/* ===================== NGO Site CSS */
	
	.navbar-collapse{
		position: relative !important;
		right: 0;
	}
	.carousel-sec{
		position: relative !important;
    	top: 130px !important;
	}
	.Header-section{
		position: fixed;
		width: 108% !important;
		left: -4% !important;
		z-index: 999;
		background: black;
		color: black;
	}	
	.nav-item a{
		color: white!important;
		font-size: 14px !important;
		font-weight: 600;
		font-family: 'poppins';
	}
	.dropdown-menu a{
		color: white !important;
	}
	.the-crisis {
		background: #fff;
		margin-top: 117px;
	}
	.Single-text-overlay {
		background: rgba(0,0,0,0.5);
		padding-top: 45px !important;
		padding-bottom: 39px !important;
		font-size: 12px !important;
	}
	.Single-text {
		background: url(../images/Home-sub-banner.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: inherit !important;
		background-position: center !important;
		color: white;
	}
	.fellowship h4{
		font-size: 18px !important;
		padding-bottom: 12px;
			
	}
	.heading-left-line1{
		border-top: 2px solid #e74c3c;
		width: 12% !important;
		margin-top: 10px;
		float: left;
	}
	.heading-right-line1{
		border-top: 2px solid #e74c3c;
		width: 12% !important;
		margin-top: 10px;
		float: right;
	}
	.social-media .fab {
		font-size: 16px !important;
		background: #178ea9 !important;
		padding: 5px;
		border-radius: 10px;
	}
	footer{
		font-size: 12px !important;
	}
	.mob-mt{
		margin-top: 0px !important;
	}
	.mob-mt-10{
		font-size: 10px !important;
	}
	.the-end-crisis-banner {
		background: url(../images/Banner-image/banner-2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 332px !important;
		background-position: center -2px !important;
	}
	.beginning {
		background: url(../images/header-ngo.jpeg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 294px;
		background-position: -175px 1px;
	}
	.b-vission {
		background: rgba(255, 0, 0, 0.57);
		padding: 22px !important;
		font-size: 18px;
		height: auto !important;
		color: #fff;
	}
	.b-mission {
		background: rgba(0,255,255,0.75);
		padding: 39px !important;
		font-size: 18px;
		height: auto !important;
	}
	.b-mission-vission {
		background: url(../images/bg1.jpg);
		background-size: cover; 
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: -200px;
	}
	.Team figure img {
		border-radius: 40px;
		height: 325px !important;
	}
	.Team figure figcaption {
		background: rgba(0,0,0,0.4);
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding: 10px 0px !important;
		text-align: center;
		position: absolute;
		width: 92% !important;
		top: 260px !important;
		text-transform: uppercase;
		color: #fff;
	}
	.Donate {
		background: url(../images/Donate.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 355px !important;
		background-position: -633px -2px !important;
		
	}
	.Our-Initiative {
		background: url(../images/bg4.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		 background-attachment: inherit; 
		height: 393px !important;
		background-position: center -80px !important;
	}
	.Our-model {
		background: url(../images/bg3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: inherit !important;
		height: 328px !important;
		background-position: -66px 0px !important;
	}
	.Global {
		background: url(../images/Global.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 256px !important;
		background-position: 0px 0px !important;
	}
	.Student {
		background: url(../images/Student-impact.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 246px !important;
		background-position: 0px 0px !important;
	}
	.Fellow {
		background: url(../images/Fellow-impact.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 349px !important;
		background-position: 0px 0px !important;
	}
	.Become {
		background: url(../images/Become.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 246px !important;
		background-position: 0px 0px !important;
	}
	.Team figure figcaption h5 {
		font-size: 14px !important;
	}
	.animate-typing {
		font-size: 7px !important;
		font-weight: bold;
		text-align: center;
		padding: 5px;
		top: 52px !important;
		left: 116px !important;
		position: absolute;
		color: #FF0004;
	}

}

@media only screen and (min-width:600px){
	
	.navbar-collapse li {
		width: 96px !important;
	}
	.navbar-collapse li a{
		font-size: 7px !important;
		color: white !important;
	}
	.heading-right-line {
		border-top: 2px solid aqua;
		width: 20% !important;
		margin-top: 8px !important;
		float: right;
	}
	.heading-left-line {
		border-top: 2px solid aqua;
		width: 20% !important;
		margin-top: 8px !important;
		float: left;
	}
	.the-crisis h4{
		font-size: 16px !important;
	}
	.heading-right-line1 {
		border-top: 2px solid aqua;
		width: 10% !important;
		margin-top: 8px !important;
		float: right;
	}
	.heading-left-line1 {
		border-top: 2px solid aqua;
		width: 10% !important;
		margin-top: 8px !important;
	}
	.fellowship h4{
		font-size: 16px !important;
	}
	footer{
		font-size: 12px !important;
	}
	.the-end-crisis-banner {
		background: url(../images/Banner-image/banner-2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 353px !important;
	}
	.beginning {
		background: url(../images/header-ngo.jpeg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 360px !important;
	}
	.Team figure img {
		border-radius: 40px;
		height: 145px !important;
	}
	.Team figure figcaption h5, .Team figure figcaption p{
		font-size: 7px !important;
	}
	.Team figure figcaption {
		background: rgba(0,0,0,0.4);
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding: 10px 20px;
		text-align: center;
		position: absolute;
		width: 83.5% !important;
		top: 99px !important;
		text-transform: uppercase;
		color: #fff;
		font-size: 7px !important;
	}
	.Our-model {
		background: url(../images/bg3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		 background-attachment: inherit !important;
		height: 425px !important;
		background-position: 0 -80px !important;
	}
	.Global {
		background: url(../images/Global.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 433px !important;
		background-position: 0px 0px !important;
	}
	.animate-typing {
		font-size: 10px !important;
		font-weight: bold;
		text-align: center;
		padding: 5px;
		top: 77px !important;
		left: 119px !important;
		position: absolute;
		color: #FF0004;
	}
		
}


@media only screen and (min-width:900px){
	.navbar-collapse li {
		width: 96px !important;
	}
	.navbar-collapse li a{
		font-size: 10px !important;
		color: white !important;
	}
	.Header-section {
		position: fixed;
		width: 104% !important;
		left: -2% !important;
		z-index: 999;
		background: Black;
		color: white;
		transition: background .5s;
	}
	.social-media{
		margin-left: -100px !important;
	}
	.navbar-brand img{
		margin-left: 30px !important;
	}
	.the-end-crisis-banner {
		background: url(../images/Banner-image/banner-2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 480px !important;
	}
	.beginning {
		background: url(../images/header-ngo.jpeg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 485px;
	}
	.b-vission {
		background: rgba(255, 0, 0, 0.57);
		padding: 64px !important;
		font-size: 18px;
		height: 300px !important;
		color: #fff;
	}
	.b-mission {
		background: rgba(0,255,255,0.75);
		padding: 64px !important;
		font-size: 18px;
		height: 300px;
	}
	.Our-Initiative {
		background: url(../images/bg4.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		height: 700px !important;
		background-position: -270px -56px !important;
	}
	.Team figure img {
		border-radius: 40px;
		height: 200px !important;
	}
	.Team figure figcaption {
		background: rgba(0,0,0,0.4);
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding: 5px 5px !important;
		text-align: center;
		position: absolute;
		width: 87.5% !important;
		top: 144px !important;
		text-transform: uppercase;
		color: #fff;
		font-size: 12px !important;
	}
	.Team figure figcaption h5{
		font-size: 12px !important;
	}
	.Donate {
		background: url(../images/Donate.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 327px !important;
		background-position: 0px 0px !important;
	}
	.Our-model {
		background: url(../images/bg3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		 background-attachment: inherit !important;
		height: 425px !important;
		background-position: 0 -80px !important;
	}
	.Global {
		background: url(../images/Global.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 433px !important;
		background-position: 0px 0px !important;
	}
	.Student {
		background: url(../images/Student-impact.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 451px !important;
		background-position: 0px 0px !important;
	}
	.Become {
		background: url(../images/Become.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 448px !important;
		background-position: 0px 0px !important;
	}
	.animate-typing {
	    font-size: 11.5px !important;
	    font-weight: bold;
	    text-align: center;
	    padding: 8px;
	    top: 24px !important;
	    left: 175px !important;
	    position: absolute;
	    color: #FF0004;
	}
	
		
}
@media only screen and (min-width:1200px){
	.carousel img{
		width: 100%;
		height: 700px !important;
	}
	.navbar-collapse li {
		width: 124px !important;
	}
	.navbar-collapse li a{
		font-size: 14px !important;
		color: #fff !important;
	}
	.navbar-brand img{
		margin-left: 50px !important;
	}
	.the-end-crisis-banner{
		background: url("../images/Banner-image/banner-2.jpg");
		background-size: cover;
		background-repeat:no-repeat;
		height: 582px !important;
	}
	.beginning{
		background: url("../images/header-ngo.jpeg");
		background-size: cover;
		background-repeat:no-repeat;
		height: 700px !important;
	}	
	.Our-Initiative {
		background: url(../images/bg4.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		height: 700px !important;
		background-position: 0px -80px !important;
	}
	.Team figure img{
		border-radius: 40px;
		height: 270px !important;

	}
	.Team figure figcaption{
		background: rgba(0,0,0,0.4);
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding: 7px 0px !important;
		text-align: center;
		position: absolute;
		width: 89.5% !important;
		top: 211px !important;
		text-transform: uppercase;
		color: #fff;
	}
	.modal figure img{
		border-radius: 40px;
		height: 230px !important;

	}
	.modal figure figcaption{
		background: rgba(0,0,0,0.4);
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding: 5px 20px;
		text-align: center;
		position: absolute;
		width: 87.5% !important;
		top: 211px !important;
		text-transform: uppercase;
		color: #fff;
		font-size: 16px !important;
	}
	.modal-body h5{
		color:#11a9a9;
	}
	.Team figure figcaption h5 {
		font-size: 15px !important;
	}
	.Donate {
		background: url(../images/Donate.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 410px !important;
		background-position: 0px 0px !important;
	}	
	.animate-typing {
	    font-size: 10px !important;
	    font-weight: bold;
	    text-align: center;
	    padding: 5px;
	    top: 49px !important;
	    left: 185px !important;
	    position: absolute;
	    color: #FF0004;
	}

}
@media only screen and (min-width:1281px){
	.carousel img{
		width: 100%;
		height: 800px !important;
	}
	.navbar-collapse li a{
		font-size: 14px !important;
		color: white !important;
	}
	.navbar-brand img{
		margin-left: 85px !important;
	}
	.the-end-crisis-banner{
		background: url("../images/Banner-image/banner-2.jpg");
		background-size: cover;
		background-repeat:no-repeat;
		background-position: 0 -131px;
    	height: 700px !important;
		
	}
	.the-end-crisis-banner h3{
		margin-top:460px !important;
		color: aqua !important;
	}
	.the-crisis h4 {
		font-size: 24px !important;
	}
	.fellowship h4 {
		font-size: 24px !important;
	}
	
	.heading-left-line {
		border-top: 2px solid aqua;
		width: 20% !important;
		margin-top: 15px !important;
		float: left;
	}
	.heading-right-line {
		border-top: 2px solid aqua;
		width: 20% !important;
		margin-top: 15px !important;
		float: right;
	}
	.heading-left-line1{
		border-top: 2px solid aqua;
		width: 15% !important;
		margin-top: 15px !important;
		float: left;
	}
	.heading-right-line1 {
		border-top: 2px solid aqua;
		width: 15% !important;
		margin-top: 15px !important;
		float: right;
	}
	.beginning{
		background: url("../images/header-ngo.jpeg");
		background-size: cover;
		background-repeat:no-repeat;
		height: 700px !important;
	}
	.Volunteer{
		background: url("../images/Volunteer.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		height: 700px !important;
		background-position: 0 -80px !important;
	}
	
	.Donate{
		background: url("../images/Donate.png");
		background-size: cover;
		background-repeat: no-repeat;
		height: 646px !important;
		background-position:0px 0px !important;

	}
	.Our-model {
		background: url(../images/bg3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		height: 700px !important;
		background-position: 0 -80px !important;
	}
	.Global{
		background: url("../images/Global.png");
		background-size: cover;
		background-repeat: no-repeat;
		height: 646px !important;
		background-position:0px 0px !important;

	}
	.Student{
		background: url("../images/Student-impact.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		height: 646px !important;
		background-position:0px 0px !important;

	}
	.Fellow {
		background: url(../images/Fellow-impact.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 646px !important;
		background-position: 0px -255px !important;
	}
	.Become{
		background: url("../images/Become.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		height: 646px !important;
		background-position:0px 0px !important;

	}
	.animate-typing {
		font-size: 17px !important;
		font-weight: bold;
		text-align: center;
		padding: 5px;
		top: 12px !important;
		left: 225px !important;
		position: absolute;
		color: #FF0004;
	}
	.navbar-collapse{
		right: 100px;
	}
	
}