@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 1190px) {
	.doante-now{ width:400px;}
	.main-wrapper{ max-width:100%;}
	.inner-page{ background-size:100%;}
	.info-graphic-main{ padding-left:120px; padding-right:120px;}
	.info4{ text-align:center;}
}

@media only screen and (max-width: 1100px) {
ul.category{padding:42px 100px 39px 100px;}
.doante-now{ padding:30px 40px 0 35px;}
.convert-house-right{ padding-top:0;}
ul.donate-now-main li h3{ font-size:23px;}
ul.donate-now-main li p{ font-size:13px;}
.inner-page-left{ padding-left:30px;}
.inner-page-left{ width:69%;}
.donate-sep, .top-heading{ padding-left:20px; padding-right:20px;}
.approach-left{ font-size:30px;}
.txt-group{padding-left:20px; padding-right:20px;}
.slider-txt{ font-size:40px;}
.info-graphic-main {padding-left: 80px; padding-right: 80px;}
}


@media only screen and (max-width: 1000px) {
	.header{ position:inherit;}
	.active {  display: block; } 
	.nav > li { padding-left:0;  float: none; background:none; border-top:1px solid #005d99; } 
	.nav > li > .parent {  background-position: 95% 50%;} 
	.nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } 
	.nav ul {  display: block; width: 100%; } 
	.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	.toggleMenu:hover{ color:#fff; text-decoration:none;}
	.nav{ background:#3f4141;}
	.nav > li{  width:100%; text-align:center; border:none !important; }
	.nav li{ width:100%; background:none;}
	.nav > li > a{ color:#fff;}
	.nav > li > .parent {  background-image: url(../images/downArrow.png); background-repeat: no-repeat;background-position: right 10px center;}
	.doante-now{ width:100%; position:relative; background:#1d1e1e; padding-bottom:20px;}
	.donate-now{ margin:0 auto; width:132px; height:131px;}
	.category{ display:none;}
	.only-mobile-shpw{ display:block;}
	.hide-mobile{ display:none;}
	.convert-house-left{ width:100%;}
	.center-pic{ width:100%; text-align:center;}
	.convert-house-left{ padding:0 24px;}
	.convert-house-right{ width:100%; padding:0 24px;}
	.section-two-left{ width:100%; text-align:center;}
	.section-two-right{ border-left:none; width:100%;}
	ul.pic-coll{ width:258px; margin:0 auto; float:none; overflow:hidden;}
	.section-two-right p{ width:100%; float:left;}
	.take-quiz{ padding-top:20px; overflow:hidden;}
	.header{ padding-bottom:0;}
	ul.top-social{ position:relative; width:100%; top:inherit; right:inherit; padding:15px 25px; float:left;}
	.section-two-left{ padding-left:24px; padding-right:24px;}
	.center-pic{ padding-top:15px;}
	.section-two-right{ background:none;}
	.inner-page-left{ width:100%; padding-right:30px;}
	.inner-page{ background-image:none;}
	.inner-page-right{ width:100%;}
	.tap-quige{ background:#1b1d1d; padding-bottom:20px; text-align:center;}
	.inner-page-right{ background:#e9494c;}
	.mobile-heading{ display:block;}
 .section{margin-top:121px;}
	.your-scrore{ padding-bottom:60px; padding-top:0; padding-left:20px;}			
	.quiz-rusult{ padding-left:30px;}
	.gallery-thumb > img {width: 41%;}
	ul.quiz li p{ font-size:13px;}
	.info2{ font-size:50px; line-height:50px;}
	.info4{ font-size:100px; line-height:84px;}
	.txt-sm{ font-size:80px;}
	.grey-txt{ font-size:60px;}
	.info5-left{ width:100%; text-align:center;}
	.info5-right, .info7-left, .info7-right, .info9-right, .info10-left, .info10-right{ width:100%; text-align:center;}
	.info7-left{ padding-bottom:30px;}
	.info9-left{ width:100%; border-right:none; text-align:center;}
	.info10-left{ padding-bottom:40px;}	
	.info9-left-top h2{ text-align:center;}
	.info12 { text-align:center; padding-bottom:42px;}
	.info13{ padding-top:0;}
	.info13-left{ padding-left:0; width:100%; text-align:center; padding-bottom:40px;}
	.info13-right{ width:100%; text-align:center;}
	.info9-left-bottom{ padding-right:0; padding-top:80px;}
	.info5-right{ padding-top:40px;}
	.love{ padding-bottom:15px;}
	.info9-left-top{ padding-right:0;}
}

@media only screen and (max-width: 640px) {
.info-graphic-main{ padding-left:20px; padding-right:20px; padding-top:0;}
.info2{ margin-top:15px;}
.info4{ font-size:80px;}
.txt-sm{ font-size:60px;}
.grey-txt{ font-size:50px;}
.info4{ line-height:72px;}
.grey-txt{ line-height:55px;}
.info5{ padding-top:30px;}
.love{ font-size:188px; line-height:180px;}
.a-safe{ font-size:60px; line-height:50px;}
.to-stay{ font-size:120px; line-height:115px;}
.info5-right{ font-size:38px; }
.traffic{ line-height:48px;}
.info6{ margin:40px 0;}
.lense{ top:20px; width:100px; right:-10px;}
.info7-1{ font-size:40px; line-height: 41px;}
.info7-2{ font-size:54px;  line-height: 51px;}
.info7-3{ font-size:85px;  line-height: 84px;}
.info7-4{ font-size:60px; line-height: 60px;}
.info7-5{ font-size:56px; line-height: 57px;}
.info7-6{ font-size:57px; line-height: 50px;}
.info8-bottom{ font-size:43px;}
.info9-left-top h2{ font-size:46px;}
.info8-top{ text-align:center;}
.info8-bottom{ text-align:center;}
.info8{ padding-bottom:0px;}
.info9{ text-align:center;}
.info9-bottom1{ font-size:74px;}
.info9-bottom2{ font-size:72px; line-height: 70px;}
.info9-bottom3{ font-size:55px;}
.info9-bottom4{ font-size:50px; line-height: 55px;}
.info9-right{ padding-top:40px;}
.info9-midd1{ font-size:75px; line-height: 70px;}
.info9-midd2{ font-size:46px;}
.info9-midd3{ font-size:43px;}
.info9-midd4{ font-size:35px;}
.info9-right-midd{ padding-top:40px;}
.info10-1{ font-size:60px;}
.info10-2{ font-size:50px;}
.info10-3{ font-size:56px;}
.info10-4{ font-size:60px;}
.info12-1{ font-size:50px; line-height:50px;}
.info12-2{ line-height:70px; font-size:70px;}
.info12-3{ font-size:48px; line-height:50px;}
.info12-4 {font-size: 55px; line-height: 60px;}
.info13-right-2{ font-size:50px;}
.info13-right-3, .info13-right-1{ font-size:38px; line-height:42px;}
.info13-right-4{ font-size:58px;}
.info13-right-6, .info13-right-5{ font-size:50px; line-height:58px;}
}


@media only screen and (max-width: 568px) {
	.doante-now h2{ font-size:38px;}.
	.only-mobile-shpw h2{ font-size:30px;}
	.doante-now p{ font-size:15px;}
	.doante-now p{ padding-bottom:20px;}
	.doante-now{ padding-bottom:30px;}
	.act-now{ width:90%;}
	ul.footer-link li{ width:100%; padding:2px 0; background:none;}
	ul.act-now-btn li{ width:42%;}
	.logo{ padding:0 25px 5px 25px;}
	.doante-now{ padding-left:24px; padding-right:24px;}
	.section-one{ padding-top:30px;}
		.tap-quige{ background:#1b1d1d; padding-bottom:0; text-align:center;}
	.inner-page-left{ padding-left:20px; padding-right:20px;}
	.inner-page-left h2{ font-size:30px;}
	.inner-page-left p{ font-size:13px;}
	.top-heading{ font-size:25px;}
	.donate-sep{ padding-bottom:20px;}
	.approach-left{ width:100%;}
	.approach-right{ width:100%;}
	ul.approach li{ padding-top:26px;}
	.slider-txt{ line-height: 34px; padding: 8px 10px; font-size:23px;}
	.red-italic{ font-size:16px;}
	.submit-btn{ width:100%;}
}

@media only screen and (max-width: 320px) {
	ul.pic-coll{ width:100%;}
}