@media only screen and (min-width: 0px) and (max-width: 767px) {
.nav-brand img {
    margin-top: 50px;
    width: 158px;
}
.vc_btn3-container{
	margin-left:30px !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty){
	font-size:10px;
	padding-left:40px !important;
}
.vc_custom_1589100613831 {
    margin-top: -100px !important;
    margin-left: 70px !important;
	position: absolute;
    right: 20px;
}
.vc_custom_1587980760641 {
	position: absolute;
    left: -20%;
}
.border_line{
  display: none;
}
.slider_caption{
  background-color: #ffffff;
  width: 170px;
  padding: 10px;
  border-bottom: 3px solid #00995a;
  margin-top: 30px;
  margin-left: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
 .hero-slides .single-hero-slide .hero-slides-content h2 {
    font-size: 12px;
    margin-bottom: 5px;
  }
.hero-slides .single-hero-slide .hero-slides-content p{
  font-size: 9px;
  line-height: 10px;
}
.top-header p{
  font-size: 12px;
}
.phone p{
  margin-top: -38px;
}
.number_of_mjf{
  position: relative;
  width: 100%;
  right: 0;
  bottom: 0;
  background: linear-gradient(240deg, transparent 0px, #00995a 0px);
}
.es_button{
  right: 0;
}
.es_button input[type="submit"]{
  height: 53px;
}
.get_involved{
  background-size: cover;
}
.border_right{
  border: none;
}
.mjf_support_des{
  padding: 0px;
  margin-top: 20px;
}
.support_img_right img{
  margin: 0;
}
.support_img_left{
  position: initial;
}
.support_img_left{
  margin-bottom: 20px;
}
.mjf_donation{
  margin-bottom: 250px;
}
.mjf_section{
  margin: 50px 0;
}
.ongoing_project{
      padding: 50px 0 60px 0;
}
.mjf_section_title h3{
  font-size: 25px;
}
.mjf_section_title h3:before{
  border-bottom: 5px solid #fead62;
}
.mjf_section_title p{
  width: 100%;
  font-size: 14px;
}
.donate-slides2{
  position: relative !important;
  left: 8%;
  width: 100%;
}
.events_programme{
  background:#00995a;
}
.events_section_title{
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
}
.events_programme{
  padding-top: 30px;
}
.events_section_title p{
  margin-bottom: 20px;
  text-align: center;
}
.event_bottom{
  border-bottom: 1px solid #dde5e6;
}
.what_we_do_content{
  width: 100%;
}
.video_content{
  width: 100%;
}
.latest_video{
  padding-bottom: 20px;
}
.non_profit_organization_left {
    width: 100%;
    float: none;
}
.non_profit_organization_right_content{
  padding: 20px;
}
.non_profit_organization_right{
  width: 100%;
}
.counter_content{
  width: 100%;
}
.newsletter_signup input[type="email"]{
  width: 100%;
}
.newsletter_submit input[type="submit"]{
  height: 53px;
}
.newsletter_submit{
  right: 15px;
}
.copy_right{
  margin-top: 30px;
}
.non_profit_organization_section{
  margin-bottom: 0;
}
.mobile_search{
  text-align: center;
  display: inline-block;
  line-height: 33px;
  cursor: pointer;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  background-color: #fe9330;
  color: #ffffff;
  height: 33px;
  width: 33px;
  border-radius: 50%;
}
.mobile_logo{
  display: none;
  position: absolute;
  top: 0px;
  left: 10px;
}
.mobile_logo img{
  margin-top: 0 !important;
}
.innerpage_header_title{
  background-color: #ffffff;
  width: 170px;
  padding: 10px;
  border-bottom: 3px solid #00995a;
  position: absolute;
  bottom:0;
  height: 170px;
  top: inherit;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.innerpage_header_title h2{
  font-size: 25px;
}
.innerpage_menu{
  border: none;
  margin-top: 30px;
}
.innerpage_menu ul li {
    padding: 5px 0;
    transition: .3s;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}
.innerpage_menu ul li a{
  font-size: 15px;
}
.passion{
  background-size: contain;
  min-height: 300px;
}
.passion_content{
  right: 20px;
  top: 40px;
}
.passion_content h1{
  font-size: 35px;
  line-height: 35px;
}
.passion_content h4{
  font-size: 15px;
  line-height: 15px;
}
.mission_content{
  padding: 0;
}
.meet_our_leadership{
  text-align: center;
}
.vission_promise{
  padding: 20px;
  background: #004a5f;
}
.vission_promise_content{
  padding:0px;
}
.years_of_experience, .district, .campaigns, .million_people_helped{
  width: 50%;
  float: left;
  height: 150px;
}
.joint_us{
  margin-bottom: 50px;
}
.career_of_mjf_content{
  width: 90%;
}
.career_of_mjf{
  padding: 30px 0;
  background: #5b2b35;
}
.career_of_mjf_content h1{
  font-size: 30px;
}
.career_of_mjf_content p{
  font-size: 12px;
}
.great_leadership_content{
  margin-bottom: 20px;
}
.great_leadership .meet_our_leadership{
  text-align: center;
  float: none;
  width: auto;
}
.header-area .faith-main-menu .classy-navbar .classynav ul li a{
  color: #ffffff;
  background-color: #00995a;
  border-bottom: 1px solid #22e494;
  font-size: 15px;
}
.publication_tabs .nav-tabs{
  width: 100%;
  border-left: 1px solid #e7e8e9;
}
.publication_tabs .nav-tabs li{
  margin: 0;
}
.publication_tabs .nav-link {
  padding: 10px 5px;
  border-left: none;
  border-radius: 0;
  color: #00495c;
  font-size: 15px;
}
.publication_tabs .nav-link.active:before{
  border-width: 10px;
  margin-left: -11px;
}
.publication_list{
  text-align: center;
}
.publication_list img{
  position: relative;
  left: inherit;
  top: inherit;
  margin-bottom: 20px;
}
.publication_list_content{
  padding: 0;
}
.publication_list_content_arrow{
  position: relative;
  width: 70px;
  top: inherit;
  right: inherit;
  margin: auto;
  transform:inherit;
  margin-top: 30px;
}
.report_single img{
  width: 100%;
}
.get_involved_content {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 40px 20px 20px 20px;
}
.get_involved_content h1{
  font-size: 30px;
}
.share_social_icon{
  float: left;
}
.press_release_right_content img{
  width: 100%;
}
.non_profit_organization_right_image img{
  position: relative;
}
.search-wrapper .search-form{
  width: 100%;
}
.slider_caption{
  display: none;
}
.get_involved{
  background-size: cover;
}
.founding_img img{
  position: absolute;
  left: 27px;
  top: 10px;
  border-radius: 7px;
  z-index: 9;   
}
.why_founding{
  border-radius: 7px;
  text-align:center;
  padding:40px 50px;
  height:auto;
  margin-right:0px;
  margin-bottom:80px;
  position:relative;
}
.why_mjf{
  margin-bottom:25px;
}
.why_founding h2{
  padding-top:220px;
}
.why_founding_button{
  position: relative;
  bottom: 0;
}
.publication_list{
  height: auto;
}
.innerpage_header_about{
  background-position: center;
}
#loadMore1, #loadMore2, #loadMore3 {
    width: 170px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0px auto 140px auto;
    padding: 5px 15px;
    border-radius: 3px;
    background: #fe9330;
    transition: .3s;
    font-family: 'Tiempos Headline Regular';
    font-size: 18px;
}
.press_release_left_content{
  padding: 20px;
}
.press_release_left_content h3 {
    font-size: 18px;
}
.event_mobile{
  background-color: transparent;
}
.get_involved_content a{
  width: auto;
  margin: 0 auto 0 auto;
  display: inline-block;
  font-size: 20px;
  padding: 5px 25px;
}
.meet_our_leadership{
  float: none;
}
.great_leadership_profile{
  margin-bottom: 30px !important;
}
.great_leadership_content{
  margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.non_profit_organization_right_image img{
  position: relative;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1980px) {
.what_we_do_content h3{
  padding: 0 40px;
}
.what_we_do_content p{
  padding: 0 10px;
}
.ongoing_project, .events_programme{
  background-size: cover;
}
.latest_video{
  background-size: contain;
}
.container{
  max-width: 1300px;
}
.donate-slides2{
  width: 80%;
  top: 100px;
}
.non_profit_organization img{
  width: 100%;
}
.non_profit_organization_right{
  position: relative;
}
.non_profit_organization_right img{
  margin-top: 189px;
}
.events_programme{
  padding-bottom: 300px;
}
.newsletter_submit{
  right: 20%;
}
.latest_news_content h3{
  margin-right: 40px;
}
.vission_promise, .career_of_mjf{
  background-size: cover;
}
.report_single img{
  width: 100%;
}
.get_involved_top img{
  width: 100%;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .events_programme .single-blog-area img{
    height: 200px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 1980px) {
  .donate-slides2{
    width: 80% !important;
    top: 0px !important;
  }
  .es_button{
    right: 18%;
  }
}