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

	.social-icon { margin:0px 20px 10px 0px;}

	.bnr-dta { margin-right:80px;}

	

}



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

	.carousel-indicators { width:100%; padding:0px; text-align:center;}

	.footer-menu { padding:10px; width:350px;}

	.social-icon { margin:0px 0px 10px 0px;}

	.social-icon ul { margin:0px 20px 0px 0px;}

	

}



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

	html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:53%;}

.logo { width:45%; padding:0px;}

.logo img { width:75%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left; width:100%;}

.hm-prt-section ul li { width:450px; padding:0px; margin:0px 0px 0px 20px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 0px 0px;}

.footer-menu { padding:10px; width:300px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

/*nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}*/

.bnr-dta h2

{

	font:300 30px/35px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:45px;

}

.bnr-dta

{

	text-align:center;

	width:480px;

	padding:20px;

	margin-top:20px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:50%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:400px;

}

.reach-section { width:300px;}

.inner-banner-section { width:100%; min-height:110px;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:right; margin:0px 10px 0px 0px; padding:0px;}

	

}



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

	.hm-prt-section ul li { width:400px;}

	

}



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

	html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:55%; padding:0px;}

.logo img { width:85%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:0px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left; width:100%;}

.hm-prt-section ul li { width:350px; padding:0px; margin:0px 0px 0px 30px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 0px 0px;}

.footer-menu { padding:10px; width:300px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2;}

/*nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}*/

.bnr-dta h2

{

	font:300 30px/35px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:45px;

}

.bnr-dta

{

	text-align:center;

	width:480px;

	padding:20px;

	margin-top:20px;

	/*margin-right:20px;*/

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:50%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:400px;

}

.reach-section { width:600px;}



.inner-banner-section { width:100%; min-height:110px;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:right; margin:0px 10px 0px 0px; padding:0px;}

	

}





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

	html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:55%; padding:0px;}

.logo img { width:85%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left; width:100%;}

.hm-prt-section ul li { width:350px; padding:0px; margin:0px 0px 0px 15px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 0px 0px;}

.footer-menu { padding:10px; width:300px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

/*nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}*/

.bnr-dta h2

{

	font:300 30px/35px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:45px;

}

.bnr-dta

{

	text-align:center;

	width:480px;

	padding:20px;

	margin-top:20px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:50%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:400px;

}

.reach-section { width:500px;}



.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:right; margin:0px 10px 0px 0px; padding:0px;}

}

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

	

.hm-prt-section ul li { width:310px; padding:0px; margin:0px 0px 0px 15px;}

.hm-prt-section ul li div { width:100%; margin:0px;}



}



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

html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:55%; padding:0px;}

.logo img { width:100%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left; width:100%;}

.hm-prt-section ul li { width:300px; padding:0px; margin:0px 15px 0px 0px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 0px 0px;}

.footer-menu { padding:10px; width:320px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}

.bnr-dta h2

{

	font:300 30px/35px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta

{

	text-align:center;

	width:480px;

	padding:20px;

	margin-top:20px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:40%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:300px;

}

.reach-section { width:600px;}

.bnr-btn-style { margin-top:25px;}

.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:right; margin:0px 10px 0px 0px; padding:0px;}



	

}



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



.logo { width:60%; padding:0px;}

.logo img { width:100%; height:auto;}

.hm-prt-section ul li { width:280px; padding:0px;}



	

}



/*Only for iPhone 5S */

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

html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:55%; padding:0px;}

.logo img { width:100%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left;}

.hm-prt-section ul li { width:100%; padding:0px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:5px 0px 0px 0px;}

.footer-menu { padding:10px; width:320px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}

.bnr-dta h2

{

	font:300 30px/35px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:25px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:45px;

}

.bnr-dta

{

	text-align:center;

	width:568px;

	padding:20px;

	margin-top:20px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:4%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:400px;

}



.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:left; margin:0px; padding:0px;}



}





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

html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:70%; padding:0px;}

.logo img { width:100%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left;}

.hm-prt-section ul li { width:100%; padding:0px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 0px 0px;}

.footer-menu { padding:10px; width:320px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}

.bnr-dta h2

{

	font:300 20px/25px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:10px;

}

.bnr-dta h4

{

	font:400 18px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:20px;

}

.bnr-dta

{

	text-align:center;

	width:480px;

	padding:20px;

	margin-top:20px;

	float:left;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:48%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:250px;

}

.bnr-btn-style { margin-top:20px;}

		

	.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:right; margin:0px; padding:0px;}



.reach-section { width:75%;}

}





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

	

html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:100%; padding:5px;}

.main-nav {width:100%;}

.logo { width:90%; padding:0px;}

.logo img { width:100%; height:auto;}

