/* Media Queries - 1 */

/* Note: Design for a below width of 1050px */
@media only screen and (min-width: 891px) and (max-width: 1049px) {
.show_ipad1 {
	display:block
}

.hide_ipad1 {
	display:none
}

.container {
	max-width:900px;
}

/* #Header
================================================== */

.header-field {
	padding:20px 0 30px 0
}

.logo {
	width:100%;
	float:none;
	text-align:center;
	padding-top:3px
}

/*.search-box {
	width:400px;
	padding:0
}*/

.search-box {
	width:100%;
	padding:15px 0 0 0
}

.search-box ul li {
	width:52%;
	margin-right:0;
	padding-left:4%
}

.search-box ul li:first-child {
	width:48%;
	padding-left:0
}

.search-box ul li a {
	width:100%
}

.search-box .dropbox {
	border-radius:0 0 3px 3px
}

.search-box .input-bg {
	width:100%;
	float:left;
	padding-right:37px
}

.search-box .input {
	height:30px;
	font-size:12px;
	padding:6px 10px
}

.search-box .btn-search {
	width:32px;
	height:30px;
	background-size:19px 20px;
	margin:0 -37px 0 5px
}

.navbar nav ul li {
	font-size:.9em;
	padding:0;
	
}

.navbar nav ul li:first-child {
	width:7%;
}

.navbar nav ul li:nth-child(2){
	width:13%;
}

.navbar nav ul li:nth-child(3){
	width:16%;
}

.navbar nav ul li:nth-child(4){
	width:27%;
}

.navbar nav ul li:nth-child(5){
	width:14%;
}

.navbar nav ul li:last-child{
	width:23%;
}

/* #Banner-main
================================================== */

.left-col-main {
	width:68%;
	background:url(../png/shadow03.png) no-repeat bottom center;
	padding-bottom:14px
}

.slider-main {
	padding:6px 6px 30px 6px
}

.slider-main aside {
	width:70%;
	padding:10px 18px
}

.slider-main aside h2 {
	font-size:18px
}

.right-col-main {
	width:31%;
	float:right
}

.right-col-main article {
	padding:0 4%
}

.right-col-main h2 {
	height:50px;
	background-size:210px 50px;
	font-size:20px;
	padding:12px 0;
	margin-bottom:5px
}

.right-col-main figure img {
	min-width:250px;
	margin:-32px 0 -38px -25px
}


/* #Content Main
================================================== */

.charity-box article aside .right {
	padding:0 0 0 38px
}

.bottom-section article h3 {
	font-size:15px
}

.bottom-section article aside {
	padding:25px 6% 0 6%
}

.bottom-section article figure img {
	width:140px
}


/* #Footer
================================================== */

footer article {
	width:100%;
	margin-left:1em;
}

footer article p {
	padding:0 20px 0 108px;
}


footer .copy-right {
	margin:1.7em 0 0 1em;
}

footer .login {
	margin:1.7em 0 0 1em;
}


/* #BEST IN AMERICA
=======================================================*/

.left-col {
	width:60%
}

.right-col {
	width:36%
}


/* #CHARITIES LIST-02
=======================================================*/
.charities-list article .last-list li .drop-box-bg {
	right:204px
}


/* #HOW TO JOIN
================================================== */

.section-join {
	padding:0 0 60px 0
}

.section-join aside h2 {
	line-height:19px;
}

.section-join aside h2 small {
	font-size:18px
}

.section-join .article-box-bg {
	width:106%;
	margin-right:-6%
}

.section-join .article-box {
	width:28%;
	margin:105px 5.33% 30px 0
}

}


