 @media screen and (max-width: 1152px) {

}

@media screen and (max-width: 960px) {
  
  body aside,
  body #content,
  #top-area .column,
  #footer-area .column{
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
  }

  #footer,
  #page-wrap{
    padding: 0 15px;
  }

  #page-wrap {
  	box-shadow: none;
  	border: 0;
  }

  .top_right .region-search{ float: none;}

  .social-icons,
  .footer_credit .copyright{
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }

  .region-search{
    margin: 10px auto;
    width: 200px;
    float: none;
    clear: both;
  }

  .nivo-caption {
  	display: none !important;
  }

  .front #page-wrap{
  	top: 0;
  	box-shadow: none;
  }

  .theme-default .nivo-controlNav {
  	bottom: 10px;
  }

}


@media screen and (max-width: 641px) {}

@media (min-width:1024px) and (max-width: 1360px) {
	.menu-wrap { width: 1040px;}
	#main-menu a{ font-size:13px}
	#main-menu li li a{ font-size:13px}
	#logo{ width:250px; padding-top:7px}
	#logo img{ width:100%}
	#page-wrap{ width:95%}
	.region-front-welcome { width: 100%; }
	.views-field-field-the-featured-story-image{ width:50%}
	.partner_sportlight{ width:32%; height:550px}
	.key_partner{ width:66%}
	.key_partner .views-row{ width:33%}
	.upcoming_events{ width:65%; height:620px}
	.home_news{ width:33%}
	.upcoming_events .views-field.views-field-field-events-thumbimage{ width:26%}
	.upcoming_events .views-field{ width:74%}
	.upcoming_events .views-field-field-events-featured-image{ width:26%}
	.views-field-field-events-featured-image{ width:30%}
	.email_newsletter{ width:49%; height:307px}
	.twitter_tweet{ width:49%}
	#mc_embed_signup input.email{ width:78% !important}
	.footer-social-icon{ width:95%}
	.footer-social-icon ul li{ width:23.3%}
	#main-menu a{ padding-left:11px; padding-right:11px}
	.region-search{ right:0px; top:70px}
	.twitter_tweet{ height:307px}
	.key_partner{ padding-bottom:23px; height:550px}
	.home_news{ padding-bottom:110px; height:620px}
	
	/* about us*/
	.about_content_wrap .views-row{ width:32%}
	.main-about-us{ width:100%}
	.about_content_wrap .views-row-1, .about_content_wrap .views-row-2{ margin-right:15px}
	.inner_center_wrap{ width:100%}
	.left_des{ width:67%}
	.right_des{ width:30%}
	
	.region-our-staff .view-content{ width:90%}
	.who_we_are{ width:100%}
	.who_we_are .content{ width:70%}
	.about_content_wrap .views-field.views-field-nothing{ width:100%}
	.tabbing_wrap{ margin-top:-9px}
	.tabbing_wrap ul li.current{ font-size:16px; max-height:51px}
	.tabbing_wrap ul li.tab2 a{ font-size:16px; max-height:51px}
	.tabbing_wrap ul li.tab3 a{ font-size:16px; max-height:51px}
	.tabbing_wrap ul li.tab1 a{ max-height:51px}
	
	/*our_work*/
	
		.our_work .country_support .heading{ font-size:24px}
	.our_work .advocacy .heading{ font-size:24px;}
	.our_work .knowledge .heading{ font-size:24px;}
	.our_work .tech .heading{ font-size:24px;}
	
	.our_work .info .main{ width:100%}
	.our_work .work_wrap{ width:90%}
	.our_work .even .pic, .our_work .odd .pic{ width:45%}
	.our_work .even .cont_detail, .our_work .odd .cont_detail{ width:48%}
	.our_work .left_des{ margin-right:0px; width:48%}
	.our_work .right_des{ float:right; width:48%}
	.our_work_tabbing_wrap{ margin-top:-9px}
	
	.our_work_content_img{ width:100%}
	.our_work_content_img img{ width:100% !important}
	.our_work_content_right_des{ width:100%; padding-top:25px; padding-bottom:25px;}
	.our_work_content_right_des .right_des{ width:100%}
	.events-list .views-field-body-1, .news-list .views-field-body{ min-height: 275px;}
	.our_work_tabbing_wrap ul li.tab a{ font-size:16px}
	.our_work_tabbing_wrap ul li.current{ max-height:51px}
	.our_work_tabbing_wrap ul li.current span{ margin-top:9px}
	.our_work_tabbing_wrap ul li.current{ font-size:16px}
	
	/*contact us*/
	.contact_us .right_cont{ width:45%}
	.contact_us .right_cont .col1, .contact_us .right_cont .col2{ width:45%}
	
	/*news-event*/
	.latest-news .views-field-field-news-small-image{ width:46%}
	.events-list .views-row, .news-list .views-row{ width:31%}
	.events-list .views-field-title, .news-list .views-field-title{ font-size:21px}
	.news_tabbing_wrap{ margin-top:40px}
	.inner_center_wrap{ margin-top:30px}
	.news_image{ width:100%}
	
	.sth_inner .left_desc{ width:630px}
	.sth_coalition{ width:100%}
	.sth_coalition .logo_section{ width:100%}
	
	.featured-video{ width:100%}
	.featured-video .video_title{ width:27%}
	.featured-video .video_desc{ width:68%}
	.video-list .views-row{ margin-right:28px}
	.video-list .views-row-4, .video-list .views-row-8, .video-list .views-row-12{ margin-right:0px}
	
	.featured-video .play{ left:47% !important; top:325px !important}
	.latest-events .views-field.views-field-nothing{ width:100%}
	.latest-events .views-field-field-events-featured-image{ width:40%}
	.latest-events .views-field-field-events-featured-image img{ width:100%}
		
	}