.main-div { width:100%;}

.banner-conteanier { width:100%;}

.bnr-dta { width:100%; padding:5px;}

.main-container { width:100%;}

.fixed-container { width:100%; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:100%; text-align:left; padding:5px;}

.donor-section { width:100%; padding:5px; background:none;}

.volunteer-section {padding:0px; width:100%; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:100%; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left;}

.hm-prt-section ul li { width:100%; padding:0px;}

.hm-prt-section ul li div { width:100%; margin:0px;}

.beneficiary-section { width:100%; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:480px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:100%;}

.social-icon { width:155px; margin:0px 0px 10px 0px; float:left;}

.footer-menu { padding:10px; width:320px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

nav ul {

		display: none;

		height: auto;

	}

nav a#pull {

		display: inline-block;

		width: 96%;

		position: relative;

		background:#0b6086;

		-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}

.bnr-dta h2

{

	font:300 20px/25px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:10px;

}

.bnr-dta h4

{

	font:400 16px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:10px;

}

.bnr-dta

{

	text-align:center;

	width:360px;

	padding:20px;

	margin-top:20px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:40%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:240px;

}



.bnr-dta h5 { font-size:16px;}

.bnr-btn-style { margin-top:10px;}



.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:350px; height:100%; float:left; margin:0px; padding:0px;}

.reach-section { width:100%;}

}



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

html, body { width:100%;}

.header-section { background:red; width:100%;}

.header { width:100%;}

.header { width:100%;}

.main-header { width:320px; padding:5px;}

.main-nav {width:320px;}

.logo { width:90%; padding:0px;}

.logo img { width:100%; height:auto;}

.main-div { width:320px;}

.banner-conteanier { width:100%;}

.main-container { width:100%;}

.fixed-container { width:320px; padding:5px;}

.home-base-section { width:100%;}

.hm-prt-section { width:100%; text-align:center; margin-bottom:25px;}

.dynamic-pro-sec { width:100%;}

.main-nav ul { float:left;}

.main-nav ul li { margin-left:0px;}

.dynamic-pro-mid { width:100%; text-align:center;}

.profile-content { width:100%;}

.tab-cont-sec { width:320px; text-align:left; padding:5px;}

.donor-section { width:320px; padding:5px; background:none;}

.volunteer-section {padding:0px; width: 320px; background:none;}

.nav > li > a { padding:0px;}

.fund-section { width:320px; padding:5px; background:none;}

.spec-info-cnt { width:100%;}

.fill { width:100%;}

.carousel, .item, .active { height:100%; float:left;}

.hm-prt-section ul li { width:320px; padding:0px;}

.hm-prt-section ul li div { width:320px; margin:0px;}

.beneficiary-section { width:320px; padding:5px; background:none;}

.carousel-inner { margin:0px;}

.carousel slide { width:320px;}

.carousel-indicators { width:auto; padding:0px;}

.fixed-footer { width:320px;}

.social-icon { width:320px; margin:0px 0px 10px 0px;}

.footer-menu { padding:10px; width:320px;}

.social-icon ul {float:left; margin:0px;}

.scrollup { right:10px; opacity:0.2}

.main-nav ul li a { color:#FFF !important;}

.reach-section { width:100%;}

nav ul {

		display: none;

		height: auto;

	}

nav a#pull {display: inline-block; width: 96%; position: relative; background:#0b6086; -webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

	line-height:27px;

	color:#FFF;

	padding:5px;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat right 7px;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 0px;

	}

.main-nav ul li

{

	width:100%;

	min-height:43px;



}

.bnr-dta h5 { font-size:14px;}

.main-nav ul li a

{

	padding:10px 10px;

	text-align:left;

}

.bnr-dta h2

{

	font:300 20px/25px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:10px;

}

.bnr-dta h4

{

	font:400 14px 'Lato',Arial,Helvetica,sans-serif;

	margin-bottom:10px;

}

.bnr-dta

{

	text-align:center;

	width:320px;

	padding:20px;

	margin-top:0px;

}

.bnr-dta p

{

	display: none;

}

.icon-prev img, .icon-next img

{

	width:15px;

	height:32px;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right

{

	top:38%;

}

.bnr-btn-style

{

	float: none;

	display:block;

}

.carousel-indicators { width:100%; padding:0px; text-align:center;}

.carousel-indicators li{ float:none;}

.carousel-inner

{

	height:200px;

}

.bnr-btn-style { margin-top:10px;}



.inner-banner-section { width:100%;}

.inner-banner-fix { width:100%;}

.inner-container-section { width:100%;}

.inner-page-fix { width:100%; margin:0px; padding:0px;}

.inner-page-fix img { width:320px; height:100%; float:left; margin:0px; padding:0px;}



}