@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{width:980px; position:relative; }
}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }


}

@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }

.banner_content{width:100%; float:left; margin:30px 0; padding:0px;}
 



.about_area{width:100%; float:left; margin:0px; padding:0 0 60px 0;}
.about_area_left {  width: 100%;}
.about_area_left h2 {font-size: 36px;}
.Elizabeth{ display:block;}
.Elizabeth img{ width:100%; height:auto; margin-bottom:30px;}


.hope_area {
  background-size: contain; background:none; padding:30px 0;
}
.hope_area_left {
  width: 100%;
  float: right;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border-radius:00px;
}

.hope_area_left h2 { font-size: 40px;}

.form_area {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 10px 0%;
  text-align: center;
}

.form_area h2 { font-size: 36px;}
.form_area ul li {  width: 100%; float: left;  margin: 1% 0;}
.form_area ul li .btn {
  width: 100%;
  padding: 9px 41px;
  color: #fff;
  line-height: 50px;
  display: inline-block;
}
.topbar {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 5px 0;
  background: #f4039c;
}
.about_jojo_area_left{width:100%; float:left; margin:0px; padding:20px 0 0px 0; }
.about_jojo_area_right{width:100%; float:left; margin:0px; padding:20px 0 0px 0; }

.kids_area_quote{width:100%; float:left; margin:0px 0 0 0%; padding:20px; background:#f4039c; display:table; } 

.about_jojo_area_left h2 {  font-size: 36px;}


.inner_banner{ background-size:auto; text-align:center; min-height:350px; } 

.video_area p {
  padding: 0px 0% 30px;

}
.video_area img{ width:100%; height:auto;}
.quote_area ul li {
  width: 100%;
  float: left;
  margin: 3% 0;}
  
 
 
.about_health1_left{width:100%; float:left; margin:0px; padding:0px 0 0px 0; }
.about_health1_right{width:100%; float:left; margin:0px; padding:0px 0 20px 0; }
.about_area{width:100%; float:left; margin:0px; padding:0 0 60px 0;background:url(../images/about_bg - mob.jpg) no-repeat top center; background-size:cover; }  
}


@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}

.logo{width:100%; float:left; line-height:0px;  margin:0px 0 30px 0; padding:0px;  }
.banner_content{width:100%; float:left; margin:30px 0; padding:0px;}
.banner_content p{width:100%; float:left; margin:0px 0 25px; padding:0px 3%; color:#333; font-size:18px; line-height:24px; font-weight:400; text-transform:uppercase; font-style:italic; }
 

.banner{  min-height:570px; } 

.about_area {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0 0 60px 0;
  background: url("https://www.elizabethhopeministries.org/images/about_bgmob.jpg") no-repeat top center!important;
  background-size: cover;
}

.about_area_left {  width: 100%;}
.about_area_left h2 {font-size: 36px;}
.Elizabeth{ display:block;}
.Elizabeth img{ width:100%; height:auto; margin-bottom:30px;}


.hope_area {
  background-size: contain; background:none; padding:30px 0;
}
.hope_area_left {
  width: 100%;
  float: right;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border-radius:00px;
}

.hope_area_left h2 { font-size: 40px;}

.form_area {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 10px 0%;
  text-align: center;
}

.form_area h2 { font-size: 36px;}
.form_area ul li {  width: 100%; float: left;  margin: 1% 0;}
.form_area ul li .btn {
  width: 100%;
  padding: 9px 41px;
  color: #fff;
  line-height: 50px;
  display: inline-block;
}
.topbar {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 5px 0;
  background: #f4039c;
}


.inner_banner{ background-size:auto; text-align:center; min-height:350px; } 

.about_jojo_area_left{width:100%; float:left; margin:0px; padding:20px 0 0px 0; }
.about_jojo_area_right{width:100%; float:left; margin:0px; padding:20px 0 0px 0; }

.kids_area_quote{width:100%; float:left; margin:0px 0 0 0%; padding:20px; background:#f4039c; display:table; } 

.about_jojo_area_left h2 {  font-size: 36px;}

.video_area p {
  padding: 0px 0% 30px;

}
.video_area img{ width:100%; height:auto;}
.quote_area ul li {
  width: 100%;
  float: left;
  margin: 3% 0;}

.about_health1_left{width:100%; float:left; margin:0px; padding:0px 0 0px 0; }
.about_health1_right{width:100%; float:left; margin:0px; padding:0px 0 20px 0; }



}