/* Note: Design for a below width of 891px */
@media only screen and (min-width: 768px) and (max-width: 891px) {
.show_ipad1 {
	display:block
}

.hide_ipad1 {
	display:none
}

.container {
	max-width:850px;
}

/* #Header
================================================== */

.header-field {
	padding:20px 0 30px 0
}

.logo {
	width:100%;
	float:none;
	text-align:center;
	padding-top:3px
}

/*.search-box {
	width:400px;
	padding:0
}*/

.search-box {
	width:100%;
	margin: 0 auto;
	float:none;
	padding:15px 0 0 0
}

.search-box ul li {
	width:52%;
	margin-right:0;
	padding-left:4%
}

.search-box ul li:first-child {
	width:48%;
	padding-left:0
}

.search-box ul li a {
	width:100%
}

.search-box .dropbox {
	border-radius:0 0 3px 3px
}

.search-box .input-bg {
	width:100%;
	float:left;
	padding-right:37px
}

.search-box .input {
	height:30px;
	font-size:12px;
	padding:6px 10px
}

.search-box .btn-search {
	width:32px;
	height:30px;
	background-size:19px 20px;
	margin:0 -37px 0 5px
}

.navbar nav ul li {
	font-size:.87em;
	padding:0;
	
}

.navbar nav ul li:first-child {
	width:7%;
	text-align:center;
}

.navbar nav ul li:nth-child(2){
	width:13%;
	text-align:center;
}

.navbar nav ul li:nth-child(3){
	width:16%;
}

.navbar nav ul li:nth-child(4){
	width:27%;
}

.navbar nav ul li:nth-child(5){
	width:14%;
}

.navbar nav ul li:last-child{
	width:23%;
}

/* #Banner-main
================================================== */

.left-col-main {
	width:68%;
	background:url(../png/shadow03.png) no-repeat bottom center;
	padding-bottom:14px
}

.slider-main {
	padding:6px 6px 30px 6px
}

.slider-main aside {
	width:70%;
	padding:10px 18px
}

.slider-main aside h2 {
	font-size:18px
}

.right-col-main {
	width:31%;
	float:right
}

.right-col-main article {
	padding:0 4%
}

.right-col-main h2 {
	height:50px;
	background-size:210px 50px;
	font-size:20px;
	padding:12px 0;
	margin-bottom:5px
}

.right-col-main figure img {
	min-width:250px;
	margin:-32px 0 -38px -25px
}


/* #Content Main
================================================== */

.charity-box article aside .right {
	padding:0 0 0 38px
}

.bottom-section article h3 {
	font-size:15px
}

.bottom-section article aside {
	padding:25px 6% 0 6%
}

.bottom-section article figure img {
	width:140px
}


/* #Footer
================================================== */

footer article {
	width:100%;
	margin-left:1em;
}

footer article p {
	padding:0 20px 0 108px;
}

footer .copy-right {
	margin:1.7em 0 0 1em;
}

footer .aside-info {
	width:60%;
	float:right;
	padding-right:20px;
}

footer aside {
	width:100%;
	padding-left:20%;
}

footer aside ul {
	margin:0;
}

footer #left-col {
	padding-left:10px;
}

footer .login {
	margin:1.7em 0 0 1em;
}



/* #BEST IN AMERICA
=======================================================*/

.left-col {
	width:60%;
}

.right-col {
	width:36%
}


/* #CHARITIES LIST-02
=======================================================*/
.charities-list article .last-list li .drop-box-bg {
	right:204px
}


/* #HOW TO JOIN
================================================== */

.section-join {
	padding:0 0 60px 0
}

.section-join aside h2 {
	line-height:19px;
}

.section-join aside h2 small {
	font-size:18px
}

.section-join .article-box-bg {
	width:106%;
	margin-right:-6%
}

.section-join .article-box {
	width:28%;
	margin:105px 5.33% 30px 0
}

}

/*----------------------------------------------*/




/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
.show_mobile1 {
	display:block;
	background:url(../png/img-icon01.png) no-repeat left center;
	height:21px;
	margin-left:15px;
	padding-top:20px;
	padding-left:5px;
}

.hide_mobile1 {
	display:none
}

h1 {
	font-size:23px;
}

h2 {
	font-size:18px;
}

.container-main {
	padding:0;
}

.container {
	max-width:100%;
	padding:0 4%;
}

.collapse {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition:height .35s ease;
	-moz-transition:height .35s ease;
	-o-transition:height .35s ease;
	transition:height .35s ease
}

.collapse.in {
	height:auto
}

/* #Header
================================================== */

header {
	border-bottom:3px solid #dfbf69;
}

.ribbon-bar {
	display:none
}

.header-field {
	padding:15px 0
}

.logo {
	width:100%;
	float:none;
	text-align:center;
	padding-top:50px;
}

.search-box {
	width:100%;
	padding:15px 0 0 0
}

.search-box ul li {
	width:50%;
	margin-right:0;
	padding-left:4%
}

.search-box ul li:first-child {
	width:50%;
	padding-left:0
}

.search-box ul li a {
	width:100%
}

.search-box .dropbox {
	border-radius:0 0 3px 3px
}

.search-box .input-bg {
	width:100%;
	float:left;
	padding-right:37px
}

.search-box .input {
	height:30px;
	font-size:12px;
	padding:6px 10px
}

.search-box .btn-search {
	width:32px;
	height:30px;
	background-size:19px 20px;
	margin:0 -37px 0 5px
}

