@media screen and (min-width: 1366px)and (max-width: 1460px) {
/*
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {right: -10%; width: 24px; height: 45px; background: url(../images/innerslider_next.png )no-repeat top left; font-size: 0; position: absolute; z-index: 9;  top: 50%; margin-top: -22px;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: -10%;  width: 24px; height: 45px; background: url(../images/innerslider_prevt.png)no-repeat top left; font-size: 0;position: absolute; z-index: 9; top: 50%; margin-top: -22px;}
*/

#flex1 .slick-dots {bottom:75px;left: 27%;}
#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -22px;}		
.categoryaccordion form > ul li h4:hover > .titleWrapArrow::after {background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}	
}

@media screen and (min-width: 1281px) and (max-width: 1365px) {
#flex1 button.slick-next.slick-arrow {right:-30px;}
#flex1 button.slick-prev.slick-arrow {left: -30px;}	
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {right: -55px;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: -55px;}
section.whycontwrap::before {border-width: 0 68px 394px 116px;}	
#flex1 .slick-dots {bottom:75px; left: 210px;}	
#flex1 button.slick-prev.slick-arrow, #flex1 button.slick-next.slick-arrow, #flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -32px;}
.righttopbgwrap em, #cntnwrap .topcontactwrp .right em, #wayustowrap .topcontactwrp .right em {top: -50px;}
.categoryaccordion form > ul li h4:hover > .titleWrapArrow::after {background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}

}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
#flex1 button.slick-next.slick-arrow {right:55px;}
#flex1 button.slick-prev.slick-arrow {left: 55px;}	
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {right: 55px;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: 55px;}
section.whycontwrap::before {border-width: 0 68px 394px 116px;}	
#flex1 .slick-dots {bottom: 115px; left: 18%;}	
.headertopright {margin-right: 15px;}
.closecc {right: 15px;}	
.modalinfo {margin: 0 0 0 15px;width: 98%;}	
.topmodal {padding: 20px 0;}	
.sliderinfo {width: 100%;}	
.leftblogs {width: 47%; margin: 0 2% 0 0;}	
.bloginfo {width: 80%;}	
.blogimg {width: 15%;}	
.othermenu ul li {padding-left: 16%;}	
.socialiconlist {padding-left: 16%;}	
.rightfooter {width: 72%;}	
.socialiconlist ul li:nth-child(2n)	{ margin: 0 10px 8px 0;}


#flex1 button.slick-next.slick-arrow {right:55px;}
#flex1 button.slick-prev.slick-arrow {left: 55px;}
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {right: 10px; width: 24px; height: 45px; background: url(../images/arrow_next.png)no-repeat top left; font-size: 0; position: absolute; z-index: 9;  top: 50%; margin-top: -22px;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: 10px;  width: 24px; height: 45px; background: url(../images/arrow_prev.png)no-repeat top left; font-size: 0;position: absolute; z-index: 9; top: 50%; margin-top: -22px;}
#flex1 .slick-dots {bottom:70px;left: 25%;}
#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -22px;}		
#termsusebanner .bannertitlewrap h3 {margin-left:5%;}	
	
/*--inner1--*/
.topmidleft {width: 33%;}	
.eventtab {width: 65%;}	
#eventstab .infocontainor {width: 100%; margin: 0 2%; margin: 0 auto;}	
#flex1 button.slick-prev.slick-arrow, #flex1 button.slick-next.slick-arrow, #flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -32px;}	
	
	
/*--inner3 --*/
.twocolumn ul {width: 96%; padding: 0 2%;}
.twocolumn > ul > li {width: 50%;}
.honoree {width: 96%; padding: 0 2%;}	
.honoreelist li {margin-right: 2%; width: 23%;}	
article.newapproach {width: 96%; padding-right: 2%; padding-left:2%;}
.tickitwrap {width: 100%;}	
.twocolumn {width: 100%;}
.moreinfoimage {width: 42%;}
.moreinfo {width: 58%; padding-right: 7%;}	
.sponserswrap h3 {padding: 0 4%;}	
.sponserlevel1 h5, .sponserlevel2 h5 {padding: 0 4%;}
.sponserlevel1 ul li {width: 18%; margin: 0 3%;}
.sponserlevel2 ul li {width: 14%; margin: 0 5%;}
.tickitwrap {padding-left:2%; padding-right:2%;}
	
	
/*--inner4 --*/
.pastaward {width: 96%; margin: 0 auto;}	
.pastawardilist li { width: 14%; margin-right: 3%;}	
.prevawardrecpt, .celebrating, .moreinfowrap {margin: 0 auto; width: 100%;}

	
/*-- inner 7 --*/
#mpartners::before {left: -75px; z-index: -1;}	
#mpartners::after {right: 0px; z-index: -1;}	
.topmidright {width: 66%;}	
.cateogryheads {width: 96%; margin: 0 auto;}	
.allgranteecontain {width: 96%; margin: 0 auto;}	
.granteeslist > li {width: 31%; margin-right: 2%;}	
	
/*--inner9--*/
.moreopportunity, #voluteering .voluteeringfowrap {width: 90%;}
.moreopportunity .leftside {width: 55%;}
.row.volunteerLists {width:94%;}
#voluteering .voluteeringfowrap p, .importantnotes li {line-height:19px;}
	
/*--inner10--*/
#internship	.internshipwrap {width: 96%; margin: 0 auto;}
	
/*--inner11--*/
.leadershiptabinfo {width: 96%; margin: 0 2%;}	
#leadership .leadershiptabinfo {width: 100%; padding: 35px 5% 25px;}		
	
	
/*--innner19--*/
.sliderimageleft {width: 42%; margin-right: 4%;}	
.sliderimageright {width: 51%;}	
.sliderwrap {width: 90%;}	
#supportab .eventtab {width: 57%;}
#supportab .eventtab ul {margin: 0 0 0 28px;}
#supportab .supportab h1 {margin: 0px; height: auto;}	
.individualdonrs {padding: 50px 5% 0;}	
#supportersbanner button.slick-prev.slick-arrow {left: -40px;}	
#supportersbanner button.slick-next.slick-arrow {right: -40px;}
#supportab .section1_tab p {padding-left: 8%;} 
#supportersbanner .bannertitlewrapleft h3 {padding-left: 16%;} 
#supportab .firstdonors ul li {width: 21%;}    
    
/*--inner20--*/
.piechartwrap, .piechartwo {padding: 80px 20px 15px;}   
	
/*--inner18--*/
#wayustowrap .topcontactwrp .right em {height: 52px;}	

/*--inner16--*/
.topcontactwrp::after {right: -52px;}	
	
/*--inner15--*/
.termscoditions {margin: 0 auto; float: none;}	
	
/*-- inner13--*/
.jobprofile {width: 30%; margin-left:2%;}	
.jobinformation ul {width: 96%; margin: 0 2%;}	
	
	
#flex1 button.slick-prev.slick-arrow, #flex1 button.slick-next.slick-arrow {top:auto; bottom: 15%;}	
#flex1 button.slick-prev.slick-arrow{left: 180px;}
#flex1 button.slick-next.slick-arrow {left: 325px;}
#flex1 .slick-dots {left: 212px; text-align: center;}	
#flex1 .slick-dots li {float: none;}

#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top: auto;bottom: 112px; }
#flex2 button.slick-next.slick-arrow {left: 285px;}
#flex2 button.slick-prev.slick-arrow {left: 185px;}  
#flex2 .slick-dots {bottom: 130px;}    
#flex3 .slick-dots {width: 78px;  bottom: 128px; left: 210px;}		
#flex3 button.slick-next.slick-arrow {left:285px;}		
#flex3 button.slick-prev.slick-arrow { left: 185px;} 
#flex3 button.slick-next.slick-arrow, #flex3 button.slick-prev.slick-arrow	{top: auto;bottom: 112px; top:auto;}
#pollynwrap .topcontactwrp .right em {top: -95px;}
.jobprofile {margin-left: 2%;}	
	
.listawad {width: 50%;}	
.listawad ul { margin: 0; margin-left: 5%; width: 95%;}	
.dc1 {width: 24%;}	
.dc2 {width: 76%;}	
.dc2 ul {width: 30.33%;}	
.piechartinfo li em {margin-right: 16px;}	
#leadership	.topmidleft h1 {padding-left: 25%;}	
    
 
#strategytabs {width: 673px;} 
.categoryaccordion .cateogryheads, .mobilecateogryacc .cateogryheads {margin: 0 auto;}   
.moreopportunitywrap {width: 100%;}   
.row.volunteerLists > h3 {margin: 0 2%;}
.moreopportunity {margin: 0 2%;}    
.bottomcontactwrap ul {width: 96%; margin: 0 2%;}  
.bottomcontactwrap .formcontent > li a, .bottomcontactwrap .formcontent > li h3 {font-size: 16px;}  
.waysmatter {width: 96%; margin: 0 auto;}  
#presstab .tabcontent h2 {padding: 0 2%;} 
#presstab, #presstab .infocontainor {margin: 0 2%; width: 96%;}    
	
/*--inner22--*/
.toppublicationwrp {width: 100%; padding: 0 2%;}
.publicationpost {width: 100%;}	
.publicationpost img {width: 100%; height: auto; display: block;}	
.calenderimage em {left: 1px;}

#strategytab .infocontainor .strategytabinfo,#strategytab .infocontainor .tagsectioninfo {width:100%; padding:0 5%;}
.caleninfo {width:905px;}
.topmidleft h1 {padding-left:15px;}
.categoryaccordion form > ul li h4:hover > .titleWrapArrow::after {background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}
.bottomcontainer::before {display: none; z-index:-1;}
.bottomcontainer::after{display: none; z-index:-1;}
article.newapproach ul {border-bottom: 1px solid grey;}
#strategytab .togglecontent .right {padding-left:0px; padding-right:0px;}
.foundationinfowrap .rightinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	
.foundationinfowrap .leftinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	 
.rightinfoimg img{padding-top:22px; margin-top:0px;}
.creteriatabcontent {padding-left:5%; padding-right:5%;}
.whycont.searchPage {padding: 50px 2% 30px;}
}

@media screen and (max-width: 1279px) {
	
	.bannerbox img.mainimg { max-width: 1280px; }
	.introbar { margin-top: 0px; }
	.imgcontentbar .text { padding: 18px 10px 10px 15px; }
	.imgcontentbar .imgcontent { height: 340px; }
	.imgcontentbar .imgcontent.textbg2 .text { padding: 20px 20px 10px 20px; }
	.imgcontentbar .imgcontent.textbg2 p { padding-bottom: 15px; font-size: 14px; }
	.stepbar .stepsblock .text { padding-right: 30px; }
		
	.featuredbar .centering { padding: 0 15px; }
	.featuredbar .rightdetails .quote .rightext { padding: 20px 15px 20px 15px; }
	.featuredbar .rightdetails .quote p { font-size: 15px; line-height: 21px; }
	
	.teambar .teamlisint { padding: 0px 0px 70px 90px; }
	
}

