/* sitemap page css */
.site-map { float: left; width: 100%; padding: 0 0 150px; }
.site-map .mid { max-width: 2240px; padding: 0; }
/*Banner */
.site-map .sitemap-banner { float: left; width: 100%; padding: 140px 0; background: #f6f6f6; text-align: center; margin-bottom: 130px; }
.site-map .sitemap-banner h1 { color: #1a1919; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 90px; line-height: 90px; margin-bottom: 30px; }
.site-map .sitemap-banner p { color: #1a1919; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 30px; line-height: 40px; }
.map-container { float: left; width: 100%; }
/* Map Home */
.map-home { margin: 0 auto; max-width: 130px; position: relative; }
.map-home a { display: inline-block; }
.map-home:after { position: absolute; content: ""; height: 60px; width: 2px; bottom: -42px; left: 50%; background: url(../sitemap-images/home-bdr.png) no-repeat bottom center; }
/* Second Row */
.about-row { float: left; width: 100%; padding: 50px 78px 0; margin-top: 42px; border-top: 2px solid #bababa; position: relative; }
.about-row .help:after { background: url(../sitemap-images/border-shape.png) no-repeat bottom center; position: absolute; content: ""; width: 390px; height: 685px; top: 159px; left: 76px; }
.about-row:before { background-color: #fff; content: ""; height: 2px; right: 0; position: absolute; top: -2px; width: 158px; }
.about-row:after { background-color: #fff; content: ""; height: 2px; left: 0; position: absolute; top: -2px; width: 160px; }
.about-row .box1, .left-container .box2, .center-container .box3, .right-container .box4, .third-row-container .left .box5, .third-row-container .right .box6, .fourth-row-container .box7, .fifth-row .left .box8, .fifth-row .center .box9, .fifth-row .right .box10 { float: left; padding: 0 15px; position: relative; width: auto; }
.about-row .box1:before, .left-container .box2:before, .center-container .box3:before, .right-container .box4::before, .third-row-container .right .box6:before, .third-row-container .box5:before, .fifth-row .left .box8:before, .center .box9:before, .fifth-row .right .box10:before { position: absolute; content: ""; left: 50%; top: -51px; background: url(../sitemap-images/map-arrow.png) no-repeat top center; width: 11px; height: 51px; margin-left: -2px; }
.about-us:after, .news-events:after, .volunteer:after, .our-peoples:after { position: absolute; content: ""; left: 50%; bottom: -102px; background: url(../sitemap-images/mapbdr2.png) no-repeat bottom center; width: 2px; height: 102px; margin-left: -1px; }
.we-do:after { position: absolute; content: ""; left: 50%; bottom: -407px; background: url(../sitemap-images/border-long.png) no-repeat bottom center; width: 2px; height: 407px; }
.row-second-container { float: left; width: 100%; margin-top: 100px; }
.left-container { float: left; max-width: 640px; border-top: 2px solid #bababa; padding-top: 50px; margin-right: 125px; position: relative; margin-left: -50px; }
.center-container { float: left; max-width: 640px; padding-top: 50px; border-top: 2px solid #bababa; margin-right: 243px; position: relative; }
.center-container::before, .left-container:before, .right-container:before, .third-row-container .left:before, .third-row-container .right:before, .fifth-row .left:before, .fifth-row .center:before, .fifth-row .right:before, .fourth-row-container:before { background-color: #fff; content: ""; height: 2px; right: -2px; position: absolute; top: -2px; width: 78px; }
.center-container::after, .left-container:after, .right-container:after, .third-row-container .left:after, .third-row-container .right:after, .fifth-row .left:after, .fifth-row .center:after, .fifth-row .right:after, .fourth-row-container:after { background-color: #fff; content: ""; height: 2px; left: -1px; position: absolute; top: -2px; width: 83px; }
.right-container { float: left; max-width: 320px; border-top: 2px solid #bababa; padding-top: 50px; position: relative; }
.third-row-container { float: left; width: 100%; margin-top: 95px; }
.third-row-container .left { border-top: 2px solid #bababa; float: left; max-width: 800px; padding-top: 50px; position: relative; }
.third-row-container .right { float: right; max-width: 480px; padding-top: 50px; border-top: 2px solid #bababa; position: relative; }
.fourth-row-container { float: left; max-width: 500px; border-top: 2px solid #bababa; float: left; max-width: 480px; padding-top: 50px; margin: 53px 0 0 780px; position: relative; background: #fff; }
.fourth-row-container .volunteer:after { position: absolute; content: ""; background: url(../sitemap-images/border-shape-2.png) no-repeat top left; width: 289px; height: 175px; left: 146px; top: 76px; }
.fourth-row-container .box7:before { position: absolute; content: ""; left: 50%; top: -51px; background: url(../sitemap-images/map-arrow.png) no-repeat top center; width: 11px; height: 51px; margin-left: -2px; }
.fourth-row-container .give:after { position: absolute; left: -40px; top: 75px; content: ""; background: url(../sitemap-images/boder-shape2.png) no-repeat left center; width: 55px; height: 177px; }
.fifth-row { float: left; width: 100%; margin-top: 50px; }
.fifth-row .left { float: left; max-width: 320px; padding-top: 50px; border-top: 2px solid #bababa; position: relative; margin: 35px 0 0 580px; background: #fff; }
.fifth-row .center { border-top: 2px solid #bababa; float: left; margin: 35px 0 0; max-width: 480px; padding-top: 50px; position: relative; }
.fourth-row-container .advocate:after { position: absolute; content: ""; left: 50%; bottom: -86px; background: url(../sitemap-images/mapbdr2.png) no-repeat bottom center; width: 2px; height: 86px; margin-left: -1px; }
.fifth-row .right { float: left; max-width: 320px; padding-top: 50px; margin-top: 35px; position: relative; border-top: 2px solid #bababa; background: #fff; }
.box2.our-peoples::after { bottom: -97px; height: 97px; }

/* sitemap responsive */
@media only screen and (max-width: 2250px) {
.map-home { left: -18px; }
.site-map .sitemap-banner { padding: 96px 0; margin-bottom: 98px; }
.site-map .sitemap-banner h1 { font-size: 62px; line-height: 62px; margin-bottom: 15px; }
.site-map .sitemap-banner p { padding: 0 100px; font-size: 20px; line-height: 28px; }
.site-map .mid { max-width: 1600px; }
.about-row .box1 { width: 7.5%; padding: 0 7px; }
.about-row { padding: 50px 0 0; }
.about-row::before { width: 96px; }
.about-row::after { width: 62px; }
.left-container { max-width: 510px; margin-left: -100px; }
.left-container::before { width: 62px; }
.left-container::after { width: 67px; }
.left-container .box2 { width: 25%; padding: 0 7px; }
.center-container { max-width: 510px; margin-right: 15px; }
.center-container .box3 { width: 25%; padding: 0 7px; }
.center-container::after { width: 67px; }
.center-container::before { width: 62px; }
.right-container { max-width: 253px; margin-left: 63px; }
.right-container .box4 { width: 50%; padding: 0 7px; }
.right-container:after { width: 66px; }
.right-container:before { width: 62px; }
.about-row .help::after { top: 130px; left: 64px; }
.third-row-container .left { margin-left: -24px; }
.third-row-container .right { left: 18px; }
.fourth-row-container { margin-left: 570px; }
.fifth-row .left { margin-left: 369px; }
.we-do::after { bottom: -385px; height: 385px; }
}

@media only screen and (max-width: 1800px) {
.site-map .mid { max-width: 1200px; }
.map-home { left: -13px; }
.map-home img { margin-left: 28px; }
.about-row::before { width: 71px; }
.about-row::after { width: 47px; }
.left-container, .center-container { max-width: 355px; }
.left-container { margin-right: 71px; }
.left-container::after, .center-container:after { width: 47px; }
.left-container::before, .center-container:before { width: 42px; }
.right-container { max-width: 179px; }
.right-container:after { width: 48px; }
.right-container:before { width: 44px; }
.right-container { margin-left: 156px; }
.third-row-container .left { max-width: 467px; margin-left: -115px; }
.third-row-container .left .box5 { width: 20%; padding: 0 7px; }
.third-row-container .left::after { width: 50px; }
.third-row-container .left::before { width: 45px; }
.about-row .help::after { left: 43px; top: 15px; }
.third-row-container .right { width: 278px; left: -27px; background: #fff; }
.third-row-container .right .box6 { width: 33%; padding: 0 7px; }
.third-row-container .right:after { width: 49px; }
.third-row-container .right:before { width: 47px; }
.fourth-row-container { margin-left: 548px; }
.fifth-row .left { margin-left: 407px; max-width: 200px; }
.about-row .box1 img { z-index: 2; position: relative; }
.fourth-row-container { max-width: 306px; }
.fourth-row-container::after { width: 47px; }
.fourth-row-container::before { width: 46px; }
.fourth-row-container .volunteer::after { width: 173px; left: 83px; background-position: right; }
.fourth-row-container .box7 { width: 33%; padding: 0 7px; }
.fifth-row .center { max-width: 305px; margin-left: 6px; }
.fifth-row .right { max-width: 200px; margin-left: 0; }
.fifth-row .right::before, .fifth-row .left:before { width: 43px; }
.fifth-row .right::after, .fifth-row .left:after { width: 48px; }
.fifth-row .center::before { width: 46px; }
.fifth-row .center::after { width: 47px; }
.fifth-row .left .box8 { width: 50%; padding: 0 7px; }
.fifth-row .center .box9 { width: 33%; padding: 0 7px; }
.fifth-row .right .box10 { width: 50%; padding: 0 7px; }
.fourth-row-container .give::after { left: -48px; }
}
@media only screen and (max-width: 1400px) {
.left-container { margin-left: -52px; margin-right: 22px; } 
.third-row-container .left { margin-left: 0; }

}

@media only screen and (max-width: 1300px) {
	.site-map .mid { max-width: 980px; }
	.about-row::before { width: 57px; }
	.about-row::after { width: 39px; }
	.left-container, .center-container { max-width: 280px; }
	.left-container { margin-left: -21px; }
	.left-container::after, .center-container::after { width: 38px; } 
	.left-container::before, .center-container::before { width: 33px; }
	.right-container { margin-left: 120px;  max-width: 146px; }
	.right-container::before { width: 34px; }
	.right-container::after { width: 40px; }
	.fourth-row-container { margin-left: 457px; }
	.fifth-row .left { margin-left: 314px; }
	
}


@media only screen and (max-width: 1280px) {
.site-map .bannertext { padding: 0 50px !important; }
.bannertext br { display: none; }
.site-map .bannertext h1 { font-size: 40px; }
.site-map .sitemap-banner p { font-size: 18px; line-height: 24px; }
.body .site-map .sitemap-banner { padding: 40px 0 !important; }
}

@media only screen and (max-width: 1023px) {
.site-map * { max-width: 100% !important; border: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; left: auto !important; top: auto !important; }
.site-map *::after, .site-map *::before { display: none; }
.about-row .box1, .left-container .box2, .center-container .box3, .right-container .box4, .third-row-container .left .box5, .third-row-container .right .box6, .fourth-row-container .box7, .fifth-row .left .box8, .fifth-row .center .box9, .fifth-row .right .box10, .site-map .box6 { max-width: 144px !important; width: 100% !important; margin: 0 auto 20px !important; float: none; }
.map-home, .about-row, .row-second-container, .third-row-container, .fourth-row-container, .fifth-row { width: 100% !important; max-width: 100% !important; margin: 0 !important; float: left; }
.site-map .sitemap-banner { padding: 96px 0 !important; margin-bottom: 50px !important; }
.site-map .map-home { float: none; left: 0; margin: 0 auto 30px !important; max-width: 144px !important; }
.about-row, .third-row-container { background: #f6f6f6 none repeat scroll 0 0; padding: 50px 0 30px!important; margin-bottom: 50px!important; }
body .third-row-container { margin-top: 50px !important; }
.fifth-row { background: #f6f6f6 none repeat scroll 0 0 !important; margin-top: -70px !important; padding: 0 0 50px 0 !important; }
.site-map { padding-bottom: 0; }
.fifth-row .right, .fifth-row .left { background: none !important }
}

@media only screen and (max-width: 767px) {
.site-map .bannertext { padding: 0 10px !important; }

}