.navbar {
	height:auto;
	border:none;
	background:none;
	position:absolute;
	top:25px
}


.navbar nav {
	display:block;
	width:108.6%;
	float:left;
	background:#000000;
	padding:0;
	margin:0 -4.3%
}

.navbar nav ul {
	height:auto;
	padding-bottom:20px;
}

.navbar nav ul:first-child {
	padding:20px 0 0 0
}

.navbar nav ul li {
	width:100%;
	height: auto;
	font-size:14px;
	padding:0
}

.navbar nav ul li:first-child {
	width:100%;
}

.navbar nav ul li:nth-child(2){
	width:100%;
}

.navbar nav ul li:nth-child(3){
	width:100%;
}

.navbar nav ul li:nth-child(4){
	width:100%;
}

.navbar nav ul li:nth-child(5){
	width:100%;
}

.navbar nav ul li:last-child{
	width:100%;
}


.navbar nav ul li a {
	width:100%;
	height:auto;
	line-height:normal;
	padding:5px 15px
}

.navbar .menu-btn {
	display: block;
}

.icon-star {
	display:none
}


/* #Banner-main
================================================== */

.banner-main {
	padding:25px 0
}

.left-col-main {
	width:100%;
	float:left;
	background: none;
	padding-bottom:20px
}

.slider-main {
	box-shadow: #bbb 2px 2px 6px;
	padding:6px 6px 30px 6px;
	margin-bottom:10px;
}

.slider-main aside {
	width:100%;
	position:static;
	top:0px;
	left:0;
	padding:11px 15px
}

.slider-main aside h2 {
	font-size:18px;
	text-shadow:#000 0 2px 2px;
	padding-bottom:0
}

.right-col-main {
	width:100%
}

.right-col-main h2 {
	padding:15px 0
}

.right-col-main article {
	max-width:290px
}

.right-col-main figure img {
	width:100%;
	max-width:100%;
	min-width:100%;
	margin:-35px 0 -45px -5px
}


/* #Content-main
=======================================================*/

.content-main {
	padding:30px 0 40px 0
}

.content-box {
	padding:0
}

.heading-main h1 {
	padding:0 70px 5px 0
}

.heading-main h1 span {
	padding:0 0 5px 70px
}

.heading-inner {
	width:100%;
	float:left;
	padding:0 0 30px 0;
	margin:0
}

.heading-inner h2 {
	width:100%;
	height:auto;
	background:#c3922e;
	border-radius:6px 6px 0 0;
	behavior: url(../pie.html);
	position:relative;
	margin:0;
	padding:0
}

.heading-inner h2 span {
	width:100%;
	min-width:inherit;
	height:auto;
	text-align:center;
	line-height:normal;
	background:none;
	padding:10px;
	margin:0
}

.charity-box {
	background:url(../png/icon-star01.png) no-repeat center 10px;
	padding:30px 0 0 0;
	margin:-20px 0 0 0;
}

.charity-box p {
	font-size:14px;
	line-height:18px;
	padding:0 0 2% 0
}

.charity-box article {
	padding:45px 4%
}

.charity-box article aside {
	width:100%;
	margin:0
}

.charity-box article aside ul {
	margin-top:-3px;
	position:relative
}

.bottom-section {
	width:100%;
	padding:70px 0 0 0;
	margin:0 0 -70px 0;
}

.bottom-section article {
	width:100%;
	margin:0 0 80px 0
}

.bottom-section article aside {
	padding:30px 30px 0 30px
}


/* #Footer
================================================== */

footer {
	padding:25px 0
}

footer article {
	width:100%;
	max-width:400px;
	float:none;
	margin:0 auto
}

footer article p {
	width:auto;
	float: none;
	padding:25px 0 0 0
}

footer article .logo-footer {
	float:left;
	margin:0 25px 0 0
}

footer .copy-right {
	width:100%;
	max-width:400px;
	float: none;
    margin: 0 auto;
    padding-top:1em;
    text-align:center;
}

footer .login {
	width:100%;
	max-width:400px;
	float: none;
    margin: 0 auto;
    padding-top:2em;
    text-align:center;
}

footer .login .button{
	width:100%;
	margin:0 auto;
}

footer aside ul {
	margin-top:1em;
}

footer aside ul li {
	padding-bottom:16px;
	text-align:center;
}


/* #BEST IN AMERICA
=======================================================*/

.left-col {
	width:100%;
	float:left
}

.right-col {
	width:100%;
	float:right
}

.txt-section1 {
	width:100%;
	float:left
}