@media screen and (max-width: 1080px) {
    .modalconent { background: transparent; width: 100%; padding: 0 15px; box-sizing: border-box; }
    .popupbox { width: 100%; }
    #button {right: 15px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
#flex1 button.slick-next.slick-arrow {right:0px; left: 330px;}
#flex1 button.slick-prev.slick-arrow {left: 186px;}	
#flex1 button.slick-prev.slick-arrow, #flex1 button.slick-next.slick-arrow, #flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -30px;}	
#flex2 .slick-dots, #flex3 .slick-dots {bottom:40px; left: 200px;}	
#flex1 button.slick-next.slick-arrow {right:55px;}
#flex1 button.slick-prev.slick-arrow {left: 55px;}
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {left: 35px; width: 24px; height: 45px; background: url(../images/arrow_next.png)no-repeat top left; font-size: 0; position: absolute; z-index: 9;  top: auto; margin-top: -22px; bottom: 25%;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: 10px;  width: 24px; height: 45px; background: url(../images/arrow_prev.png)no-repeat top left; font-size: 0;position: absolute; z-index: 9; top: auto; margin-top: -22px; bottom: 25%;}
#flex1 .slick-dots {bottom:115px;left: 25%; }
#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow {top:50%;  margin-top: -22px;}	
	
	
section.whycontwrap::before {border-width: 0 68px 394px 116px;}	
#flex1 .slick-dots { bottom: 40px;left:220px;}	
.headertopright {margin-right: 15px;}

	
.closecc {right: 0; top: 0;}	
.modalinfo {margin: 0 0 0 15px;}	
.topmodal {padding: 20px 0;}
.modalinfo li:nth-child(1) {width: 30%; margin-right: 2%;}	
.modalinfo li:nth-child(2) {width: 40%; margin-right: 2%;}
.modalinfo li:nth-child(3) {width: 20%; margin-right: 2%;}	
.modalinfo li h4 {width: 100%;}	
.modalinfo li p {width: 100%;}	
.calltobtn {width: 140px;height: 40px; font-size: 14px;}
.secondarymenu ul {margin: 44px 0 40px;}	
.secondarymenu ul li {margin-right: 5%;}
.secondarymenu ul li a {font-size: 13px; }
.singbx { margin: 30px 0 30px;}	
.singbx li a { padding: 0px 10px;line-height: 40px; height: 40px; width: 125px;}
.singbx li.last a {width: 175px; height: 40px;}	
.sliderinfo {width: 100%;}	
#flex1 .sliderinfo h3 {font-size: 18px; line-height: 22px;padding-top: 10px;}	
#flex1 .sliderinfo p {font-size: 12px; line-height: 16px;}
.wrapinfo2 { min-height: 135px;}
.leftinfo {padding-bottom: 15px;}	
.leftinfo a {font-size: 14px; line-height: 35px; height: 35px;}	
.leftmat .leftimage, .rightmat .leftimage {width: 100%; float: none; text-align: center;}	
.leftmat .rightcontent, .rightmat .rightcontent {width: 90%; text-align: center; margin: 0 auto;}	
#termsusebanner .bannertitlewrap h3 {margin-left:5%;}
	
/*--accordion style update this style--*/
.bottomcontainer h2.resp-accordion {text-align: center;}
.bottomcontainer h2.resp-accordion i{font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; font-size: 20px; line-height: 23px; color:#fff; text-align: center; font-style: normal;}	
.bottomcontainer h2.resp-accordion em {background: url(../images/plusicon2.png)no-repeat center left; width: 16px; height: 16px; display: inline-block; margin-right: 10px;}	
.bottomcontainer h2.resp-tab-active {background: #ff950f!important;}	
.bottomcontainer h2.resp-tab-active em {background: url(../images/icon_minus.png)no-repeat center left; width: 16px; height: 16px; display: inline-block; margin-right: 10px;}	
.wrapinfo {min-height: 220px;}
	

.rightfooter {width:auto;}	
.rightfooter > ul > li {padding-right:0;}	
.othermenu ul li {padding-right:0;}	
.sliderinfo {width: 100%;}	
.leftblogs {width: 100%; margin: 0 0 15px 0;}	
.bloginfo {width: 80%;}	
.blogimg {width: 15%;}	
.rightphotslist {width: 100%;}	
.othermenu ul li {padding-left: 16%;}	
.socialiconlist {padding-left: 16%;}
.socialiconlist ul li:nth-child(2n)	{margin: 0 10px 8px 0;}
.rightfooter {width: 72%;}	
.modalinfo{width: 90%;}  
.msliderimage {display: block;}	
.msliderimage img {width: 90%; margin: 0 5% 10px;}	
.logo {margin: 20px auto; display: block; width: 200px;}	
h2.resp-accordion {border-top: 1px solid #fff; border: 1px solid #fff;}	

.msearchbx .socialh {float: left;}	
#navigation-bar {float: right; width: 170px;}	
#search { width: 170px;}
#input {width: 150px;  right: 5px; display: block;}	
#input input {position: relative; right: 0; width: 150px; background: #efeeef;}	
	
	
	
/*--mobilenavigation--*/
.mobnavicon {display: block; background: url(../images/mobnav.png)no-repeat top left; width: 41px; height: 38px; display: block; position: absolute; right: 24px; top:20px;}	
.mobilenavwrap {display: none; width: 100%; background: #efeeef; position: relative;}	
.bottomheaderwrap .singbx,.bottomheaderwrap .secondarymenu, .headertopright {display: none;}
.mbuttonbx {display: block; width: 100%; position: relative;}	
.mbuttonbx .singbx {margin: 0 auto; position: relative; text-align: center; width: auto; float: none; padding: 20px 0; display: block;}
.msearchbx {display: block; width: 90%; position: relative; text-align: center;}
.msearchbx .socialh {margin: 0 auto;}	

.mnavigation {display: block; width: 100%; position: relative;}	
.mnavigation > ul {list-style: none; margin: 0px; width: 90%; margin: 0 auto;}	
.mnavigation > ul > li {list-style: none; border-bottom: 1px solid #babcbe; padding: 10px 0; position: relative;}	
.mnavigation > ul > li > a { font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; font-size: 18px; line-height: 22px; text-align: left; color:#001a71; font-weight: 400; text-transform: uppercase;}	
.mnavigation > ul > li > a:hover {color:#001a71; text-decoration: none;}
.mnavigation ul li ul {list-style: none; margin: 0px; display: none; width: 100%; position: static; top: 100%; left: 0; z-index: 99;}	
.mnavigation > ul > li ul li {display: block; padding: 0;}	
.mnavigation > ul > li ul li a {color:#808082; text-align: left; font-size: 15px; line-height: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif; text-transform: capitalize;}
.mnavigation > ul > li ul li a:hover {color:#001a71; text-decoration: none;}
.mnavigation > ul > li:after {clear: both;}
span.arrow_level1 { width: 16px;  height: 16px; position: absolute;right: 10px; top: 10px; background: url(../images/icon_plus.png)no-repeat top right; display: block;z-index: 99;}
span.arrow_level1:hover {cursor: pointer;}		
	
	
/*--inner1--*/
 #presstab, #presstab .infocontainor{background:none; z-index: 2;}	
.topmidleft {width:100%; text-align: center; display: table;}	
.topmidleft h1 {text-align: center; display: table-cell;}	
.eventtab {width: 65%;}	
.infocontainor {width: 96%; padding: 0 2%; margin: 0 auto;}
#presstab h2.resp-tab-active {background: #ee533f!important;}	
#presstab h2.resp-accordion {margin-bottom: 10px; border: 0px; position: relative; z-index: 2;}
#presstab h2.resp-tab-active i, .infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#presstab h2.resp-tab-active i {color:#fff!important;}
#presstab h2.resp-accordion i {color:#808285!important;}	
	

/*--inner2--*/
#eventstab .infocontainor, #eventstab .tabcontent {background: #efeeef;}	
.topmidleft {width:100%; text-align: center; display: table;}	
.topmidleft h1 {text-align: center; display: table-cell;}	
.eventtab {width: 65%;}	
.infocontainor {width: 100%; padding: 0 2%; margin: 0 auto;}
#eventstab h2.resp-tab-active {background: #f8a02b!important; text-align: center;}	
#eventstab h2.resp-accordion {margin-bottom: 10px; border: 0px;text-align: center;}
#eventstab h2.resp-tab-active i, .infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#eventstab h2.resp-tab-active i {color:#fff!important;}
#eventstab h2.resp-accordion i {color: #808285;}	
	
/*--inner3 --*/
.twocolumn ul {width: 96%; padding: 0 2%;}
.twocolumn > ul > li {width: 50%;}
.honoree {width: 96%; padding: 0 2%;}	
.honoreelist li {margin-right: 2%; width: 23%;}	
article.newapproach {width: 96%; padding-right: 2%;padding-left:2%;}
.tickitwrap {width: 96%; padding-right: 2%;padding-left:2%;}	
.twocolumn {width: 100%;  padding-top: 60px;}
.moreinfoimage {width: 42%;}
.moreinfo {width: 58%; padding-right: 7%;}	
.sponserswrap h3 {padding: 0 4%;}	
.sponserlevel1 h5, .sponserlevel2 h5 {padding: 0 4%;}
.sponserlevel1 ul li {width: 18%; margin: 0 3%;}
.sponserlevel2 ul li {width: 14%; margin: 0 5%;}	
	
#flex4 .slick-dots { display: block; bottom: -103px; margin-left: -66px; left: 50%;  right: 0;}	
	
/*--inner4 --*/
.pastaward {width: 96%; margin: 0 auto;}	
.pastawardilist li { width: 14%; margin-right: 3%;}	
.prevawardrecpt, .celebrating, .moreinfowrap  {margin: 0 auto; width: 96%;}	
.nameslist 	 {min-width: auto;}	
#first {width: 48%; margin-right: 2%;}	
#second {width: 50%;}
#pollynwrap .topcontactwrp .right em {top: 0px;}
#pollynwrap .topcontactwrp {padding: 0 0 45px;}	
.pollyinfo{ margin: 72px 0 0;}  	

	
		
/*--inner5 --*/
.grantmaking, .granttabwrap  {width: 96%; margin: 0 auto;}	
.leftgrantmaking {width: 65%;}	
.rightgrantmaking {width: 30%;}	
.granspotlightouter {width: 100%;}	
.profileinfo {padding: 0 5% 25px;}
.rightgrantmaking {display: none;}	
.mmap {display: block; width: 100%; position: relative; margin-top: 25px;}	
.mmap #mapopup	{display: block;}
.leftgrantmaking {width: 100%;}		
.mapimge {width: 100%; position: relative;}	
.mapimge img {width: 100%; height: auto; display: block;}	
#grantab h2.resp-accordion {border: 0px; font-size: 16px; line-height: 20px; color:#808285; text-align: center; font-weight: 400; font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; margin: 0 0 10px;}	
#grantab h2.resp-accordion i {font-style: normal;}	
#grantab h2.resp-tab-active	{background: #f8a02b!important;  color:#ffffff; text-align: center;}
#grantab .graninfoleft, #grantab .graninforight {width: 100%; margin-bottom: 15px;}
.grantmakingpopupbx {width: 100%; padding: 50px 5%;}
.grantmakingpopupbx .rightproinfo {width: 32%;}	
.grantmakingpopupbx .leftproinfo {width: 60%;}	
.rightproinfo h2 {font-size: 20px; line-height: 24px;}	
	
	
/*--inner6--*/
#strategytab h2.resp-tab-active {background: #63c9e6!important; text-align: center;}	
#strategytab h2.resp-accordion {margin-bottom: 10px; border: 0px; text-align: center; }
#strategytab h2.resp-tab-active i, .infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#strategytab h2.resp-tab-active i {color:#fff!important;}
#strategytab h2.resp-accordion i {color: #808285;}		
.strategytabcontent .tabcontent {padding: 40px 5% 45px;}
.strategytabcontent {width: 96%; margin: 0 auto;}
.strategytabcontent .togglepanle {padding: 0 5%;}	
.togglecontent .right  {padding-bottom: 25px;}	
	
/*-- inner 7 --*/
#mpartners::before {left: -129px; z-index: -1;}	
#mpartners::after {right: 0px; z-index: -1;}	
.topmidright {width: 100%;}	
.cateogryheads {width: 90%; margin: 0 auto;}
.cateogryheads > li {width: 100%;}	
.allgranteecontain {width: 90%; margin: 0 auto;}	
.granteeslist > li {width: 31%; margin-right: 2%;}	
.cateogryheads >li >ul {position: static;}	
	
.mobilecateogryacc {display: block; width: 100%;  position: relative; margin: 0 auto 45px;}	
.categoryaccordion .cateogryheads {display: none;}	
.cateogryheads >li >ul >li {width: 90%;position: relative;}	
.mobilecateogryacc .cateogryheads {margin: 0 auto; display: block; }
.cateogryheads >li >ul >li	{width: 90%;}
.mobilecateogryacc > .cateogryheads ul {margin: 0; width: 100%; list-style: none; }
.mobilecateogryacc > .cateogryheads ul > li {width: 100%!important;}
.mobilecateogryacc > .cateogryheads ul > li > ul {background: #ff8f10; list-style: none; margin: 0px; width: 100%; padding-left: 0px; float: left; height: auto;  padding-bottom: 15px;}	
.mobilecateogryacc > .cateogryheads ul > li > ul > li {background: #ff8f10;}	
.mobilecateogryacc > .cateogryheads ul >li {width: 100%; float: left; height: auto; background: #fab215; position: relative; min-height: 1px;}	
.mobilecateogryacc > .cateogryheads ul >li h4{ margin-bottom: 2px;  transition:all 500ms ease;-webkit-font-smoothing: antialiased; width: auto; color:#fff; padding-left: 25px; display: inline-block;
 padding-right: 15px; position: relative;}
.mobilecateogryacc .cateogryheads >li >ul {display: none; margin: 0 auto; width: 100%; background: #ff8f10; padding: 20px 5% 10px; }	
.expanded {height: 0px;}
ul.expanded {height: auto;transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}	
.mobilecateogryacc .cateogryheads >li >ul {position: static;}
.mobilecateogryacc .cateogryheads > li { width:90%; margin: 0 5%;}
.mobilecateogryacc .cateogryheads >li >ul >li {width: 100%;display: block; position: relative; text-align: left; margin: 0 auto;}
.mobilecateogryacc .cateogryheads >li >a {font-size: 20px; line-height: 25px; color:#fff; text-align: left; font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; padding: 18px 0; display: inline-block; position: relative; margin: 0 auto 0 5%; width: auto; padding-right: 15px;}

	
	
/*-- inner8 ---*/
#creteriatab h2.resp-tab-active	{background: #00c293!important; color:#FFF;}
#creteriatab h2.resp-accordion:first-child	{border-top: 0px;}
.creteriatabwrap {width: 90%; margin: 0 auto;}	
h2.resp-accordion {border-top: 0px; border: 0px; margin-bottom: 10px; background: #808285;}	
#creteriatab .creteriatabcontent {padding-top: 30px;}	
	
	
/*--inner9--*/
.moreopportunity, #voluteering .voluteeringfowrap {width: 96%; margin: 0 2%;}
.moreopportunity .leftside {width:55%;}	
.moreopportunity { margin-bottom: 30px;}
	
/*--inner10--*/
#internship	.internshipwrap {width: 96%; margin: 0 auto;}	
#internship .topmidright p { padding: 29px 0 40px 0;}	

		
/*--inner11--*/
.leadershiptabinfo {width: 96%; margin: 0 2%;}	
#leadership h2.resp-accordion, #leadership h2.resp-accordion:first-child {border-top:none; background: #e0e1e2!important;}	
#leadership .leadershiptabinfo {width: 100%; padding: 10px 2% 25px;}	
#leadership .leaderlist > li > ul li	{padding-right: 5%;}
#leadership h2.resp-tab-active , #leadership h2.resp-accordion.tab_identifier_parent.resp-tab-active{color:#fff!important;  background: #00c293!important;}	
#leadership .leadershiptabinfo h3 {margin-bottom: 12px;}	
.leaderlist {margin: 0 auto 25px;}	
	
/*--innner18--*/
.waysmatter {width: 98%;}	
	
/*--innner19--*/
.sliderimageleft {width: 100%; margin-right: 0%; margin-bottom: 15px;}	
.sliderimageright {width: 100%;}	
.sliderwrap {width: 90%;}	
#supportab .eventtab {width: 66%;}
#supportab .eventtab ul {margin: 0 0 0 28px;}
#supportab .supportab h1 {margin: 0px; height: auto;}	
.individualdonrs {padding: 50px 5% 0;}		
.firstdonors ul li { width: 21%;} 	
#supportab h2.resp-accordion {background: #e0e1e2!important; border-top: 0px;}
#supportab h2.resp-accordion .resp-tab-active {background: #ee533f!important;}
#supportab h2.resp-accordion.resp-tab-active {background: #ee533f!important; color:#fff;}	
	
#supportersbanner button.slick-prev.slick-arrow, #supportersbanner button.slick-next.slick-arrow { top: 80px;}	
#supportersbanner .slick-dots {width: 180px; top: 430px; position: absolute; left: 50%; margin-left: -90px;}
#supportersbanner .slick-dots li:hover { cursor: pointer; z-index: 999;}
#supportersbanner .slick-dots li {background: #5d6b99;}
#supportersbanner .slick-dots li.slick-active {background: #ee533f;}
#supportersbanner .sliderimageright { padding-top: 60px;}	
#supportersbanner .sliderimageleft	{width: 100%; height: 400px;}
#supportersbanner .sliderimageleft img {object-fit: cover; height: 100%;}
#supportersbanner button.slick-prev.slick-arrow {left: 10px;  background: url(../images/prev_msliderarw.png)no-repeat top left; width: 36px; height: 36px; margin-top: -18px; left: 15px; top: 210px;}	
#supportersbanner button.slick-next.slick-arrow {right: 10px; background: url(../images/next_msliderarw.png)no-repeat top right; width: 36px; height: 36px; margin-top: -18px; right: 15px; top: 210px;} 		
	
/*--inner20--*/
.piechartone {width: 52%;}	
.piechartimg {width: 100%; float: none;}	
.piechart1 spna.title, .piechart2 spna.title {font-size: 16px;line-height: 24px;}	
.piechart1 span.count1 {left: -52%; width: 85px;}
.piechart2 span.count1 {left: -48%; width: 75px;}
.piechart1 span.count2, .piechart2 span.count2 {top: -15px;left: -57%;}
.piechart1 span.count4 {top: -50px; right: 22%;}
.piechart1 span.count3 {left: 146px; top: -32px;}
.piechartinfo li em {margin-right: 18px;}
.piechartinfo li em, .piechartinfo li i, .piechartinfo li b {font-size: 14px; line-height: 20px;}
.piechartinfo li i {width: 183px;margin-right: 1px;}	
.piechart3 span.count1 i, .piechart3 span.count2 i, .piechart3 span.count3 i, .piechart3 span.count4 i, .piechart3 span.count5 i, .piechart3 span.count6 i {font-size: 13px; line-height: 16px;}	
.piechartwo .piechartimg img {float: none; margin: -35px auto 0; width:100%;}	
.piechart3 span.count1 {bottom: -16px;right: 5%;}	
.piechart3 span.count6 {right: 5%;top: -28px;}
.piechart3 span.count2 {bottom: -48px;}	
.piechart3 span.count4 i {padding-right: 0;}
.piechart3 span.count4 em {float: none;}
.piechart3 span.count3 { width: 66px; left: 24px;}	
.piechart2 span.count2 {left: -53%;}	
.piechart1 span.count1 {left: -66%;width: 98px;}
.piechart1 span.count1 i, .piechart1 span.count2 i, .piechart1 span.count3 i, .piechart1 span.count4 i, .piechart2 span.count1 i, .piechart2 span.count2 i, .piechart2 span.count3 i, .piechart2 span.count4 i	 {font-size: 13px; line-height: 16px;}	
.piechart3 span.count4 {left: 24px;}
	
/*-- inner16--*/
.cmap {width:90%; margin: 0 auto;}	
#cntnwrap section.topcontactwrp .left.columns { padding-right: 5%;}	
#cntnwrap .topcontactwrp .right {margin-top: 0;  padding: 50px 0 0;}	
#cntnwrap .topcontactwrp .right em {top: 0px;}	
.bottomcontactwrap .formcontent > li:nth-child(3n) {margin: 0 5% 1.5rem; width: 90%;}	
.bottomcontactwrap .formcontent > li { margin: 0 5% 1.5rem; width: 90%;}	
.bottomcontactwrap .formcontent > li .inputx{ margin: 0 0 15px; width: 100%;}	
.bottomcontactwrap .formcontent > li.last {text-align: left;}	
	
/*--inner15--*/
.termscoditions {margin: 0 auto; float: none; width: 90%;}	
	
/*-- inner 12 --*/
.calenderimage em {left: auto; top: auto;  z-index: 0; bottom: -10px; right: -21px;}
.calenderin {margin-left: 10px;}	
	
#presstab h2.resp-tab-active, #presstab h2.resp-tab-active i	{color:#fff!important; z-index: 2; position: relative;}
.joinnwbtn {letter-spacing:0.045em;}
.tabcontent {width: 90%;}	
.missioncontent .rightimg { margin-left: 5%;  width: 50%;}	
.missioncontent .leftimg {  width: 47%;    margin-top: -64px;}	
.valuefeatures li .images em {width: 100%; height: 100%;}
.valuefeatures li:nth-child(4) .leftimg { margin-top: -44px;}	
.valuefeatures .leftc p	{padding-top: 20px;}
.calendercontent.historyslider .calcontent {float: right; margin-top: 75px;} 
#ourmission	.infocontainor > .resp-tabs-container {width: 90%; margin: 0 auto; padding: 25px 0;}	
.infocontainor h2.resp-tab-active i { color: #fff;}	
#ourmission	.infocontainor h2.resp-accordion{margin-bottom: 10px;}
	
	
/*-- inner13--*/
.jobprofile {width: 30%; margin-left:2%;}	
.jobinformation ul {width: 94%; margin: 0 3%;}			
	
#flex1 button.slick-prev.slick-arrow, #flex1 button.slick-next.slick-arrow {top:auto; bottom: 28px;}	
#flex1 button.slick-prev.slick-arrow{left: 182px;}
#flex1 button.slick-next.slick-arrow {left: 328px;}
#flex1 .slick-dots {left: 215px; bottom: 45px;}	
#flex3 .slick-dots {width: 240px;}	
#flex3 button.slick-next.slick-arrow {left: 430px;}	

.calcontent p {font-size: 14px; text-align: center;}
.missioncontent .rightimg {width: 50%; margin-left: 0px;}	
.missioncontent .leftimg {margin-top: 0px;width: 50%;}	
.missioncontent .leftimg img, .missioncontent .rightimg img {width: 100%; height: auto;}
.missioncontent .rightc p{padding-right: 2%; width: 47%;}
.missioncontent .leftc p{padding-left: 2%; width: 47%; float: right;}	
.rightc::after {clear: both;}
.valuefeatures li:nth-child(4) .leftimg { margin-top: 0px;}	
.valuefeatures li:nth-child(3) p {margin-top: 0px;}	
.rightc p {margin-bottom: 10px;}	
.rightc{padding-bottom: 15px;}
.row.volunteerLists > h3 {padding:0 2%;}	
	
#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow, #flex3 button.slick-prev.slick-arrow, #flex3 button.slick-next.slick-arrow {top:auto; bottom: 28px;}
#flex2 button.slick-prev.slick-arrow {left: 175px;}	
#flex2 button.slick-next.slick-arrow {left: 277px;}	
#flex3 button.slick-prev.slick-arrow {left: 175px;}	
#flex3 button.slick-next.slick-arrow {left: 277px;}	
#flex2 .slick-dots, #flex3 .slick-dots { bottom: 47px;}	
.listawad {width: 50%;}	
.awardclm {width: 100%; margin: 0 5%;}	
.celebrating {width: 90%; margin: 0 5%;}
#presstab .resp-tabs-container, #strategytab .resp-tabs-container, #eventstab .resp-tabs-container{padding: 25px 0;}
#ourmission .infocontainor .calcontent { margin-top: 20px;}
#ourmission .infocontainor .caleninfo {width: 88%;}	
#ourmission .infocontainor .calcontent {width: 12%;}
.jobprofile {margin-left: 3%; margin-top: 0;}
#careers .topmidright p {padding: 20px 0 0px 0;}	
.listawad {width: 50%;}	
.listawad ul { margin: 0; margin-left: 5%; width: 95%;}	
.dc1 {width: 100%; margin-bottom: 25px;}	
.dc2 {width: 100%; margin-bottom: 25px;}	
.dc2 ul {width: 30.33%;}
.donorslist.last .donorclm {width:100%;}
.piechartinfo li em {margin-right: 16px;}
.piechartinfo li i {width: 153px;}	
.mobilecateogryacc > .cateogryheads ul >li > h4.opec.arrwdwn::after {margin-top: -0.2rem; background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}	
#strategytab .strategytabcontent {padding-top: 0;}	
#leadership .infocontainor > .resp-tabs-container { padding: 25px 0;}	
#flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {width: 20px; margin-top: -18px; height: 36px; background-size:100% 100%; bottom:31px;}
.piechartwo {padding-top: 50px;}   
#demoTab .resp-tab-active em {background: url(../images/icon_minus.png)no-repeat center left; width: 16px; height: 16px; display:inline-block; margin-right: 10px;} 
.row.volunteerLists {PADDING-TOP: 35px;}   
.moreopportunitywrap .loadmr {margin-top: 25px;}     
    
#supportersbanner .bannertitlewrapleft h3 {padding-left: 16%; font-size: 18px; padding-top: 15px;}   
#supportab .infocontainor > .resp-tabs-container{padding: 25px 0;}
.charttable {margin-top: 0;}
.valuefeatures li:nth-child(3) p.lastpara { margin-top: 0;}
	
/*--inner22--*/
.toppublicationwrp {width: 100%; padding: 0 2%;}
.publicationpost {width: 100%;}	
.publicationpost img {width: 100%; height: auto; display: block;}	
a.mapimge.fancybox {
    color: #808285;
    text-decoration: none;
    background: url(images/icon_readmore.png) no-repeat right center;
    padding-right: 15px;
	font-size: 15px;
	margin-top: 15px;
	display: block;
}	
a.mapimge.fancybox:hover { color: #808285; text-decoration: none;}		
.mobilecateogryacc > .cateogryheads ul > li > ul {display: none;}	
#mpartners .cateogryheads .searchandfilter > ul > li {padding:0;}	
.mobilecateogryacc > .cateogryheads ul >li h4.opec {padding: 5px 15px 10px 25px;}	
#mpartners .searchandfilter ul>li>ul:not(.children) li label {margin: 0 0 0 25px;}	
	
	
/*--new style--*/			
.donorslist ul li {font-size:14px;}	
.donorslist > ul >li {width: 46%;}		
.donorslist > ul > li {margin-bottom: 25px;}	
#publicationwrap .search-publication-filter {top: 10px; left: 0; margin-left: 0;}
.meetsupportswrap .bannertitlewrapright em {height: 63px;}	 
.section2_tab {margin-bottom: 15px;}    

#ourmission .infocontainor .calcontent {
    width: 100%;
}
#ourmission .infocontainor .calcontent .slick-list {
    overflow-y: hidden;
    height: auto;
}
#ourmission .infocontainor .calcontent .slick-list .slick-track {
    width: auto!important;
    transform: none!important;
    position: relative;
    top: 0px;
    left: 0;
}
.calcontent p {
    font-size: 14px;
    text-align: center;
}

#termsusebanner .bannertitlewrap{ padding-right: .9375rem;padding-left: .9375rem; }
#termsusebanner .bannertitlewrap h3{margin-left:0px; font-size:24px; line-height:28px; padding-right: 15px;}
.sliderwrapper .sliderinfo  {max-width: 90%; margin: 0 auto;}
.mobilecateogryacc .cateogryheads {position:relative;}
.mobilecateogryacc {width:90%;}
button.prev, button.next { display: none;}
article.newapproach ul {border-bottom: 1px solid grey;}
#strategytab h2.resp-accordion {padding: 14px 15px;}
#strategytab .strategytabcontent .tabcontent {padding-top:37px;}
#strategytab .togglecontent .right {padding-left:0px; padding-right:0px;}

.foundationinfowrap .rightinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	
.foundationinfowrap .leftinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	 
.rightinfoimg img{padding-top:22px; margin-top:0px;}
.creteriatabcontent {padding-left:5%; padding-right:5%;}
#leadership h2.resp-tab-active, #leadership h2.resp-accordion.tab_identifier_parent.resp-tab-active {margin-bottom:40px!important; text-align:center;}

#ourmission .infocontainor .calcontent p em {display:none;}
.whycont.searchPage {padding: 50px 2% 30px;}
}	

@media screen and (max-width: 1023px) {
	
	.centering { padding: 0 15px; }
	
	.bannerbox h1 { font-size: 35px; letter-spacing: 4px; }
	.bannerbox h1 strong { font-size: 110px; line-height: 90px; letter-spacing: 3px; }
	.bannerbox img.mainimg { max-width: 1024px; }
	.bannerbox .text img { max-width: 400px; }
	
	.introbar .centering { padding: 30px 15px 30px 15px; }
	.introbar h3 { padding: 0 0 7px 0px; letter-spacing: 0.02em; font-size: 28px; }
	.introbar h4 { padding: 0 0 15px 0px; letter-spacing: 0.04em; font-size: 28px; }
	
	.imgcontentbar .imgcontent, .imgcontentbar .imgcontent.textbg2, .imgcontentbar .imgcontent.textbg3 { width: 33.33%; background-repeat: no-repeat; background-size: cover; height: 250px; }
	/*.imgcontentbar .centering { padding: 250px 0px 0px 0px; }*/
	.imgcontentbar { padding: 250px 0px 0px 0px; }
	.imgcontentbar .imgcontent.textbg2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 250px; }
	
	.stepbar .centering { padding: 40px 15px 50px 15px; }
	.stepbar h4, .stepbar h5 { padding: 0 0 4px 0px; letter-spacing: 0.02em; font-size: 28px; }
	.stepbar h5 { font-size: 20px; padding-bottom: 10px; }
	.stepbar .stepsblock .step span.number { font-size: 60px; }
	.stepbar .stepsblock:before { left: 0px; width: calc(100% - 70px); }
	.stepbar .stepsblock .text h6 { font-size: 22px; letter-spacing: 0.02em; }
	.stepbar .stepsblock .text p { font-size: 14px; }
	.stepbar .stepsblock .step1:before { left: 0px; }
	.stepbar .stepsblock .step { padding-left: 40px; }
	.stepbar .stepsblock .step1 span.number { left: 0px; }
	.stepbar .stepsblock .step2, .stepbar .stepsblock .step3, .stepbar .stepsblock .step4, .stepbar .stepsblock .step5 { padding-left: 40px; }
	.stepbar .stepsblock .text { padding-right: 10px; }
	
	.featuredbar { padding: 40px 0px; }
	.featuredbar h3 { padding-bottom: 30px; }
	.featuredbar .leftlogos { float: none; width: 100%; }
	.featuredbar .rightdetails { float: none; width: 100%; }
	
	.teambar { padding: 50px 0px; }
	.teambar .teamlisint { padding: 0px 0px 70px 15px; }
	.featuredbar .leftlogos li { padding: 28px 0 35px; min-height: 90px; }
	
	
}

@media screen and (max-width: 767px) {
.sliderwrapper .sliderinfo {max-width: 90%; margin: 0 auto;}	
#flex1 button.slick-next.slick-arrow {right:0px; left: 340px; top: auto;}
#flex1 button.slick-prev.slick-arrow {left: 186px; top: auto;}	
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-next.slick-arrow {right: 0; left: 300px;}
#flex2 button.slick-prev.slick-arrow, #flex3 button.slick-prev.slick-arrow {left: 175px;}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {bottom:25px;}
#flex2 .slick-dots, #flex3 .slick-dots {bottom:33px; left: 200px; width: 115px;}	
#flex1 .slick-dots { bottom: 32px;left:220px;}	
.headertopright {margin-right: 15px;}

.tabcontent {width: 90%;}		
.closecc {right: 0px;}	
.modalinfo {margin: 0 0 0 15px;}	
.topmodal {padding: 20px 0;}
.modalinfo li:nth-child(1) {width: 47%; margin-right: 2%;}	
.modalinfo li:nth-child(2) {width: 47%; margin-right: 2%;}
.modalinfo li:nth-child(3) {width: 20%; margin-right: 2%;}	
.modalinfo li h4 {width: 100%;}	
.modalinfo li p {width: 100%;}	
.calltobtn {width: 140px;height: 40px; font-size: 14px;}
.secondarymenu ul li {margin-right: 5%;}
.secondarymenu ul li a {font-size: 13px; }
.singbx li a { padding: 0px 10px;line-height: 40px; height: 40px; width: 125px;}
.singbx li.last a {width: 160px; height: 40px;}	
.sliderinfo {width: 100%;}	
#flex1 .sliderinfo h3 {font-size: 21px; line-height: 25px; padding-top: 10px;}	
#flex1 .sliderinfo p {font-size: 15px; line-height: 20px;}
.wrapinfo2 {min-height: 190px;}	
.leftinfo a {font-size: 14px; line-height: 35px; height: 35px;}	
.leftmat .leftimage, .rightmat .leftimage {width: 100%; float: none; text-align: center;}	
.leftmat .rightcontent, .rightmat .rightcontent {width: 90%; text-align: center; margin: 0 auto;}	
.leftinfo {padding-bottom: 15px;}	
.leftinfo a {font-size: 14px; line-height: 35px; height: 35px;}	
.leftmat .leftimage, .rightmat .leftimage {width: 100%; float: none; text-align: center;}	
.leftmat .rightcontent, .rightmat .rightcontent {width: 90%; text-align: center; margin: 0 auto;}
.modalinfo{width: 90%;} 	
	
	
/*--accordion style update this section css too--*/
.bottomcontainer h2.resp-accordion {text-align: center;}
.bottomcontainer h2.resp-accordion i{font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; font-size: 20px; line-height: 23px; color:#fff; text-align: center; font-style: normal;}	
.bottomcontainer h2.resp-accordion em {background: url(../images/plusicon2.png)no-repeat center left; width: 16px; height: 16px; display: inline-block; margin-right: 10px;}	
.bottomcontainer h2.resp-tab-active {background: #ff950f!important;}	
.bottomcontainer h2.resp-tab-active em {background: url(../images/icon_minus.png)no-repeat center left; width: 16px; height: 16px; display: inline-block; margin-right: 10px;}	
.wrapinfo {min-height: 220px;}
.closecc {bottom:0px;}
	
/*--socialtab--*/
.rightphotslist ul {width: 100%; position: relative;}	
.rightphotslist ul li {width: 31.33%; margin: 0 2% 1% 0;}
.rightphotslist ul li:nth-child(3n){margin-right: 0px;}	
.rightphotslist ul li img {width: 100%; height: auto;}	

.rightfooter {width:auto;}	
.rightfooter > ul > li {padding-right:0; width: 33.33%;}	
.othermenu ul li {padding-right:0;}	
.sliderinfo {width: 100%;}	
.leftblogs {width: 100%; margin: 0 0 15px 0;}	
.bloginfo {width: 80%;}	
.blogimg {width: 15%;}	
.rightphotslist {width: 100%;}	
.othermenu ul li {padding-left: 16%;}	
.socialiconlist {padding-left: 16%;}
.socialiconlist ul li:nth-child(2n)	{margin: 0 10px 8px 0;}
.rightfooter {width: 100%;}	
	
.msliderimage {display: block;}	
.msliderimage img {width: 90%; margin: 0 5% 10px;}	
.logo {margin: 20px auto; display: block; width: 200px;}

.leftfooter {position: relative;float: none;width: 185px; margin: 25px auto;}	
.singbx li a{font-size: 13px;}
.msearchbx .socialh {float: left;}	
#navigation-bar {float: right; width: 158px;}	
#search { width: 170px;}
#input {width: 150px;  right: 5px; display: block;}	
#input input {position: relative; right: 0; width: 150px; color:#909295;}		
	
	
/*--mobilenavigation--*/
.mobnavicon {display: block; background: url(../images/mobnav.png)no-repeat top left; width: 41px; height: 38px; display: block; position: absolute; right: 24px; top:20px;}	
.mobilenavwrap {display: none; width: 100%; background: #efeeef; position: relative;}	
.bottomheaderwrap .singbx,.bottomheaderwrap .secondarymenu, .headertopright {display: none;}
.socialh #navigation-bar {display: none;}	

.mbuttonbx {display: block; width: 100%; position: relative; float: left;  padding-bottom: 20px;}	
.mbuttonbx .singbx {margin: 0 auto; position: relative; text-align: center; width: auto; float: none; padding: 20px 0; display: block;}
	
.msearchbx {display: block; width: 90%; position: relative; text-align: center;}
.msearchbx .socialh {margin: 0 auto;}	
	
.mnavigation {display: block; width: 100%; position: relative; margin-top: 10px;z-index: 1;}	
.mnavigation > ul {list-style: none; margin: 0px; width: 90%; margin: 0 auto;}	
.mnavigation > ul > li {list-style: none; border-bottom: 1px solid #babcbe; padding: 14px 0; position: relative;}	
.mnavigation > ul > li > a { font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; font-size: 19px; line-height: 22px; letter-spacing:0.04em; text-align: left; color:#001a71; font-weight: 400; text-transform: uppercase;}	
.mnavigation > ul > li > a:hover {color:#001a71; text-decoration: none;}
.mnavigation ul li ul {list-style: none; margin: 0px; display: none; width: 100%; position: static; top: 100%; left: 0; z-index: 99;}	
.mnavigation > ul > li ul li {display: block; padding: 0;}	
.mnavigation > ul > li ul li a {color:#808082; text-align: left; font-size: 15px; line-height: 24px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: capitalize;}
.mnavigation > ul > li ul li a:hover {color:#808082; text-decoration: none;}
.mnavigation > ul > li:after {clear: both;}
span.arrow_level1 { width: 16px;  height: 16px; position: absolute;right: 10px; top: 18px; background: url(../images/icon_plus.png)no-repeat top right; display: block;z-index: 99;}
span.arrow_level1:hover {cursor: pointer;}	
.slick-dots {width: 115px;}	
.mnavigation >ul.last-child(margin-bottom:14px;)
	
/*--inner1--*/
	
.topmidleft {width:100%; text-align:center; display:table;}	
.topmidleft h1 {text-align: center; display: table-cell; padding-left: 43px;}	
.eventtab {width: 65%;}	
#eventstab .infocontainor {width: 100%; padding: 0 2%; margin: 0 auto;}
#eventstab .infocontainor h2.resp-tab-active {background: #f8a02b!important;}	
#eventstab .infocontainor h2.resp-accordion {margin-bottom: 10px; border: 0px; }
#eventstab .infocontainor h2.resp-tab-active i, .infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#eventstab .infocontainor h2.resp-tab-active i {color:#fff!important;}
#eventstab .infocontainor h2.resp-accordion i {color: #808285;}	
#eventstab .infocontainor .listblog ul li	{width: 48%;}
	
	
/*--inner3 --*/
.twocolumn ul {width: 96%; padding: 0 2%;}
.twocolumn > ul > li {width: 50%;}
.honoree {width: 96%; padding: 0 2%;}	
.honoreelist li {margin-right: 2%; width: 23%;}	
article.newapproach {width: 96%; padding-right: 2%; padding-left:2%;}
.tickitwrap {width: 100%;}	
.twocolumn {width: 100%; padding-bottom: 30px;padding-top: 62px;}
.moreinfowrap {padding-bottom: 25px;  padding-left: 2%; padding-right: 2%;}	
.moreinfoimage {width: 100%; margin-bottom: 15px;}
.moreinfo {width: 100%; padding-right:0;}	
.sponserswrap h3 {padding: 0 4%;}	
.sponserlevel1 h5, .sponserlevel2 h5 {padding: 0 4%;}
.sponserlevel1 ul li {width: 18%; margin: 0 3%;}
.sponserlevel2 ul li {width: 14%; margin: 0 5%;}	
#flex4 .slick-dots { display: block!important; bottom: -103px; margin-left: -66px; left: 50%;  right: 0;}
.honoreelist li {width: 31%;}
.sponserswrap {padding-top: 25px; width: 96%; margin: 0 auto;}	
.sponserlevel1{margin-bottom: 35px;}
.honoreewrap {padding: 30px 0 42px;}
article.newapproach p {font-size: 14px; line-height: 18px;}	
ul.tbuttons li a {font-size: 16px;}	
.honoreelist li h4, .honoreelist li p, .popuimage h4, .popuimage h5, .popupbx p {padding-right: 5px;}	
.tickitwrap {padding-left: 2%; padding-right:2%;}	
#flex4 button.slick-next.slick-arrow, #flex4 button.slick-next.slick-arrow:hover, #flex4 button.slick-prev.slick-arrow, #flex4 button.slick-prev.slick-arrow:hover {width:35px; height: 35px; margin-top: -17px; }	
#flex4 button.slick-next.slick-arrow, #flex4 button.slick-next.slick-arrow:hover {right: 25px;}	
#flex4 button.slick-prev.slick-arrow, #flex4 button.slick-prev.slick-arrow:hover {left: 25px;}	
	
	
/*--inner4 --*/
.pastaward, .celebrating {width: 90%; margin: 0 auto;}
.pastawardilist li { width: 29%; margin: 0 2% 10px;}
.prevawardrecpt {width: 90%; margin: 0 auto;}	
.nameslist 	 {min-width: auto;}	
#first {width: 48%; margin-right: 2%;}	
#second {width: 50%;}
.moreinfoimage ul li.last img {display: none;}	
.listawad {margin: 0 0 25px;}	
#pollynwrap .topcontactwrp .right em{top: 0px;}	
#pollynwrap .topcontactwrp {padding: 0 0 45px;}	
.pollyinfo{ margin: 72px 0 0;}  		
	
	
	
/*--inner5 --*/
.grantmaking, .granttabwrap  {width: 96%; margin: 0 auto;}	
.leftgrantmaking {width: 65%;}	
.rightgrantmaking {width: 30%;}	
.granspotlightouter {width: 100%;}	
.profileinfo {padding: 0 5% 25px;}
.rightgrantmaking {display: none;}	
.mmap {display: block; width: 100%; position: relative; margin-top: 25px;}	
.mmap #mapopup	{display: block;}
.leftgrantmaking {width: 100%;}		
.mapimge {width: 100%; position: relative;}	
.mapimge img {width: 100%; height: auto; display: block;}	
#grantab h2.resp-accordion {border: 0px; font-size: 16px; line-height: 20px; color:#808285; text-align: center; font-weight: 400; font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; margin: 0 0 10px;}	
#grantab h2.resp-accordion i {font-style: normal;}	
#grantab h2.resp-tab-active	{background: #f8a02b!important;  color:#ffffff;}
#grantab .graninfoleft, #grantab .graninforight {width: 100%; margin-bottom: 15px;}
.grantmakingpopupbx {width: 100%; padding: 50px 5%;}
.grantmakingpopupbx .rightproinfo {width: 32%;}	
.grantmakingpopupbx .leftproinfo {width: 60%;}	
.rightproinfo h2 {font-size: 20px; line-height: 24px;}		
	
/*--inner6--*/
#strategytab h2.resp-tab-active {background: #63c9e6!important; text-align: center;}	
#strategytab h2.resp-accordion {margin-bottom: 10px; border: 0px; text-align: center; }
.infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
.infocontainor h2.resp-tab-active i	{color:#fff;}
#strategytab h2.resp-tab-active i {color:#fff!important;}
#strategytab h2.resp-accordion i {color: #808285;}		
.strategytabcontent .tabcontent {padding: 40px 5% 45px;}
.strategytabcontent {width: 100%; margin: 0 auto;}
.strategytabcontent .togglepanle {padding: 0 5%;}	
.togglecontent .right  {padding-bottom: 25px;}		
.togglecontent p {font-size: 14px;}	
	
	
/*-- inner 7 --*/
#mpartners::before {left: -75px; z-index: -1;}	
#mpartners::after {right: 0px; z-index: -1;}	
.topmidright {width: 100%;}	
.cateogryheads {width: 90%; margin: 0 auto;}
.cateogryheads > li {width: 100%;}	
.allgranteecontain {width: 90%; margin: 0 auto;}	
.granteeslist > li {width: 31%; margin-right: 2%;}	
.cateogryheads >li >ul {position: static;}	

.mobilecateogryacc {display: block; width:90%;  position: relative; margin: 0 auto 45px;}	
.categoryaccordion {display: none;}	
.cateogryheads >li >ul >li {width: 90%;position: relative;}	
.mobilecateogryacc .cateogryheads {margin: 0 auto; }
.mobilecateogryacc .cateogryheads >li >ul >li	{width: 90%;}
.mobilecateogryacc > .cateogryheads >li{background: #fab215; margin-bottom: 2px;  transition:all 500ms ease;-webkit-font-smoothing: antialiased;}
.mobilecateogryacc .cateogryheads >li >ul {display: none; margin: 0 auto; width: 100%; background: #ff8f10; padding: 20px 5% 10px;}	
.expanded {height: 0px;}
ul.expanded {height: auto;transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}	
.mobilecateogryacc .cateogryheads >li >ul {position: static;}
.mobilecateogryacc .cateogryheads > li { width:90%; margin: 0 5%;}
.mobilecateogryacc .cateogryheads >li >ul >li {width: 100%;display: block; position: relative; text-align: left; margin: 0 auto;}
.mobilecateogryacc .cateogryheads >li >a {font-size: 20px; line-height: 25px; color:#fff; text-align: left; font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; padding: 18px 0; display: inline-block; position: relative; margin: 0 auto 0 5%; width: auto; padding-right: 15px;}	
	
/*-- inner8 ---*/
#creteriatab h2.resp-tab-active	{background: #00c293!important; color:#FFF;}
#creteriatab h2.resp-accordion:first-child	{border-top: 0px;}
.creteriatabwrap {width: 90%; margin: 0 auto;}	
#creteriatab h2.resp-accordion {border-top: 0px; border: 0px; margin-bottom: 10px; background: #808285;}	
#creteriatab .creteriatabcontent {padding-top: 30px;}
.foundationinfowrap .rightinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	
.foundationinfowrap .leftinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	 
.rightinfoimg img{padding-top:22px; margin-top:0px;}	
	
/*--inner9--*/
.moreopportunity, #voluteering .voluteeringfowrap {width: 90%; margin: 0 5%;}
.voluteeringfowrap .rightinfo {padding: 0; margin-bottom: 30px;}
.voluteeringfowrap .leftinfo {padding: 0px;}	
.moreopportunity .leftside {width:100%;}	
.moreopportunity .rightside	{width: 100%; margin-bottom: 13px; padding: 0;}
.moreopportunity { margin-bottom: 30px;}
.voluteeringfowrap h3 {padding-top:25px;}
.moreopportunitywrap .moreopportunity {margin-bottom: 22px;}
	
/*--inner10--*/
#internship	.internshipwrap {width: 90%; margin: 0 5%; z-index: 1; position: relative;}	
#internship .topmidright {width: 90%; margin: 0 5%; float: none; padding: 15px 0 15px; display: inline-block;}
#internship .topmidright p { padding: 25px 0 20px; margin: 0 auto;}	
.internshipwrap h5 {margin-bottom: 30px;}
.internshipwrap .leftinfo {margin:0 0 10px;}
	
/*--inner11--*/
.leadershiptabinfo {width: 90%; margin: 0 5%;}	
#leadership h2.resp-accordion, #leadership h2.resp-accordion:first-child {border-top:none; background: #e0e1e2!important; margin-bottom: 10px;}	
#leadership .leadershiptabinfo {width: 100%; padding: 10px 5% 25px;}	
#leadership .leaderlist > li > ul li	{padding-right: 5%;}
#leadership h2.resp-tab-active , #leadership h2.resp-accordion.tab_identifier_parent.resp-tab-active{color:#fff!important;  background: #00c293!important;}	
#leadership .leadershiptabinfo h3 {margin-bottom: 12px;}	
.leaderlist {margin: 0 auto 25px;}	
#leadership .infocontainor {width: 90%; margin: 0 5%;}	
#leadership h2.resp-accordion {border: 0px;}
	
/*--innner18--*/
.waysmatter {width: 96%;}		
#wresources .righttopbgwrap em, #wayustowrap .topcontactwrp .right em {display: none;}
#wayustowrap .topright { margin-top: 40px;}
#wayustowrap .topcontactwrp .left h3 {padding: 40px 0 15px;}	
#wayustowrap .topright {margin: 0 0;}	
.waysmatter > ul > li {width: 100%; margin-right: 0px; margin-bottom: 15px;}	
#wayustowrap .topright {padding-top: 30px;}	
#pollynwrap .topcontactwrp .right em {top: 0;}	
	
	
/*--innner19--*/
.sliderimageleft {width: 100%; margin-right: 0%; margin-bottom: 15px;}	
.sliderimageright {width: 100%;}	
.sliderwrap {width: 90%;}	
#supportab {width: 100%!important; padding: 25px 5%!important;}	
#supportab .eventtab {width: 66%;}
#supportab .eventtab ul {margin: 0 0 0 28px;}
#supportab .supportab h1 {margin: 0px; height: auto;}	
.individualdonrs {padding: 0 5% 0;}	
.donorslist ul li.last {padding-bottom:0px;}
.donorslist > ul > li{margin-bottom:0px;}
	
#supportab h2.resp-accordion {background: #e0e1e2!important; border-top: 0px; border: 0px; margin-bottom: 10px;}
#supportab h2.resp-accordion .resp-tab-active {background: #ee533f!important;}
#supportab h2.resp-accordion.resp-tab-active {background: #ee533f!important; color:#fff;}		
#topsupportsect	.bannertitlewrapright {display: none;}	
#supportab .topmidleft {display: none;}
.donorclm {width: 50%;  margin-bottom: 15px;}	
#supportersbanner button.slick-prev.slick-arrow, #supportersbanner button.slick-next.slick-arrow { top: 80px;}	
#supportersbanner .slick-dots {width: 180px; top: 272px; position: absolute; left: 50%; margin-left: -90px;}
#supportersbanner .slick-dots li:hover { cursor: pointer; z-index: 999;}
#supportersbanner .slick-dots li {background: #5d6b99;}
#supportersbanner .slick-dots li.slick-active {background: #ee533f;}
#supportersbanner .sliderimageright { padding-top: 60px;}	
#supportersbanner .sliderimageleft	{width: 100%; height: 250px;}
#supportersbanner .sliderimageleft img {object-fit: cover; height: 100%;}
#supportersbanner button.slick-prev.slick-arrow {left: 10px;  background: url(../images/prev_msliderarw.png)no-repeat top left; width: 36px; height: 36px; margin-top: -18px; left: 15px; top: 125px;}	
#supportersbanner button.slick-next.slick-arrow {right: 10px; background: url(../images/next_msliderarw.png)no-repeat top right; width: 36px; height: 36px; margin-top: -18px; right: 15px; top: 125px;} 	
.firstdonors ul li a { display: inline-block;}	
.firstdonors ul li img {display: block;}
.firstdonors ul li { margin: 0 2% 15px 0;  width: 30.33%;}
.firstdonors ul li { width: 21%;} 	
	
/*--inner20--*/
.piechartone {width: 100%;}	
.piechart1 spna.title, .piechart2 spna.title {font-size: 16px;line-height: 24px;}	
.piechart1 span.count1 {left: -52%; width: 85px;}
.piechart2 span.count1 {left: -48%; width: 75px;}
.piechart1 span.count2, .piechart2 span.count2 {top: -15px;left: -57%;}
.piechart1 span.count4 {top: -50px; right: 22%;}
.piechart1 span.count3 {left: 146px; top: -32px;}
.piechartinfo li em {margin-right: 18px;}
.piechartinfo li em, .piechartinfo li i, .piechartinfo li b {font-size: 14px; line-height: 20px;}
.piechartinfo li i {width: 183px;margin-right: 1px;}	
.piechart3 span.count1 i, .piechart3 span.count2 i, .piechart3 span.count3 i, .piechart3 span.count4 i, .piechart3 span.count5 i, .piechart3 span.count6 i {font-size: 13px; line-height: 16px;}	
.piechartwo .piechartimg img {float: none; margin: 0 auto; width: 100%;}	
.piechart3 span.count1 {bottom: -16px;right: 5%;}	
.piechart3 span.count6 {right: 5%;top: -28px;}
.piechart3 span.count2 {bottom: -48px;}	
.piechart3 span.count4 i {padding-right: 0;}
.piechart3 span.count4 em {float: none;}
.piechart3 span.count3 {width: 90px; left: 5px;}	
.piechartimg.piechart3 {width: 90%; float: none; margin-bottom: 75px;}	
.piechartwo .piechartinfo {width: 100%; float: none;}	
.piechart1 span.count1 { left: 0; width: 85px;}
.piechart1 span.count2, .piechart2 span.count2 {left: 0px;}	
.piechart1 spna.title, .piechart2 spna.title {font-size: 20px; line-height: 24px;}
.piechartimg.piechart2 {margin-top: 65px;}	
.piechartwo .piechartinfo { width: 90%; float: none; margin: 0 5%;}	
.piechartwo  .piechartinfo li i	{width: 66%;}
.charttable {top: 0; margin-top: 50px;}
#pollynwrap .topcontactwrp .right em {top: 0;}	
#pollynwrap .topcontactwrp {padding: 0 0 45px;}
	
/*-- inner16--*/
.cmap {width:90%; margin: 0 auto;}	
#cntnwrap section.topcontactwrp .left.columns { padding-right: 5%;}	
#cntnwrap .topcontactwrp .right {margin-top: 0;  padding: 50px 0 0;}	
#cntnwrap .topcontactwrp .right em {top: 0px;}	
.bottomcontactwrap .formcontent > li:nth-child(3n) {margin: 0 5% 1rem; width: 90%;}	
.bottomcontactwrap .formcontent > li { margin: 0 5% 1rem; width: 90%;}	
.bottomcontactwrap .formcontent > li .inputx{ margin: 0 0 15px; width: 100%;}	
.bottomcontactwrap .formcontent > li.last {text-align: left;}		
	
/*--inner14--*/
.termscoditions {margin: 0 auto; float: none; width: 90%;}	
.righttopbgwrap em, #cntnwrap .topcontactwrp .right em, #wayustowrap .topcontactwrp .right em {top: 0;}	
#pollynwrap .topcontactwrp .right em {top: 0px;}	
	
/*--inner12 --*/
.calenderimage em {left: auto; top: auto;  z-index: 0; bottom: -10px; right: -21px;}
.calenderin {margin-left: 0px;}	
h2.resp-accordion.tab_identifier_parent.resp-tab-active {background:#ed3e32;}
#presstab h2.resp-tab-active, #presstab h2.resp-tab-active i{color:#fff!important; z-index: 2; position: relative;  }
.tabcontent {width: 100%;}	
.missioncontent .rightimg { margin-left: 5%;  width: 50%;}	
.missioncontent .leftimg {  width: 47%;    margin-top: -64px;}	
.valuefeatures li .images em {width: 100%; height: 100%;}
.valuefeatures li:nth-child(4) .leftimg { margin-top: -44px;}
.valuefeatures .leftc p	{padding-top: 20px;}
.calendercontent.historyslider .calcontent {float: right; margin-top: 75px;} 
#ourmission	.infocontainor > .resp-tabs-container {width: 90%; margin: 0 auto; padding: 25px 0;}	
#ourmission	.infocontainor h2.resp-accordion{margin-bottom: 10px;}	
	
	
/*-- inner13--*/
.jobprofile {width: 30%; margin-left:2%;}	
.jobinformation ul {width: 94%; margin: 0 3%;}		
.jobinformation ul li {padding: 0 4% 0 0; width: 46%}	
	
.calcontent p {font-size: 14px; text-align: center;}
.missioncontent .rightimg {width: 50%; margin-left: 0px;}	
.missioncontent .leftimg {margin-top: 0px;width: 50%;}	
.missioncontent .leftimg img, .missioncontent .rightimg img {width: 100%; height: auto;}
.missioncontent .rightc p{padding-right: 2%; width: 47%;}
.missioncontent .leftc p{padding-left: 2%; width: 47%; float: right;}	
.rightc::after {clear: both;}
.valuefeatures li:nth-child(4) .leftimg { margin-top: 0px;}	
.valuefeatures li:nth-child(3) p {margin-top: 0px;}	
.rightc p {margin-bottom: 10px;}	
.rightc{padding-bottom: 26px;}	
.row.volunteerLists > h3 {padding:0 4%;}	
	
#flex2 button.slick-prev.slick-arrow, #flex2 button.slick-next.slick-arrow, #flex3 button.slick-prev.slick-arrow, #flex3 button.slick-next.slick-arrow  {top:auto; bottom: 20px;width: 20px; height: 36px;margin-top: -18px; background-size: 100% 100%;}
#flex2 button.slick-next.slick-arrow, #flex3 button.slick-prev.slick-arrow, #flex3 button.slick-next.slick-arrow {top:auto; bottom: 20px; width: 20px; height: 36px; margin-top: -18px; background-size: 100% 100%;}
#flex2 .slick-dots, #flex3 .slick-dots { bottom: 14px; width: 80px;}    
#flex2 button.slick-next.slick-arrow {left: 275px;} 
#flex2 button.slick-prev.slick-arrow { left: 175px;}    
#flex3 button.slick-next.slick-arrow  {left: 285px;} 	
#flex3 button.slick-prev.slick-arrow { left: 175px;}	
.jobprofile { width: 94%;margin: 0 3%;}	
	
#presstab::after {border-width: 0 0 314px 230px;}	
.listawad {width: 50%;}	
.awardclm {width: 100%; margin: 0;}	
.celebrating {width: 90%; margin: 0 5%;}
#presstab .resp-tabs-container	{padding: 25px;}	
#presstab h2.resp-accordion {margin-bottom: 10px;}
#strategytab .resp-tabs-container { padding: 25px;}	
span#loadMore {padding: 10px 0;}	
#ourmission .infocontainor .calcontent { margin-top: 30px;}	
#ourmission .infocontainor .caleninfo {width: 100%;}	
#ourmission .infocontainor .calcontent {width: 100%;}
#ourmission .infocontainor .calcontent .slick-list {overflow-y: hidden; height: auto;}
#ourmission .infocontainor .calcontent .slick-list .slick-track {width: auto!important; transform: none!important; position:relative; top: 0px; left: 0;}
#ourmission .infocontainor .calcontent .slick-list .slick-track .slick-slide:focus {outline: none;}
#ourmission .infocontainor .calenderin h4 {margin-left: 10px;}	
#careers .topmidright p {padding: 20px 0 0 0;}
.listawad.first, .listawad.listtw {width: 100%;}
#presstab span#loadMore {padding: 10px 0;}
.closecc { bottom: -18px;}	
.dc1 {width: 100%; margin-bottom: 25px;}	
.dc2 {width: 100%; margin-bottom: 25px;}	
.dc2 ul {width: 46%;}
.donorslist.last .donorclm {width:100%;}
.donorslist.last .donorclm ul {width: 50%; margin-bottom: 15px;}	
.piechartinfo li b { display: inline-block; width: 90px; text-align: right;}	
	
.mobilecateogryacc {display: block; width: 90%;  position: relative; margin: 0 auto 45px;}	
.categoryaccordion .cateogryheads {display: none;}	
.cateogryheads >li >ul >li {width: 90%;position: relative;}	
.mobilecateogryacc .cateogryheads {margin: 0 auto; display: block; }
.cateogryheads >li >ul >li	{width: 90%;}
.mobilecateogryacc > .cateogryheads ul {margin: 0; width: 100%; list-style: none; }
.mobilecateogryacc > .cateogryheads ul > li > ul {background: #ff8f10; list-style: none; margin: 0px; width: 100%; padding-left: 0px; float: left; height: auto;  padding-bottom: 15px; display: none;}	
.mobilecateogryacc > .cateogryheads ul > li > ul > li {background: #ff8f10;}	
.mobilecateogryacc > .cateogryheads ul >li {width: 100%; float: left; height: auto; background: #fab215; position: relative; min-height: 1px;}	
.mobilecateogryacc > .cateogryheads ul >li h4{ margin-bottom: 0; transition:all 500ms ease;-webkit-font-smoothing: antialiased;    line-height: 25px; width: auto; color:#fff; padding-left: 25px; display: inline-block;
 padding-right: 15px; position: relative;}
.mobilecateogryacc .cateogryheads >li >ul {display: none; margin: 0 auto; width: 100%; background: #ff8f10; padding: 20px 5% 10px; }	
.expanded {height: 0px;}
ul.expanded {height: auto;transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}	
.mobilecateogryacc .cateogryheads >li >ul {position: static;}
.mobilecateogryacc .cateogryheads > li { width:90%; margin: 0 5%;}
.mobilecateogryacc .cateogryheads >li >ul >li {width: 100%;display: block; position: relative; text-align: left; margin: 0 auto;}
.mobilecateogryacc .cateogryheads >li >a {font-size: 20px; line-height: 25px; color:#fff; text-align: left; font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; padding: 18px 0; display: inline-block; position: relative; margin: 0 auto 0 5%; width: auto; padding-right: 15px;}	
.mobilecateogryacc > .cateogryheads ul >li > h4.opec.arrwdwn::after {margin-top:0; background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}		
.mobilecateogryacc .cateogryheads ul li ul	{display: none;}
.piechartinfo.piechartinfo2 li { float: left; width: 100%;}	
#presstab .resp-tabs-container, #strategytab .resp-tabs-container, #eventstab .resp-tabs-container{padding: 40px 0;}	
#mapopup {width: 100%; padding: 0 12px;} 
.grantmakingpopupbx .leftproinfo {width: 100%;}	
.grantmakingpopupbx .rightproinfo {width: 100%;}	
#strategytab .strategytabcontent {padding-top: 0;}	
#strategytab .infocontainor {width: 90%; margin: 0 auto;}	
span.video_thumb {
    height: 50px;
    position: absolute;
    z-index: 99999;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 50px;
    left: 50%;
    margin-left: -25px;
	background-size: 100% 100%;
}
#presstab h2.resp-tab-active {
    background: #ee533f!important;
}
#leadership .infocontainor > .resp-tabs-container {padding: 25px 0;}	
#flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {width: 15px; margin-top: -15px; height: 30px; background-size:100% 100%; bottom:24px;}
#demoTab .resp-tab-active em {background: url(../images/icon_minus.png)no-repeat center left; width: 16px; height: 16px; display:inline-block; margin-right: 10px;}
.row.volunteerLists {PADDING-TOP: 35px;}
.moreopportunitywrap .loadmr {margin-top: 25px;} 
#supportersbanner .bannertitlewrapleft h3 {padding-left: 16%; font-size: 18px; padding-top: 15px;}   
#supportab .infocontainor > .resp-tabs-container{padding: 0 0;}    
.valuefeatures li:nth-child(3) p.lastpara { margin-top: 0;}   
#supportab h2.resp-accordion {text-align:center;}
#supportab .section1_tab p {padding-top: 27px;}
.section1_tab p{line-height:22px;}
	
/*--inner22--*/
.toppublicationwrp {width: 100%; padding: 0 2%;}
.publicationpost {width: 100%;}	
.publicationpost img {width: 100%; height: auto; display: block;}
	
a.mapimge.fancybox {
    color: #808285;
    text-decoration: none;
    background: url(images/icon_readmore.png) no-repeat right center;
    padding-right: 15px;
	font-size: 15px;
	margin-top: 15px;
	display: block;
}	
a.mapimge.fancybox:hover { color: #808285; text-decoration: none;}
.mobilecateogryacc > .cateogryheads ul > li > ul {display: none;}	
	
#mpartners .cateogryheads .searchandfilter > ul > li {padding:0;}	
.mobilecateogryacc > .cateogryheads ul >li h4.opec {padding: 10px 15px 10px 25px;}	
#mpartners .searchandfilter ul>li>ul:not(.children) li label {margin: 0 0 0 25px;}	
	
/*--new style--*/		
.donorslist ul li {font-size:13px;}
.donorslist > ul >li {width: 46%;}		
.donorslist > ul > li {margin-bottom: 25px;}	
#publicationwrap .search-publication-filter {top: 10px; left: 0; margin-left: 0;}
.searchandfilter > ul > li.sf-field-taxonomy-publication_category { background: none; width: 245px;}    
.section2_tab {margin-bottom: 15px;}      

.mobilecateogryacc > .cateogryheads ul > li > ul {display: none;}	
#mpartners .cateogryheads .searchandfilter > ul > li {padding:0;}	
.mobilecateogryacc > .cateogryheads ul >li > h4.opec.arrwdwn::after {margin-top: -0.39rem; background: url('http://dev.gbtesting.us/test/wp-content/uploads/2017/03/icon_whitereadmr-up.png')no-repeat top left;}	

.mobilecateogryacc > .cateogryheads ul >li h4.opec {padding: 10px 15px 10px 25px;}	
#mpartners .searchandfilter ul>li>ul:not(.children) li label {margin: 0 0 0 25px;}	    
.mobilecateogryacc > .cateogryheads ul > li { width: 100%!important;}  
#termsusebanner .bannertitlewrap {padding-left: .9375rem; padding-right:.9375rem;}
.mnavigation{padding-bottom: 14px;}
.mnavigation > ul:nth-child(2) > li.last {border-bottom:0px;}

.mobilenavwrap::before{width: 0; height: 0; border-style: solid; border-width: 182px 80px 0 0; border-color: #e4e5e6 transparent transparent transparent; position: absolute;
 top: 0; left: 0; content: "";z-index: 0;}
.mobilenavwrap::after {width: 0; height: 0; border-style: solid; border-width: 0 0 200px 200px; border-color: transparent transparent #e4e5e6 transparent;content: ""; bottom:0; right:0;position: absolute;z-index: 0;}
 .mobilecateogryacc .cateogryheads {position:relative;}
 .mobilecateogryacc {width:90%;}
 button.prev, button.next { display: none;}
.wrapinfo {min-height: 240px;}
.bottomcontainer {padding-bottom:50px;}

#presstab h2.resp-tab-active,#presstab h2.resp-accordion {padding: 14px 15px !important;}
#presstab .resp-tabs-container {padding:35px 0 61px;}
#eventstab h2.resp-tab-active,#eventstab h2.resp-accordion {padding: 14px 15px !important;}
article.newapproach ul {border-bottom: 1px solid grey; padding:0;}
#strategytabs {padding-top:0px;}
#strategytab h2.resp-accordion {padding: 14px 15px;}
#strategytab .togglecontent .right {padding-left:0px; padding-right:0px;}
#mpartners .topmidright p {padding:40px 0;}
.mobilecateogryacc > .cateogryheads ul > li > ul {padding: 12px 0;}
.creteriatabcontent {padding-left:5%; padding-right:5%;}
#creteriatab .creteriatabcontent {padding-top: 25px;}
#funding .topmidright { margin-bottom: 8px;}
#funding .leftinfo a {line-height:19px; height:auto;}
.listspecification{margin:0;}
.foundationinfowrap .leftinfo {padding-bottom:0px;}
#leadership h2.resp-tab-active, #leadership h2.resp-accordion.tab_identifier_parent.resp-tab-active {margin-bottom:40px!important;  text-align:center;}
#ourmission .infocontainor .calcontent p em {display:none;}

#demoTab .bottomcontaine h2.resp-tab-active{padding: 17px 15px;}
#demoTab .bottomcontainer h2.resp-accordion {padding: 17px 15px;}
#presstab .resp-tabs-container{padding: 40px 0 61px;}
.whycont.searchPage {padding: 50px 2% 30px;}
.rightside {  width: 100%; float: none; display: inline-block; margin-bottom: 25px; }
.leftside h5 { padding-top: 15px; }
.leftside {  width: 100%; float: none; display: inline-block; padding: 0 57px 20px; }
.rightside img { width: 100%; max-width: 540px; margin: 0 auto; }

.bannerbox .text { top: 22px; }
.bannerbox .text img { max-width: 300px; }
.bannerbox h1 { font-size: 20px; }
.bannerbox h1 strong { font-size: 60px; line-height: 50px; letter-spacing: 3px; word-spacing: -10px; }
.bannerbox img.mainimg { max-width: 130%; }
.bannerbox .centering { padding: 100px 0px 0px 0px; }

.introbar h3, .introbar h4 { font-size: 20px; }
.introbar p { padding-left: 0px; font-size: 14px; line-height: 20px; }

.imgcontentbar .imgcontent.textbg1 { width: 50%; }
.imgcontentbar .imgcontent.textbg3 { width: 100%; }
.imgcontentbar .imgcontent.textbg4 { position: absolute; right: 0px; top: 250px; width: 50%; }
.imgcontentbar p { font-size: 11px; line-height: 15px; font-weight: 600; }

.stepbar .centering { padding: 30px 15px 40px; }
.stepbar h4 { font-size: 20px; }
.stepbar h5 { font-size: 16px; }
.stepbar .intro { padding-bottom: 20px; }
.stepbar .stepsblock:before { left: 7px; width: 1px; top: 40px; height: calc(100% - 70px); border-top: 0px; border-left: #babdd7 solid 1px; }
.stepbar .stepsblock .step { float: none; width: 100%; padding: 21px 0px 18px 84px; }
.stepbar .stepsblock .step2, .stepbar .stepsblock .step3, .stepbar .stepsblock .step4, .stepbar .stepsblock .step5 { float: none; width: 100%; }
.stepbar .stepsblock .step1 span.number, .stepbar .stepsblock .step span.number { left: 30px; top: 0px; display: block; line-height: 90px; font-size: 90px; }
.stepbar .stepsblock .text { padding-right: 0px; max-width: 200px; }
.stepbar .stepsblock .text p { font-size: 17px; }
.stepbar .stepsblock .step:before { top: 35px; left: 0px; }
.stepbar .stepsblock .step2 { padding: 34px 0px 25px 84px; }
.stepbar .stepsblock .step3 { padding: 5px 0px 10px 84px; }
.stepbar .stepsblock .step4 { padding: 34px 0px 18px 84px; }
.stepbar .stepsblock .step5 { padding: 34px 0px 18px 84px; }

.featuredbar h3 { font-size: 20px; }
.featuredbar { padding: 32px 0px; }
.featuredbar .blockbg { position: relative; }
.featuredbar .leftlogos ul { padding: 0px; }
.featuredbar .hideondesktop { display: block; float: left; max-width: 96px; margin-right: 18px; }
.featuredbar .rightdetails .featured { padding-top: 52px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e8e8f2; }
.featuredbar .rightdetails .quote .leftimg { display: none; }
.featuredbar .rightdetails .quote .rightext { padding: 20px 18px 20px 18px; float: none; width: 100%; min-height: 205px; overflow: hidden; }
.featuredbar .rightdetails .text { padding: 0px 20px 10px 20px; height: calc(100% - 215px); margin-bottom: 10px; overflow: auto; width: 96%; }
.featuredbar .rightdetails .text::-webkit-scrollbar { width: 1em; }
.featuredbar .rightdetails .text::-webkit-scrollbar-track { background: #fff; }
.featuredbar .rightdetails .text::-webkit-scrollbar-thumb {  background-color: #9ca1c7; outline: 1px solid #9ca1c7; }
.featuredbar .rightdetails .quote p { font-size: 12px; line-height: 16px; padding-bottom: 0px; }
.featuredbar .rightdetails .quote span.name { font-size: 11px; }
.featuredbar .rightdetails .text img { max-width: 210px; margin-bottom: 15px; }
.featuredbar a.close { display: block; width: 44px; height: 44px; position: absolute; right: 0px; top: 0px; font-size: 0px; background: #f1523f; }
.featuredbar a.close:after, .featuredbar a.close:before { content: ""; position: absolute; left: 11px; top: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; height: 3px; background: #FFF; }
.featuredbar a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.teambar .teamlisint { padding: 0px 0px 50px 0px; }
.teambar ul li { text-align: center; }
.teambar .teamlisint ul.slick-dots { margin-top: 15px; float: none; width: 100%; overflow: auto; }
.teambar .teamlisint .slick-dots { text-align: center; }
.teambar .teamlisint .slick-dots li { padding: 0px; display: inline-block; }
.teambar .teamlisint .slick-dots li button { background: #c4c9d8;}
.teambar .teamlisint .slick-dots li.slick-active button {background: #ed523e;}

.featuredbar .leftlogos li { padding: 25px 0 25px; float: none; width: 100%; text-align: center; }
.featuredbar .leftlogos li a { display: inline-block; vertical-align: middle; max-width: 100%; }
.featuredbar .leftlogos li a img { height: 70px; width: auto; max-width: inherit; }
.featuredbar .leftlogos ul.slick-dots { padding: 10px 0px 30px; margin: 0 auto; float: none; width: 100%; overflow: auto; }
.featuredbar .leftlogos .slick-dots { text-align: center; }
.featuredbar .leftlogos .slick-dots li { padding: 0px; display: inline-block; clear: none; float: none; padding: 0px; width: 22px; min-height: inherit; }
.featuredbar .leftlogos .slick-dots li button { background: #c4c9d8;}
.featuredbar .leftlogos .slick-dots li.slick-active button {background: #ed523e;}

.featuredbar .leftlogos { min-height: 600px; }

}



@media screen and (max-width: 639px) {	
.address p, .rightfooter h6, .rightfooter h5, .othermenu ul li a {font-size: 15px;}	
.othermenu ul li {width: 100%; margin-right: 0px;}	
.internshipwrap .leftinfo {margin: 0 0 10px; float: none; padding: 0;}	
.internshipwrap .rightinfo{margin: 0 0 10px; float: none; padding: 0;}	
	
/*--inner21--*/
#joincle .righttopbgwrap em {top: 0;}
#joincle .bottommaincontet .rightcontent ul li {width: 100%;}
#joincle .bottommaincontet .rightcontent ul li img {width: 100%; margin: 0 auto;}

/*--innner15 --*/
.womanresources .right { margin: 0 0 25px;}	
.womanresources p {margin-bottom: 20px;}
	
	
/*--inner14--*/
.termscoditions {margin: 0 auto; float: none; width: 90%;}		
	
/*--innner12--*/
.infocontainor h2.resp-accordion i { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#ourmission h2.resp-tab-active i {color:#fff!important;}
#ourmission h2.resp-accordion i {color: #808285;}	
#ourmission .missioncontent .rightimg	{margin-left: 0px;}
#ourmission .missioncontent .leftimg {margin-top: 0px;}	
.valuefeatures li p{padding-right: 0px;padding-top: 15px; margin-bottom: 38px; float: left;}	
.valuefeatures .leftc p	{padding-left: 0px; padding-top: 5px; margin-bottom: 38px;}
.valuefeatures li:nth-child(3) p {margin-top: 10px; margin-bottom: 15px;}	
.valuefeatures li .images {margin-bottom: 25px;}	
.calenderin {width: 100%;}	
.calenderimage img {margin-left: 0px;}	
.calcontent .slider {margin-top: 46px;}
#ourmission .calendercontent.historyslider .calcontent .slick-track	{transform:none!important;}
.calendercontent.historyslider .slider {margin-top: 15px;}	
#ourmission .calendercontent.historyslider .calcontent .slick-track { width: auto!important;}
.calenderimage em {right: -13px;}	
.calenderin ul {margin: 0 0 0 5px;}	
.valuefeatures .calenderinfo {margin: 0 0 50px;}	
	
	
/*-- inner13--*/
.jobprofile {width:100%; margin-left:2%;}	
.jobinformation ul {width:100%; margin:0;}	
.jobinformation ul li {padding: 0 0 25px 0; width: 100%}		
	

.righttopbgwrap em, #cntnwrap .topcontactwrp .right em, #wayustowrap .topcontactwrp .right em,#pollynwrap .topcontactwrp .right em {top: 0px;}	
#ourmission .infocontainor .calenderin h4 {margin-left: 0px;}	
.jobinformation, .jobprofile {width: 94%; margin: 0 3%;}
.dc1 {width: 100%; margin-bottom: 25px;}	
.dc2 {width: 100%; margin-bottom: 25px;}	
.dc2 ul {width: 100%; margin: 0 0 15px;}
.donorslist.last .donorclm {width: 100%;}	
.piechartwo  .piechartinfo li i {width: 68%;}	
.piechartinfo li b { display: inline-block; width: 90px; text-align: right;}	
.womanresources .right a {float: left; margin: 0 5%;}	
#supportersbanner .bannertitlewrapleft h3 {padding-left: 5%;}    
.closecc { right: -30px;} 
.valuefeatures li:nth-child(3) p.lastpara {width: 100%;}    
	
	
/*--inner22--*/
.toppublicationwrp{padding: 0;}	
#publicationwrap .toppublicationwrp .right p {padding-left: 0px;}	
#publicationwrap .toppublicationwrp .right em {top: 0px;}
.toppublicationwrp .topright {margin-top: 50px;}		
#publicationwrap .search-publication-filter { padding-left: .9rem;}

.foundationinfowrap .rightinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	
.foundationinfowrap .leftinfo {width: 100%; padding-right: 5%; padding-left: 5%; padding-top:15px;}	 
.rightinfoimg img{padding-top:20px; margin-top:0px;}
.foundationinfowrap .leftinfo {padding-bottom:0px;}
.moreopportunity { margin-bottom: 30px;}
.voluteeringfowrap h3 {padding-top:25px;}
#ourmission .resp-tab-active, #ourmission	.infocontainor h2.resp-accordion {text-align:center;}
#ourmission .infocontainor .calcontent .slick-current p em {display:none;}
#ourmission .infocontainor .calcontent p em {display:none;}
.calenderinfo .calenderin h4{margin-top:0px; }
/*--------4-12-17------*/
/*-------Popupbox------*/
.modalconent { background: transparent; width: 100%; padding: 0 15px; box-sizing: border-box; margin-top: 28px; }
.popupbox { width: 100%; }
.leftside { width: 100%; float: none; display: inline-block; padding: 0 15px 15px; }
.leftside p { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 18px; text-align: left; color: #fff; font-weight: 400; margin: 0 0 30px; }
.rightside { width: 100%; float: none; display: inline-block; margin-bottom: 0; }
.rightside img { width: 100%; max-width: 540px; margin: 0 auto; }
/*--------End 4-12-17------*/

/*.imgcontentbar .centering { padding: 325px 0px 0px 0px; }*/
.imgcontentbar { padding: 325px 0px 0px 0px; }
.imgcontentbar .imgcontent, .imgcontentbar .imgcontent.textbg2, .imgcontentbar .imgcontent.textbg3 { height: 325px; }
.imgcontentbar .imgcontent.textbg2 { height: 325px; }
.imgcontentbar .imgcontent.textbg4 { top: 325px; }

.bannerbox .text img { max-width: 200px; }
.bannerbox .centering { padding: 74px 0px 0px 0px; }
.bannerbox img.mainimg { max-width: 190%; margin-right: -110px; }


}

@media screen and (max-width: 599px) {
.rightfooter > ul > li {width: 100%; margin-bottom:20px; }
.address p, .rightfooter h6, .rightfooter h5, .othermenu ul li a {text-align: center;}	
.othermenu {width: 100%; text-align: center;}
.othermenu ul {border-top:1px solid #5a5758; border-bottom:1px solid #5a5758; padding: 18px 0;}	
.othermenu ul li {padding-left: 0px; }
.rightfooter > ul > li	{border-right: 0px;}
.socialiconlist {width: 100%; text-align: center; padding-left: 0px;}	
.socialiconlist ul {margin: 0 auto;}	
.socialiconlist ul li {float: none;}	
.footerwrap {padding: 25px 0 15px;}	
.address p, .rightfooter h6, .rightfooter h5, .othermenu ul li a {font-size: 16px;}	
	
.modalinfo li:nth-child(1) {width: 100%; margin-right: 0px; padding-bottom: 10px;}	
.modalinfo li:nth-child(2) {width: 100%; margin-right: 0px;}	
.modalinfo li:nth-child(3) {width: 100%; margin-right: 0px;}
.closec { bottom:10px;}	
.mbuttonbx .singbx {width: 90%; margin: 0 auto;}	
.singbx li {float: left; margin-right: 5%;}	
.logo {width: 125px;}


	
/*--inner1--*/
/*--#presstab, .infocontainor .tabcontent {background:transparent;}	--*/
.topmidleft {width:100%; text-align: center; display: table;}	
.topmidleft h1 {text-align: center; display: table-cell;}	
.eventtab {width: 65%;}	
#presstab .infocontainor , #eventstab .infocontainor {width: 100%; padding: 0 5%; margin: 0 auto; position: relative; z-index: 1;}
#eventstab .infocontainor {position: relative; z-index: 1;}	
#presstab .infocontainor h2.resp-tab-active {background: #ee533f!important; text-align: center;}	
#eventstab .infocontainor h2.resp-tab-active {background: #f8a02b!important;}		
#presstab .infocontainor h2.resp-accordion, #eventstab .infocontainor h2.resp-accordion {margin-bottom: 10px; border: 0px; text-align: center;}
#presstab .infocontainor h2.resp-tab-active i, #presstab .infocontainor h2.resp-accordion i, #eventstab  .infocontainor h2.resp-tab-active i, #eventstab .infocontainor h2.resp-accordion i  { font-style: normal; text-transform: uppercase;font-size: 16px; line-height: 20px;  font-family: 'Alte DIN 1451 Mittelschrift gepraegt'; }
#presstab .infocontainor h2.resp-tab-active i, #eventstab .infocontainor h2.resp-tab-active i {color:#fff!important;}
#presstab .infocontainor h2.resp-accordion i, #eventstab .infocontainor h2.resp-accordion i {color: #808285;}	
#presstab .infocontainor .listblog ul li, #eventstab .infocontainor .listblog ul li	{width: 100%; margin-right: 0px; margin-bottom:35px;}	
	
/*--inner3--*/
.twocolumn > ul > li {width: 100%; margin-bottom: 25px; border-right: 0px; border-bottom: 1px solid #ced0d1;}	
article.newapproach { width: 100%; padding: 0 2%;}
.honoreelist li {width: 100%; margin-right: 0px;}	
.sponserlevel1 ul li, .sponserlevel2 ul li {width: 100%; margin: 0 0 15px; text-align: center;}	
.sponserlevel1 ul li img, .sponserlevel2 ul li img {display: inline-block;}	
#flex4 .slick-dots { display: block!important; bottom: -103px; margin-left: -55px;  left: 50%;	right: 0; width: 110px;}
.honoreelist li {margin-bottom: 40px;}	
.honoreelist li h4, .popuimage h4 {margin-bottom: 10px;}	
.sponserlevel1 h5, .sponserlevel2 h5 {margin-bottom: 40px; margin: 5% 5%;}
.twocolumn ul  {width: 100%; margin: 0 auto; padding:0;}	
.moreinfowrap, .honoree {width:100%;}

	
/*--inner4 --*/
.pastawardilist li { width: 46%; margin: 0 2% 10px;} 
.awardclm > li { margin-bottom: 15px;}	
.awardclm > li.last, .awardclm > li, .threeclm li {width: 100%;}		
#first {width: 100%; margin-right: 0;}
#second {width: 100%;}
.prevawardrecpt {padding: 44px 0 10px;}	
.rewardwrap {padding: 48px 2% 50px;}	
.celebrating .threeclm .nameslist {width: 100%;}	
.celebrating .threeclm .nameslist ul li {width: 50%;}	

/*--inner5--*/
.prfileinfo {margin: 10px 0 0 0;}	
.topinner p {margin: 0 5%; padding: 0 0 15px;}	
.topinner h5 {padding: 0; margin: 0 5% 10px;}
.graninfo {padding: 25px 0;}
.topmidleft h1 {font-size: 22px;}	
	
/*-- inner 7 --*/
#mpartners::before {left: -75px; z-index: -1;}	
#mpartners::after {right: 0px; z-index: -1;}	
.topmidright {width: 100%;}	
.cateogryheads {width: 90%; margin: 0 auto;}
.cateogryheads > li {width: 100%;}	
.allgranteecontain {width: 90%; margin: 0 auto;}	
.granteeslist > li {width: 100%; margin-right: 0%; margin-bottom: 20px;}	
.cateogryheads >li >ul {position: static;}		
	
/*--inner11--*/
.leaderlist > li {width: 100%; float: none; display: block;}
	
/*--inner18--*/
.deliverslist li {width: 100%; margin-bottom: 15px; margin-right: 0px;}	
.waysmatter {width: 90%;}	
.waysimage img {width: 100%; height: auto;}	
.becomediv {width: 100%; margin: 0 0 15px;}	
#wayustowrap .topright {padding-top: 30px;}	

/*--inner19--*/
.donorclm {width: 50%;}
#supportersbanner button.slick-prev.slick-arrow {left: 10px;  background: url(../images/prev_msliderarw.png)no-repeat top left; width: 36px; height: 36px; margin-top: -18px; left: 15px; top: 88px;} 	
#supportersbanner button.slick-next.slick-arrow {right: 10px; background: url(../images/next_msliderarw.png)no-repeat top right; width: 36px; height: 36px; margin-top: -18px; right: 15px; top: 88px;} 	
.donorclm {width: 100%;  margin-bottom: 10px;}		
.sliderimageleft {height: 165px;}	
.sliderimageleft img {width: 100%; height: 100%; object-fit: cover;}	
#supportersbanner .sliderimageleft {height: 175px;}
#supportersbanner .slick-dots {top: 195px; }
.tabcontent h2 {margin-bottom: 15px;}
.donorslist {padding-bottom: 7px;}	
.firstdonors ul li {float: none; text-align: center; width: 100%; margin: 15px 0;}
.firstdonors ul li a { display: inline-block;}	
.firstdonors ul li img {width: 100%; height: auto;}	
	
/*--inner16--*/
.bottomcontactwrap { padding: 24px 0 50px;}	
#pullyinfo2 h3 { margin-bottom: 15px;}

/*-- inner12 --*/
.calenderimage img {margin-left: 0px;}	
.calcontent .slider {margin-top: 46px;}
#ourmission .calendercontent.historyslider .calcontent .slick-track	{transform:none!important;}
.calendercontent.historyslider .slider {margin-top: 15px;}	
#ourmission .calendercontent.historyslider .calcontent .slick-track { width: auto!important;}
.calenderimage em {right: -13px;}	
.calenderin ul {margin: 0 0 0 5px;}	
.valuefeatures .calenderinfo {margin: 0 0 50px;}	
		
#flex3 .slick-dots {width: 235px;}	
.calcontent p {font-size: 18px; text-align: center;}
.missioncontent .rightimg {width: 50%; margin-left: 0px;}	
.missioncontent .leftimg {margin-top: 0px;width: 50%;}	
.missioncontent .leftimg img, .missioncontent .rightimg img {width: 100%; height: auto;}
.missioncontent .rightc p{padding-right: 2%; width: 47%;}
.missioncontent .leftc p{padding-left: 2%; width: 47%; float: right;}	
.rightc::after {clear: both;}
.valuefeatures li:nth-child(4) .leftimg { margin-top: 0px;}	
.valuefeatures li:nth-child(3) p {margin-top: 0px;}	
.rightc p {margin-bottom: 10px;}	
.rightc{padding-bottom: 15px;}
.missioncontent .rightimg { width: 100%; margin-left: 0px; margin-bottom: 15px;}	
.missioncontent .rightc p { padding-right: 0; width: 100%; margin-bottom: 10px; float: right;}
.missioncontent .leftimg { width: 100%; margin-right: 0px; margin-bottom: 15px;}	
.missioncontent .leftc p { padding-right: 0; width: 100%; margin-bottom: 25px; float: left;}	
.leftc p {padding-top: 15px;}	

.sliderinfo .leftinfo a {width: 122px;}	
#flex3 button.slick-prev.slick-arrow {left: 150px;}		
#flex3 button.slick-next.slick-arrow {left: 260px;}	
#flex3 .slick-dots, #flex2 .slick-dots {width: 80px; left: 178px;}
#flex2 button.slick-prev.slick-arrow {left: 150px;}	
#flex2 button.slick-next.slick-arrow {left: 233px;}	
.awardclm {width: 90%; margin: 0 0 0 5%;}	
.closecc { bottom: -22px;}	
#strategytab .strategytabcontent {padding-top: 0;}	
.creteriatabcontent > ul > li {width: 100%;}
span#loadMore {padding: 6px 0;}	
#ourmission .infocontainor .calenderin h4 {margin-left: 1px;}	
#termsusebanner .bannertitlewrap {height: 100px;}
.foundationlinks {margin: 0 0 25px;}
.womanresources {padding: 35px 0;}	
.piechartwo  .piechartinfo li i {width: 60%;}	
.piechartinfo li b { display: inline-block; width: 90px; text-align: right;}
.piechartwo { padding-top: 38px;}
.piechartwrap { padding-top: 60px;}	
.piechartinfo li i {width: 60%;}	
ul.piechartinfo.piechartinfo2 li i {width: 45%;}	
.donorslist.last .donorclm ul {width: 100%; margin-bottom: 15px;}	
#flex1 button.slick-next.slick-arrow {right:0px; left: 300px; top: auto;}
#flex1 button.slick-prev.slick-arrow {left: 145px; top: auto;}	
#flex1 .slick-dots {left: 180px;}	
span.video_thumb {
    height: 76px;
    position: absolute;
    z-index: 99999;
    top: 50%;
    margin-top: -38px;
    display: block;
    width: 76px;
    left: 50%;
    margin-left: -38px;  
}	

#flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {width: 12px; margin-top: -12px; height: 28px; background-size:100% 100%;}	
.calcontent .slick-slide {width: 20%!important; padding-right: 15px;}   
.piechartwo {padding-top: 35px;}
.closecc {right: -10px;}  
.valuefeatures li:nth-child(4) .leftimg {margin-bottom: 25px;}  
.topinner a {font-size: 10px;padding: 15px 0; line-height:15px; top: 2px; POSITION: RELATIVE;}	
	
	
/*--inner22--*/
#waysbanner .bannertitlewrap h3 {font-size: 20px;}	 
#publicationwrap .toppublicationwrp .right p {line-height: 19.2px; font-size: 14px;}	
	
/*--new style--*/	
.donorslist > ul >li {width: 100%;}	
.donorslist ul li  {font-size: 15px;}	

.innerbannerwrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.innerbannerwrap #flex4 .slick-slide {
    height: 146px;
}
article.newapproach p{font-size:15px; line-height:20px;}
article.newapproach ul {border-bottom: 1px solid grey;}
.prevawardrecpt {width:100%; padding-left:2%; padding-right:2%; margin-bottom:25px;}
.innerbannerwrap{height:146px;}
.grantmakingwrap .grantmaking {padding: 40px 0 45px;}
a.mapimge.fancybox {line-height:22px;}
.profileimage {width:100%;}
.profileimage img {width:100%; height:auto;}

#mapopup h4 {padding: 55px 0 135px;}
#mapopup{background-size: 60% auto; background-position: 25px 137px;}
.granttabwrap {padding: 50px 2%; margin: 0 auto;width: 96%;}
.granttabwrap h2.resp-accordion {padding: 14px 15px;}
#grantmaking .topmidleft h1 {font-size:20px;}
.grantpartner ul li {width:100%;}
.keyfigure, .grantpartner{padding: 9px 5%;}
.togglepanle li h3 {font-size:15px; line-height:18px;}
#strategytab .strategytabinfo p {font-size:14px; line-height:19px;}
.allgranteewrap .allgranteecontain{padding:45px 0 60px;}
#ourmission .resp-tab-active, #ourmission	.infocontainor h2.resp-accordion {text-align:center;}
.missioncontent .rightc{margin-bottom:40px;}
.calenderinfo{padding: 29px 0 30px;}
.topmidright{padding-top:20px;}
.jobinformation{padding-bottom:10px;}
#termsusebanner .bannertitlewrap  h3{text-align:center; padding-right:0px;}
.righttopbgwrap em{height: 40px;}
#termsuse .righttopbgwrap em, #cntnwrap .topcontactwrp .right em, #pollynwrap .topcontactwrp .right em { display:none;}
.womanresources{padding:40px 0;}
.foundationlinks li {padding-bottom: 10px;}
#contactbanner .headinginfo h3, #supportersbanner .bannertitlewrapleft h3, .headinginfo h2, .headinginfo p{text-align:center;}
#cntnwrap .topcontactwrp .right{padding:0px;}
.cmap{width:100%; height:200px;}
#cntnwrap section.topcontactwrp .left.columns {padding-top:40px;}
.bottomcontactwrap .formcontent > li a, .bottomcontactwrap .formcontent > li h3 {font-size:17px; line-height:22px;}
.bottomcontactwrap .formcontent > li.first{margin:0 5%;}
.bottomcontactwrap .formcontent > li label {margin-bottom: 7px;}
.pollyinfo {margin: 40px 0 0;}
.pollyinfo p a{font-size:15px;}
#pullyinfo2 p {margin-bottom:35px;}
#waysbanner .bannertitlewrap{ height: 90px;}
#waysbanner .bannertitlewrap h3{
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding-right: 50px;
    line-height: 30px;
    font-family: 'alte_din_1451_mittelschriftRg';
    text-transform: uppercase;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mbtiptt {display:block;}
.topright p:first-child {display:none;}
.mbtiptt {display:block; padding-top:40px;}
.mbtiptt p{color: #595a5c; font-size: 16px; line-height: 23px; text-align: left;font-family: 'Open Sans', sans-serif; font-weight: 400;}
#wayustowrap .topcontactwrp .left h3 {padding: 0 0 15px;}    
.deliverslist li p {font-size:16px;}
.becomediv{margin: 0 0 60px;}
.waysmatter .becomediv p{line-height:20px;}
.becomediv { margin: 0 0 5px;}
.mtitle {display:block; position:relative; width:100%; background:#001a70; text-align:center;}
.bannertitlewrapleft {background:#001a70;}
.mtitle .bannertitlewrapleft h3 {color: #ffffff;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    font-family: 'alte_din_1451_mittelschriftRg';
    font-weight: 400;
    text-transform: uppercase; padding:10px 0; display:block;}
#topsupportsect  .bannertitlewrapleft {display:none;}
#supportersbanner .slick-dots{margin-left: -46px; width: 92px;}
.sliderimageright h3{margin-bottom:16px;}
.firstdonors{background:#fff;}
.section2_tab, .section1_tab {background:none;}
.donorslist > ul > li{margin-bottom:0px;}
.donorslist > ul > li.last{ margin-bottom:31px;}
.donorslist ul li > ul > li.first{padding-bottom:0px;}
.charttable > li{float:none; text-align:center;}
.charttable  li h3{text-align:center;}
.charttable{padding-left:0px;text-align: center;}
.charttable > li.first{margin-right:0px;}
#pollynwrap .topcontactwrp .right{background:transparent;}
.piechartone.piesecond {width:100%;}
.piechartimg.piechart2{margin-top:25px;}
#joincle .righttopbgwrap em{display:none;}
#termsusebanner .bannertitlewrap h3 {font-size:20px;}
#waysbanner .bannertitlewrap h3 {font-size:25px;}
#publicationwrap .toppublicationwrp .right em {display:none;}
.publicationpost p{font-size:16px; line-height:18px;}
#publicationwrap .toppublicationwrp .right{display:none;}
.publicationPage { height: 120px !important;}
#waysbanner::after{clear:both;}
#publicationwrap .search-publication-filter{top:auto; bottom:92px;}
#publicationwrap .toppublicationwrp{padding-top:37px;}
#publicationwrap .search-publication-filter {margin-top:0px;}
.whycont.searchPage .pagedefaults{padding: 0;}
#presstab .listblog {padding-bottom:0px;}
.awardclm{padding:0;}
.cmap { height: 200px;}
#funding .topmidright p, #voluteering .topmidright p {padding-top:20px;}
.row.volunteerLists{padding-top:40px;}
}

 @media screen and (max-width: 479px) {
.singbx li {width:47%;}
.singbx li a {height: 35px; line-height: 35px; max-width: 162px; width:100%;}
.singbx li.last a {width: 148px;height: 35px; line-height: 35px;}	
.wrapinfo2 {min-height: 150px;}
.sliderwrapper .sliderinfo  {max-width: 90%; margin: 0 auto;}
.singbx li.last a em {background-size: 14px 12px; background-position:0 7px;}
#flex1 .slick-dots {left: 177px; width: 65px;}	
#flex1 .slick-dots li	{width: 12px; height: 5px;}	  
#flex1 .slick-dots li button {width: 12px; height: 5px;}	
#flex1 .slick-dots {width: 80px;}
#flex1 button.slick-next.slick-arrow {right:0px; left: 260px; top: auto;}
#flex1 button.slick-prev.slick-arrow {left: 140px; top: auto;}	
.logo {width: 128px;}
.msearchbx:: after {content:""; clear:both;}
#search { width: 150px;}
#input{width: 130px;}
.mnavigation ul li ul {margin-top:3px;}
/*--inner10--*/
#internship::before {border-width: 236px 64px 0 0;}
#internship::after{border-width: 0 0 290px 141px; z-index: 0;}	
	 
/*--inner9--*/
#voluteering::before {border-width:245px 83px 0 0;}	
#voluteering::after{border-width: 0 0 337px 154px;}	
	 
/*--inner8--*/
#funding::after {border-width: 0 0 232px 110px;}	
#funding::before {border-width: 237px 104px 0 0;}	
	 
/*--inner7--*/
#mpartners::before {border-width: 0 26px 237px 92px;}
#mpartners::after {border-width: 0 0 176px 80px;}	
	 
/*--inner6--*/
#strategytab .strategytabcontent::before, .strategytabcontent::before {z-index: 0; border-width: 233px 94px 0 0; }
#strategytab .strategytabcontent::after, .strategytabcontent::after {border-width: 0 0 280px 133px;}
	 
/*--inner 5--*/
.eventcontwrap::before, .grantmakingwrap::before {border-width: 254px 90px 0 0;}
.eventcontwrap::after, .grantmakingwrap::after	{border-width: 0 0 237px 104px;} 
	 
/*--inner1--*/
.celebrating .threeclm .nameslist {width: 100%;}	 
	
/*--inner 21--*/	 
#joincle .bottommaincontet .leftcontent h3 {font-size: 18px;}

/*--inner13--*/
jobprofile, .jobinformation { width: 92%; margin: 10% 4%;float: none;}
	 
/*-- inner12 --*/
.calenderinfo .calenderimage em {display: block;}
#ourmission .infocontainor .calenderin h4 {margin-left: 1px;}	 
.calenderimage em {width: 100%; height: 100%;  left: 12px; right:auto;}
.calenderimage img {width:100%; height:auto;}
.calenderimage {width:95%; margin-right:5%;}
#termsusebanner .bannertitlewrap {height: 90px;}	
.listawad.listtw ul li, .celebrating .threeclm .nameslist ul li {width: 100%;}	
.piechartwo  .piechartinfo li i {width: 51%;  margin-right: 1px;}	
.piechartinfo li em {width: 44px; margin-right: 0; padding-left: 0px;} 
.piechartinfo li {display: table-row;}
.piechartinfo li b	 {width: 88px; display: inline-block;     text-align: right;}
.piechartwo .piechartinfo li.last >i {margin-left: 51px;}
.graph-lists-symbol {margin-right: 10px;}	
.piechartinfo li i {width: 138px;}	 
.piechartwo  .piechartinfo li i, .piechartinfo li i {width: 46%;}	

span.video_thumb {
    height: 76px;
    position: absolute;
    z-index: 99999;
    top: 50%;
    margin-top: -38px;
    display: block;
    width: 76px;
    left: 50%;
    margin-left: -38px;
}	 
 #flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {width: 12px; margin-top: -12px; height: 28px; background-size:100% 100%;}
.calcontent .slick-slide {width: 25%!important; padding-right: 15px;}   
.closecc {right: -10px;}    
	 
/*--inner22--*/
#waysbanner .bannertitlewrap h3 {font-size: 18px;  text-align: center;}	
.wrapinfo2 {min-height: 205px;}
#flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {bottom:21px;}
#flex1 .slick-dots {bottom:33px;}
#flex1 button.slick-next.slick-arrow, #flex1 button.slick-prev.slick-arrow {width:14px; height:30px; margin-top:-15px;}
section.whycontwrap::before {border-width: 0 200px 700px 83px;}
.whycont .leftmat {margin:0 0 20px;}
.featureimage {width:100%; height:210px;}
.featureimage img {width:100%; height:100%; object-fit:cover;}
#flex4 .slick-dots {width: auto;margin-left: -28px;}

.imgcontentbar { padding: 425px 0px 0px 0px; }
.imgcontentbar .imgcontent, .imgcontentbar .imgcontent.textbg2, .imgcontentbar .imgcontent.textbg3 { height: 260px; }
.imgcontentbar .imgcontent.textbg2 { height: 425px; }
.imgcontentbar .imgcontent.textbg4 { top: 425px; }
.featuredbar .leftlogos li { padding: 20px 15px; width: 100%; display: block; min-height: inherit; float: none; }


}