@media screen and (max-width: 1023px) {

body{ padding-top:0px !important}
  #logo,
  #site-title{
    display: inline-block;
    text-align: center;
    float: none;
    vertical-align: top;
  }

  .menu-wrap{  
    background: #333;
    overflow: hidden;
  }

  #main-menu ul {
    display: none;
  }

  #main-menu li ul {
    position: static;
    border: 0;
  }

  #main-menu li ul ul {
    margin: 0 !important;
    border: 0;
  }

  #main-menu ul,
  #main-menu li {
    float: none;
    width: 100%;
  }

  #main-menu {
    border: 0;
    float: none;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    right: 0;
  }

  #main-menu a {
    width: 100%;
    padding: 15px 0;
    color: #fff;
    border-radius: 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #181818;
  }

  #main-menu li li a {
    text-align: center;
    font-size: 13px;
    background: #0D0D0D;
    border-bottom: 1px solid #1B1B1B;
    color: #989898;
    padding: 15px 0;
  }

  #main-menu li a.active{
    border-bottom: 1px solid #181818; 
  }

  #main-menu li:hover > ul,
  #main-menu li li:hover > ul,
  #main-menu li li li:hover > ul {
    display: none;
  }

  .drop-down-toggle {
    display: block;
  }

  #main-menu .nav-toggle {
    display: block;
    font-size: 15px;
    font-weight: normal;
    background: #18222B;
    color: white;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    background: url(../images/mobile-menu.png) right 14px #18222B no-repeat;
    padding: 15px;
    width: 50px;
    font-size: 0;
    height: 45px;  
  }

  #main-menu li li.expanded > a {
    background: none;
  }

  #main-menu ul.menu li {
    margin: 0;
    width: 100%;
  }

  #header{
  	margin-top: 45px;
  	padding: 5px 10px;
  }

  #top-area .column img,
  #footer-area .column img{
  	width: 100%;
  }

  .top_right .region-user-menu ul.menu{
  	float: none;
  	text-align: center;
  }

  .top_left, .top_right{
    float: none;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }

  .page-gallery .region-content .view-gallery .views-row{
  	width: 50%;
  }
  
  
  .full-wrap{ position:inherit}
	.menu-wrap{ width:100%}
	
	#block-views-featured-story-block{ width:100%; padding:0px}
	.views-field-title{ font-size:24px; line-height:24px; margin-bottom:0px}
	.featured_story .field-content p{ margin-bottom:10px}
	.views-field-path{ font-size:14px}

  
  #page-wrap{ width:100%}
	.featured_story{ width:100%; border-top:3px solid #99ae7e; }
	.featured_story img{ width:100%}
	.featured_story_content{ padding:0px}
	
  	#desktop-joinus-item{ display:none}
	#mobile-contactus-item{ display:block !important;}
	#mobile-contactus{ padding-left:5%; padding-right:5%}
 	.partner_wrap{ width:100%}
	.partner_sportlight{ padding:0 5%; width:100%; height:auto}
	.partner_sportlight .block-views h2{ padding-top:15px}
	.views-field.views-field-field-partners-logo{ float:left; width:45%; margin-right:5%}
	.field-content img{ width:100%}
	.views-field-body{ width:50%; float:left; font-size:16px}
	.featured_story .views-field-body{ width:100%}
	.field-content p{ text-align:left}
	.region-front-welcome .block h2{ margin-bottom:15px}
	.partner_sportlight .block-views h2{ margin-bottom:15px}
	.key_partner .block-views h2{ margin-bottom:15px}
	
	.key_partner{ margin-left:0px; margin-top:15px; width:100%; padding:0 5%; height:auto}
	.key_partner .views-row{ padding-right:0px; width:100%}
	.key_partner .block-views h2{ padding-top:15px}
	.upcoming_events{ width:100%; padding:0 5%; height:auto}
	.upcoming_events .upcoming_events_heading h2{ padding-top:15px}
	.upcoming_events .upcoming_events_heading span{ display:none}
	.upcoming_events .field-content p{ display:none}
	.upcoming_events_heading{ margin-bottom:15px}
	.upcoming_events .views-field.views-field-field-events-thumbimage{ width:35%}
	.events_news_wrap{ width:100%}
	.featured_story .views-field.views-field-nothing{ width:100%;}
	.views-field-field-events-featured-image{ width:30%}
	.upcoming_events .views-field.views-field-nothing{ width:65%}
	.views-field.views-field-nothing{ width:65%}
	.upcoming_events .views-row{ width:100%}
	.event_wrap{ width:85%}
	.upcoming_events .views-field-title{ font-size:21px; line-height:21px; width:100%}
	.upcoming_events .views-field-created span.field-content{ padding-bottom:5px}
	.home_news{ margin-left:0px; margin-top:15px; width:100%; padding:0 5%; height:auto}
	.home_news .upcoming_events_heading h2{ padding-top:15px}
	.home_news .upcoming_events_heading span{ display:none}
	.home_news .views-field-title{ font-size:21px}
	.email_newsletter{ width:100%; padding:0 15px 15px}
	.email_newsletter .block h2{ padding-top:20px; margin-bottom:5px; padding-bottom:5px}
	#mc_embed_signup input.email{ width:62% !important}
	.twitter_tweet{ margin-left:0px; margin-top:15px; padding-bottom:30px; width:100%; height:auto}
	.footer-social-icon{ display:none}
	.footer_credit{ padding:5px 0px}
	#mc_embed_signup label{ margin-bottom:15px !important}
	.slider-wrapper #slider{ background:#fff}
	.nivo-caption{ display: block !important; position:relative; left:0px; max-width:85%}
	.theme-default .nivo-caption { color:#497427;}
	.theme-default .nivo-caption * { color:#497427;}
	.stickynav-active{position:inherit;}
	.upcoming_events_heading_mobile{ float:left; width:100%; text-align:center; border-top:1px solid #718e4f; padding-top:10px; padding-bottom:10px; display:block}
	.upcoming_events_heading_mobile a{ color:#FFFFFF; font-family: 'proxima_novasemibold'; text-transform:uppercase; font-size:18px}
	.home_news .upcoming_events_heading_mobile{ padding-top:35px}
	
	.region-front-welcome .block h2.featured_mobile{ display:block;}
	.region-front-welcome{ padding: 0 5% 7%; width: 100%;}
	.region-front-welcome .block h2{ display:none; padding-top:25px; padding-bottom:10px}
	.views-field-title{ padding-top:15px}
	
	.line { border-top: 5px solid #497427; float: left; margin-bottom: 2px; margin-top: 2px; padding-top: 0; width: 30px;}
	.nivo-caption p strong{ font-size:24px}
	
	#logo.mobile_logo{ float:left; width:75%; padding:10px 0px}
	.responsive-menus.responsified{ clear:none}
	.responsive-menus.responsified span.toggler{ margin-top:30px}
	#logo.desktop_logo{ display:none}
	#logo.mobile_logo{ display:block}
	.views-field-field-the-featured-story-image{ width:100%}
	.nav_wrap{ top:0px}
	#search-menu-item-id{ display:none}
	.nivo-directionNav{ display:none}
	.nivo-controlNav{ display:none}
	.email_newsletter{ padding:0 5%;}
	
	.m-twitter-btn{ float: left; text-align: center; width: 100%; display:block}
	.twitter_events_heading{ padding-bottom:5px; margin-bottom:5px}
	.twitter_events_heading span{ display:none}
	.email_newsletter{ padding-bottom:25px; height:auto}
	
	/* about us*/
	.inner_center_wrap{ width:90%; margin-top:30px}
	.small_content{ width:100%}
	.small_content p{ padding-bottom:40px}
	.about_content_wrap{ margin-top:0px; padding-bottom:40px}
	.about_content_wrap .views-row-1{ margin-right:0px}
	.about_content_wrap .views-row-2{ margin-right:0px}
	.about_content_wrap .views-field.views-field-nothing{ width:100%}
	.main-about-us{ width:100%}
	.about_key_wrap .key_partner .views-row{ width:100%; padding-right:0px}
	.about_mid_des{ font-size:21px; line-height:27px}
	.left_des{ width:100%; margin-right:0px;}
	.right_des{ width:100%}
	
	.tabbing_wrap{ margin-top:-9px}
	.tabbing_wrap ul li{ width:100%;}
	.tabbing_wrap ul li.tab2{ border-right:0px}
	.inner_heading h1.page-title{ font-size:24px}
	.inner_content_images{ margin-top:30px}
	.tabbing_wrap ul li.current span{ display:none}
	
	.view-our-staff .small_content{ width:90%}
	.our_work_tabbing_wrap ul li.current span{ width:100%}
	
	/*contact us*/
	.contact_us .left_form{ width:45%}
	.contact_us .right_cont{ width:50%}
	.contact_us .right_cont .col1, .contact_us .right_cont .col2{ width:45%}
	
	/*news-event*/
	.latest-news .views-field-field-news-small-image{ width:46%}
	.events-list .views-row, .news-list .views-row{ width:31%}
	.events-list .views-field-title, .news-list .views-field-title{ font-size:21px}
	.news_tabbing_wrap{ margin-top:40px}
	.inner_center_wrap{ margin-top:30px}
	.news_Events_wrap{ width:50%; margin-top:0px}
	.latest-news{ padding-bottom:45px;}
	.latest-news .views-field.views-field-nothing{ width:100%}
	.events-list .views-row, .news-list .views-row{ width:47%}
	.events-list .views-field-body-1, .news-list .views-field-body{ width:100%; min-height:236px}
	.news_tabbing_wrap ul li{ width:100%}
	.news_tabbing_wrap ul li.current span{ display:none}
	.news_Events_wrap{ width:100%; padding-left:0px}
	.news_image{ width:100%}
	.news_image img{ width:100%}
	body.sidebar-second .content-sidebar-wrap{ width:100%}
	
	.sth_coalition{ width:100%}
	.sth_coalition .btm_left_des{ width:100%}
	.sth_coalition .btm_right_des{ width:100%; margin-top:10px}
	.nivo-caption a.fancybox-media{ display:none !important}
	.nivo-caption a.fancybox-media img{ display:none !important}
	.nivo-caption a#mobile-fancybox-media{ width:100%; height:90px; float:left; border-bottom:0px; text-align:center; margin:0 auto 40px; display:block !important}
	.nivo-caption a#mobile-fancybox-media img{ display:block; float:none; position:inherit; text-align: center; width:90px; margin:0 auto; display:block !important}
	

	
	
}

@media screen and (max-width: 767px) {
	
	.region-our-staff .view-content{ width:90%}
	.views-field.views-field-nothing{ width:100%}
	.view-our-staff .who_we_are{ width:100%}
	.who_we_are .content{ width:100%}
	.who_we_are .staff_img{ margin-right:0px;}
	.region-our-staff .view-content{ margin: 30px auto 0;}
	
	.region.region-our-work{ width:100%}
	
	.our_work .country_support{ width:100%; min-height:0;  padding-top: 30px;}
	.our_work .advocacy{ width:100%;min-height:0;  padding-top: 30px;}
	.our_work .knowledge{ width:100%;min-height:0;  padding-top: 30px;}
	.our_work .tech{ width:100%;min-height:0;  padding-top: 30px;}
	
	.our_work .country_support ul{ padding-bottom: 5%;}
	.our_work .advocacy  ul{ padding-bottom: 5%;}
	.our_work .knowledge  ul{ padding-bottom: 5%;}
	.our_work .tech  ul{ padding-bottom: 5%;}
	
	.our_work .country_support ul li{ padding-bottom: 10px;}
	.our_work .advocacy  ul li{ padding-bottom: 10px;}
	.our_work .knowledge  ul li{ padding-bottom: 10px;}
	.our_work .tech  ul li{ padding-bottom: 10px;}
	
	
	.our_work .country_support .heading{ }
	.our_work .advocacy .heading{ padding-left:0; text-align:center}
	.our_work .knowledge .heading{padding-left:0; text-align:center}
	.our_work .tech .heading{  padding-left:0; text-align:center}
/*	
	.our_work .advocacy .advocacy_img{ margin-left:20px}
	.our_work .country_support .support_img{ margin-bottom:20px}*/
	.our_work .country_support, .our_work .advocacy, .our_work .knowledge, .our_work .tech{margin:0 auto}
	.our_work .work_wrap{ width:100%}
	.our_work .even .pic{ width:100%; height:auto}
	.our_work .info{ margin-bottom:50px}
	.our_work .even .cont_detail{ width:100%; margin-top:20px; margin-bottom:30px}
	.region.region-our-work .view-content{ width:90%; margin:0 auto; float:none}
	.our_work .left_des{ width:100%; margin-right:0px}
	.our_work .odd .pic{ width:100%; height:auto}
	.our_work .odd .cont_detail{ width:100%}
	.our_work .odd .cont_detail{ margin-top:20px; margin-bottom:30px}
	
	.our_work_tabbing_wrap ul li{ width:100%; border-right:0px}
	.our_work_content_img{ width:100%}
	.our_work_content_img img{ width:100% !important; height:auto !important;}
	.our_work_content_right_des{ width:100%; padding-top:15px; padding-bottom:15px;}
	.our_work .right_des{ width:100%}
	
	/*contact us*/
	.contact_us .left_form{ width:100%}
	.contact_us .right_cont{ width:100%}
	.contact_us{ margin-top:0px}
	.contact_us .form-text.required{ width:100%}
	.contact_us .form-text{ width:100%}
	.contact_us .right_cont .map_img{ width:100%}
	.contact_us .right_cont .map_img img{ width:100% !important}
	.contact_us .right_cont .cont_title{ font-size:18px}
	.contact_us .right_cont .col1, .contact_us .right_cont .col2{ width:100%; padding-top:10px}
	
	.latest-news .views-field-field-news-small-image{ width:100%}
	.news_Events_wrap .news-latest-title{ font-size:27px; line-height:32px}
	.events-list .views-row, .news-list .views-row{ width:100%; margin-left:0px}
	.events-list .views-field-body-1, .news-list .views-field-body{ min-height:inherit;}
	.news_tabbing_wrap{ margin-bottom:30px; margin-top:20px}
	
	/*Join us page*/
	
	.join_us .left_form{ width:100%}
	.join_us .right_cont{ width:100%}
	.join_us{ margin-top:0px}
	.join_us .form-text.required{ width:100%}
	.join_us .form-text{ width:100%}
	.join_us .right_cont .map_img{ width:100%}
	.join_us .right_cont .map_img img{ width:100% !important}
	.join_us .right_cont .cont_title{ font-size:18px}
	.join_us .right_cont .col1, .join_us .right_cont .col2{ width:100%; padding-top:10px}
	.join_us .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea{ width:100%;}
	
	/*Media Gallery*/
	.views-slideshow-cycle-main-frame-row-item .views-field-title{ width:100%}
	.views-slideshow-cycle-main-frame-row-item .views-field-body{ width:100%}
	.views-slideshow-controls-top{ display:none}
	.views-slideshow-cycle-main-frame-row{ width:100%}
	.media_tabbing_wrap ul li{ width:100%}
	.media_tabbing_wrap ul li.current span{ display:none}
	
	/*Sth pages*/
	
	.inner_sth_img .sth_fpo img {width:100%;}
	.inner_sth_img .fpo_text { margin-left:0px; margin-top:0px; position:relative; font-size:24px; color:#333; width:100%; line-height:normal;}
	.sth_inner .left_desc {width:100%;}
	.btm_sth_links_right{ width:100%; font-size:18px;}
	.btm_sth_links_left{ width:100%; margin-top:1px; font-size:18px;}
	
    .sth_inner_wrap .sth_inner .right_desc{ width:100% !important;}	
	.sth_inner .graph{ margin-top:0px;}
    .sth_inner .right_desc.right_desc > p {float: left;margin-right: 20px;width: 61%;}
	
	.featured-video .video_title{ width:100%; margin-right:0px}
	.featured-video .video_desc{ width:100%; margin-top:10px}
	.latest-events .views-field-field-events-featured-image{ width:100%}
		
	
	}
	


@media (min-width:768px) and (max-width: 1023px) {
	.main-about-us{ width:100%}
	.about_content_wrap .views-row{ width:31.7%}
	.about_content_wrap .views-row-1{ margin-right:15px}
	.about_content_wrap .views-row-2{ margin-right:15px}
	#footer, #page-wrap{padding: 0 15px;}
	.left_des{ width:65%; margin-right:3%}
	.right_des{ width:30%; font-size:21px}
	.inner_content_images{ margin-top:30px}
	.about_mid_des{ font-size:24px; line-height:28px}
	
	.region-our-staff .view-content{ width:90%}
	.who_we_are{ width:100%}
	.who_we_are .staff_img{ width:26%}
	.who_we_are .content{ width:69%}
	.view-our-staff .views-field.views-field-nothing{ width:100%}
	
	.region.region-our-work{ float:none}
	.our_work .info{ margin-bottom:30px}
/*	.our_work .advocacy{ float:right}
	.our_work .tech{ float:right}*/
	.our_work .country_support{ }
	.our_work .advocacy{}
	.our_work .knowledge{ }
	.our_work .tech{ }
	

	.our_work .country_support .heading{ font-size:20px}
	.our_work .advocacy .heading{ font-size:20px;padding-left:0; text-align:center}
	.our_work .knowledge .heading{ font-size:20px;padding-left:0; text-align:center}
	.our_work .tech .heading{ font-size:20px; padding-left:0; text-align:center}
	
	.our_work .country_support ul li{ font-size:15px}
	.our_work .advocacy ul li{ font-size:15px}
	.our_work .knowledge ul li{ font-size:15px}
	.our_work .tech ul li{ font-size:15px}
	
	.our_work .work_wrap{ width:100%}
	.our_work .views-field.views-field-nothing{ width:100%}
	.our_work .even, .our_work .odd{ float:none; margin:0 auto; width:90%}
	.our_work .even .pic, .our_work .odd .pic{ width:47%; height:auto}
	.our_work .even .cont_detail, .our_work .odd .cont_detail{ width:47%; margin-top:0px; margin-bottom:25px}
	.our_work .left_des{ width:100%; margin-right:0px}
	
	.our_work_tabbing_wrap ul li{ width:100%; border-right:0px}
	.our_work_content_img{ width:100%}
	.our_work_content_img img{ width:100% !important}
	.our_work_content_right_des{ width:100%}
	.our_work_content_right_des{ padding-top:25px}
	.our_work_content_right_des .right_des{ width:100%}
	.our_work .right_des{ width:100%}
	.news_Events_wrap{ width:50%; padding-left:25px}
	.main-about-us ul li.about-title{ font-size:17px}
	
	/*Media Gallery*/
	.views-slideshow-cycle-main-frame-row-item .views-field-title{ width:45%}
	.views-slideshow-cycle-main-frame-row-item .views-field-body{ width:45%}
	.views-slideshow-controls-top{ top:170px}
	.views-slideshow-cycle-main-frame-row{ width:100%}
	
	/*Join us page*/
	
	.join_us .left_form{ width:100%}
	.join_us .right_cont{ width:100%}
	.join_us{ margin-top:0px}
	.join_us .form-text.required{ width:100%}
	.join_us .form-text{ width:100%}
	.join_us .right_cont .map_img{ width:100%}
	.join_us .right_cont .map_img img{ width:100% !important}
	.join_us .right_cont .cont_title{ font-size:18px}
	.join_us .right_cont .col1, .join_us .right_cont .col2{ width:100%; padding-top:10px}
	.join_us .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea{ width:100%;}
	
	.sth_inner_wrap .sth_inner .right_desc{ width:100% !important;}	
	.sth_inner .graph{ margin-top:0px;}
    .sth_inner .right_desc.right_desc > p {float: left;margin-right: 20px;width: 61%;}
	.sth_coalition .logo_section{ width:695px; float:none; margin:0 auto;}
	
	.featured-video{ width:100%}
	.featured-video .views-field.views-field-nothing{ width:100%}
	.featured-video .video_title{ width:28%}
	.featured-video .video_desc{ width:66%}
	.video-list .views-row{ width:29%; margin-right:2%; margin-left:2%}
	.video-list .views-field.views-field-nothing{ width:100%}
	.video-list .views-row-4, .video-list .views-row-8, .video-list .views-row-12{ margin-right:2%; margin-left:2%}
	
	.play{ top:60px !important; left:80px !important}
	.featured-video .play{ top:250px !important; left:46% !important}
	
	.latest-events .views-field.views-field-nothing{ width:100%}
	.latest-events .views-field-field-events-featured-image{ width:40%}
	.nivo-caption a.fancybox-media{ margin-left:280px; background:url(../images/m-slider-video-icon.png) no-repeat left top;}
	
		
	}
	
@media (min-width:980px) and (max-width: 1023px) {
		.play{ top:80px !important; left:110px !important}
		.featured-video .play{ top:310px !important; left:46% !important}
		.nivo-caption a.fancybox-media{ margin-left:360px; background:url(../images/m-slider-video-icon.png) no-repeat left top;}
			.our_work .country_support .heading{ font-size:23px}
	.our_work .advocacy .heading{ font-size:23px;padding-left:0; text-align:center}
	.our_work .knowledge .heading{ font-size:23px;padding-left:0; text-align:center}
	.our_work .tech .heading{ font-size:23px; padding-left:0; text-align:center}
	
		}

@media (min-width:640px) and (max-width: 1023px) {
	.key_partner .field-content img{ width:205px}
	.partner_sportlight .field-content img{ width:205px}
	
		
	}
		

@media (min-width:481px) and (max-width: 767px) {
	.sth_coalition .logo_section{width: 100%;}
	.sth_coalition .logo_section .logo_img{ width:31%}
	.sth_coalition .logo_section .logo_img img{ width:100%; margin-left:5px; margin-right:5px}
	.video-list .views-row{ width:44%; margin-right:3%; margin-left:3%}
	
	.play{ top:75px !important; left:110px !important}
	.featured-video .play{ top:275px !important; left:46% !important}
	.nivo-caption a.fancybox-media{ margin-left:220px; background:url(../images/m-slider-video-icon.png) no-repeat left top;}
	.main-about-us ul li.about_des{ height:auto}
	
	}	

@media screen and (max-width: 480px) {
	
.theme-default .nivo-controlNav{ top:180px}	
.upcoming_events .views-field-title{ font-size:23px; line-height:26px; padding-top:0px}
.home_news .views-field-title{font-size:23px;}

.inner_sth_img .sth_fpo img {width:100%;}
.inner_sth_img .fpo_text { margin-left:0px; margin-top:0px; position:relative; font-size:24px; color:#333; width:100%; line-height:normal;}
.sth_inner { width:100%;}
.sth_inner .left_desc {width:100%;}
.btm_sth_links_right{ width:100%; font-size:16px;}
.btm_sth_links_left{ width:100%; margin-top:1px; font-size:16px;}
.btm_sth_links_right .previous_link { margin-left:0px;}
.btm_sth_links_right .previous_link span { padding: 5px 0 0 40px;}
.btm_sth_links_left .next_link { margin-left:0px;}

.sth_inner .right_desc.right_desc > p {float: left;margin-right: 20px;width: 100%;}
.sth_coalition .logo_section{ width:100%}
.sth_coalition .logo_section .logo_img{ width:46%; margin-left:6px; margin-right:5px}
.sth_coalition .logo_section .logo_img img{ width:100%}

.video-list .views-row{ width:100%; margin-right:0px}
.featured-video iframe{ height:auto}
.play{ top:150px !important; left:180px !important}
.featured-video .play{ top:230px !important; left:46% !important}

.errorpage h2{ font-size:60px}
.errorpage h3{ font-size:21px}

.nivo-caption a#mobile-fancybox-media{ width:90px; padding:40px 0px; float:left; margin-left:100px; }

	.our_work .country_support ul { padding:2%}
	.our_work .advocacy  ul{ padding:2%}
	.our_work .knowledge  ul { padding:2%}
	.our_work .tech  ul { padding:2%}
	

}

@media screen and (max-width: 360px) {
	.play{ top:85px !important; left:120px !important}
	.featured-video .play{ top:200px !important; left:45% !important}
	
	
	
	}


@media (min-width:320px) and (max-width: 359px) {
	.nivo-caption a.fancybox-media{ margin-left:80px;}
	
	
	
	}