.txt-section1 .heading-main {
	text-align:center
}

.txt-section1 .heading-main h1 span {
	background:url(../png/icon-divider02.png) no-repeat left center;
	padding:0 0 5px 80px
}

.txt-section1 p {
	text-align:justify
}

.txt-section1 aside {
	width:100%;
	float:left;
	padding:0 0 30px 0
}

.txt-section1 figure {
	text-align:center;
	padding:0
}

.logo-sub {
	padding:0 0 30px 0
}

.logo-sub img {
	max-width:45%
}

/* #MISSION & SERVICES
=======================================================*/

.service-list-bg {
	background:none;
	box-shadow: 0px 5px 2px #ccc;
	behavior: url(../pie.html);
	position:relative;
	padding:0
}

/* #CHARITIES LIST-02
=======================================================*/

.charities-list {
	width:100%;
	float:left
}

.charities-list h2 {
	padding:0 0 25px 0
}

.charities-list .heading-main {
	padding:0 0 15px 0
}

.charities-list article {
	width:100%;
	float:left
}

.charities-list article ul {
	width:100%;
	padding:0;
	margin:0 0 -2px 0;
}

.charities-list article ul li:hover .drop-box-bg {
	display:none
}

.charities-list article ul li .drop-box-bg {
	top:-205px;
	right:0;
	left:0
}

.charities-list article ul li .drop-box .curve {
	width:100%;
	height:11px;
	background:url(../png/icon-curve06.png) no-repeat center center;
	top:auto;
	left:0;
	bottom:-11px
}

.charities-list article .last-list li .drop-box .curve {
	width:100%;
	height:11px;
	background:url(../png/icon-curve06.png) no-repeat center center;
	top:auto;
	left:0;
	bottom:-11px
}

/* #CHARITIES
=======================================================*/

.charities-info .heading-main {
	padding:0 0 20px 0
}

.charities-info .top-links {
	width:100%;
	float:right;
	text-align:center;
	position:static;
	top:0;
	right:0
}

.charities-info .top-links a {
	margin:0 0 15px 20px
}

.charities-info .txt-section2 {
	padding:20px
}

.charities-info .txt-section2 h2 {
	text-align:center
}

.charities-info aside {
	width:100%;
	background:none;
	margin:40px 0 0 0
}

.charities-info aside figure {
	width:100%;
	float:left;
	padding:0 0 30px 0
}

.charities-info article {
	width:100%;
	background:none;
	padding:0;
	margin:0
}

.charities-info article .wb-address {
	width:100%
}

.charities-info article .wb-address p {
	padding:0 35px 0 0
}

.charities-info article .share-social {
	width:100%;
	float:left;
	padding:0
}


/* #HOW TO JOIN
================================================== */

.section-join {
	padding:0 0 35px 0
}

.section-join article {
	min-height:inherit
}

.section-join aside {
	width:100%;
	max-width:320px;
	max-height:none;
	float:none;
	display:inline-block
}

.section-join aside h2 {
	min-height: inherit
}

.section-join .article-box-bg {
	width:100%;
	margin-right:0
}

.section-join .article-box {
	width:100%;
	margin:105px 0 10px 0
}

.section-services {
	padding-bottom:40px
}

.section-services .heading-main {
	padding:0 0 20px 0;
}

.section-services ul {
	padding-bottom:20px
}

.section-services ul li {
	background-size:24px 22px;
	padding:0 0 4px 33px;
	margin-bottom:24px
}

.section-services .article-box aside h2 {
	font-size:18px;
	line-height:22px
}

.section-services .article-box .curve-left {
	display:none
}

.section-services .article-box .curve-right {
	display:none
}


/* #WAYS TO GIVE
=======================================================*/

.thumbs-list .heading-main {
	padding:0 0 20px 0
}

.thumbs-list .article-bg {
	margin-bottom:-50px;
}

.thumbs-list article {
	margin:0 50px 50px 50px
}

}



/* Note: Design for a width of 480px */
@media only screen and (max-width: 479px) {
.show_mobile2 {
	display:block
}

.hide_mobile2 {
	display:none
}

/* #Header
================================================= */
.flex-grid-nav {
	display: none;
}

/* #Content Main
================================================== */

.bottom-section article h3 {
	font-size:16px
}

/* #CHARITIES
=======================================================*/

.charities-info .txt-section2 {
	padding:15px
}

/* #WAYS TO GIVE
=======================================================*/

.thumbs-list article {
	margin:0 20px 50px 20px
}

.lightbox {
	width:90%;
	margin:0 auto
}

}