/* =============================== Start: (min-width: 320px) and (max-width: 479px) =============================== */
@media (min-width: 320px) and (max-width: 479px) {
	.navbar-nav-responsive {
		background-color: #002f61;
		margin-left: -15px;
		display: none;
	}
	.navbar-responsive{
		background-color: #002f61;
		min-height: 75px;
		position: fixed;
		top: 0px;
		z-index: 100;
	}
	.banner-responsive{
		margin-top: 75px;
	}
	.btn-contact-sales-res {
		position: fixed;
		margin-top: 0px;
		right: 10px;
		width: 120px;
		height: 25px;
		font-size: 10px;
	}
	.navbar-nav-responsive .dropdown-menu-res{	
		text-align: center;
	}
	.fundraising-flowchart {
	    width: 100%;
	    height: 200px;
	}
	.membershipbanner .membercontent h2 {
	    font-size: 25px;
	    width: 100%;
	}
	.membershipsection1 .membershipsection1-img {
		    width: 273px;
		    height: 223px;
	}
    .build-relation-content h2 {
    	font-size: 30px;
	    width: 100%;
	    text-align: left;
	    font-weight: 100;
	}
	.fundraising-content h3 {
		font-size: 20px;
	}
	.fundraising-content p {
		font-size: 15px;
		padding: 0px;
	}

}
/* =============================== End: (min-width: 320px) and (max-width: 479px) =============================== */


/* =============================== Start: (min-width:  480px) and (max-width: 767px) =============================== */
@media (min-width:  480px) and (max-width: 767px) {
	.navbar-nav-responsive {
		background-color: #002f61;
		margin-left: -15px;
		display: none;
	}
	.navbar-responsive{
		background-color: #002f61;
		min-height: 75px;
		position: fixed;
		top: 0px;
		z-index: 100;
	}
	.banner-responsive{
		margin-top: 75px;
	}
	.btn-contact-sales-res {
		position: fixed;
		margin-top: 0px;
		right: 10px;
		width: 120px;
		height: 25px;
		font-size: 10px;
	}
	.navbar-nav-responsive .dropdown-menu-res{	
		text-align: center;
	}
	.fundraising-flowchart {
	    width: 100%;
	    height: 200px;
	}
	/*.membershipbanner .membercontent h2 {
	    font-size: 25px;
	    width: 100%;
	}*/
	.membershipbanner .fundraisingcontent h2 {
		height: 100%;
	}
	.membershipsection1 .membershipsection1-img {
		    width: 273px;
		    height: 223px;
	}
    .build-relation-content h2 {
    	font-size: 30px;
	    width: 100%;
	    text-align: left;
	    font-weight: 100;
	}
	.fundraising-content h3 {
		font-size: 20px;
	}
	.fundraising-content p {
		font-size: 15px;
		padding: 0px;
	}
	.build-relation-content p {
		font-size: 20px;
	}
	.fundraising-content h3 {
		font-size: 25px;
	}
	.fundraising-content p {
		font-size: 20px;
	}

}
/* =============================== End: (min-width:  480px) and (max-width: 767px) =============================== */


/* =============================== Start: (min-width:  768px) and (max-width: 1023px) =============================== */
@media (min-width:  768px) and (max-width: 1023px) {


}
/* =============================== End: (min-width:  768px) and (max-width: 1023px) =============================== */



/* =============================== Start: (min-width:  1024px) and (max-width: 1280px) =============================== */
@media (min-width:  1024px) and (max-width: 1280px) {


}
/* =============================== End: (min-width:  1024px) and (max-width: 1280px) =============================== */
