.container {
	margin-right: auto;
	margin-left: auto;
	max-width:1190px;
	padding:0 10px;
}
.container:before, .container:after {
	display: table;
	content: " ";
}
.container:after {
	clear: both;
}
.container:before, .container:after {
	display: table;
	content: " ";
}
.container:after {
	clear: both;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */  
@media (min-width: 1190px) {

}	 
@media (max-width: 1189px) {
	/*home*/
	#widget_block_1 .widget_wrap  .widget_item  .txt{ font-size:20px; line-height:26px;}
	#widget_block_2 .widget_item > a{ font-size:20px; padding:0; line-height:26px;}
}
@media (max-width: 1100px) {
		#topnav_wrap{	width:calc((100% - 262px) - 20px);}	
}
@media (max-width: 979px) {	
	#topnav_wrap{	width:calc((100% - 262px) - 10px);}	
	#topnav_bot > ul > li{ padding:0 6px;}
	/*#topnav_bot > ul > li.hasSubnav{ padding:0 12px 0 8px;}
	#topnav_bot > ul > li.hasSubnav.active, #topnav_bot > ul > li.hasSubnav:hover{ padding:0 12px 0 8px;}*/
	#home_latestnews_main .newsitem .caption{/* height:240px;*/}
	#mainnav .submenu_wrap{ padding:20px 30px 15px;}
	#headsearch_form{ margin-left:4px;}
	#btn_topsearch{ font-size:22px!important;}
	
	.index_lists_wrap .list_item{ width:calc((100% - 30px)/2);}
  .serv_bar_table{ width:100%;}
}
@media (min-width: 768px) {
	#topnav_zone{ height:126px;}
	#widgetBlks .widgetItem.banner .main{ display:table!important; width:100%;table-layout: fixed;}
	#widgetBlks .widgetItem.banner .main a span{ display:table-cell; vertical-align:middle; text-align:center; line-height:0;}	
	#social_medias .btnswrap{ opacity:1!important;}
	#social_medias .btn_share{ display:none!important;}
	#tabListsWrapMain > ul > li{ position:static!important;}	
}
@media (min-width: 768px) and (max-width: 979px) {
	#footer_left{ width:65%; padding-right:2%;}
	#footer_logo{ width:35%;}

	.imgContentBlk .img{ width:30%; float:left; line-height:0;}
	.imgContentBlk .details{ width:70%; padding:25px 30px; float:right;}
	#tabMenuWrap .tabContent{ width:calc(100% - 320px);}
	.colorTable th, .colorTable td{ padding:10px 15px;}
	#dummyTabContent{ width:calc(100% - 232px); }
	.profileWrap .profile_details{ padding-left:0;}
	.listItemsCol > li{ width:50%;}
	
	#widget_block_1 .widget_wrap  .widget_item  .txt{ font-size:16px; line-height:20px;}
	#widget_block_1 .widget_wrap  .widget_item > span.img{ min-height:80px;}
	#widget_block_1 .widget_wrap  .widget_item > span.img img{ width:80px;}
	.jcf-select{ min-width:inherit;}
	.donation_form table.changeDonation table>tbody>tr>td:first-child{ display:none;}
}
/*mobile css starts*/
@media (max-width: 767px) {
	/*Navigation*/
	#mainnav_zone, #topnav_wrap{ display:none;}
	#wrapperInner{ background-size:100% 10px; padding-top:10px;}
	#mid_zone.home{ margin-top:0;}
	#topnav_zone .container{ padding:0 20px;}
	#footer_zone{ font-size:12px; background-size:100% 10px; padding-bottom:10px;}
	#seo_wrap{ padding:20px 0;}
	#seo_wrap h3{ padding:8px 0; font-size:14px; border-bottom: 1px solid #b2b2b2;}
	#seo_wrap h3.opened{ margin-bottom:8px;}
	#seo_wrap h3 .btn{ display:block;}
  #seonav > ul > li{ float:none; width:100%; margin-left:0; padding-bottom:0;}
	#seonav > ul > li > ul{ display:none; padding-bottom:8px; border-bottom: 1px solid #b2b2b2;}
	#seonav > ul > li:last-child > h3{border-bottom:none;}
	#footer_main_wrap{ padding:20px 0;}
	#footernav{ font-size:16px; line-height:20px;}
	#footer_socialmedia .social_networks{ font-size:16px; line-height:26px;}	
	#footer_socialmedia .social_networks a{ width:26px; height:26px;}
	#footer_socialmedia{ padding:12px 0 20px;}
	#site_info p:first-child{ padding-bottom:10px;}
	#footer_left{ margin-bottom:20px; padding-right:0;}
	#footer_left, #footer_logo{ float:none; width:100%; text-align:left;}
	#footer_logo{ padding:15px 0; position:relative;}
	#footer_logo #logo_wg{ float:left; margin-bottom:0; padding-right:15%;}
	#footer_logo #logo_oxfam_s{ float:left; padding-right:5%;}
	#footer_logo #logo_oxfam_s img{ width:154px;}
	#footer_logo #logo_wg img{ width:82px;}
	#btn_backToTop{ display:block; position:absolute; bottom:20px; right:15px; color:#FFF; font-size:14px;}
	#btnMobileNav{ display:block;}
	#logo_oxfam{ width:200px; padding:20px 0;}
	#mobile_nav_wrap{ display:block; position:absolute; z-index:1000; width:280px; top:0; right:-280px;}
	
	/*HOME*/
	#home_latestnews_main, #home_features_main{ padding:15px 0; }
	#home_latestnews_main .newsitem{ padding:0 8px;}
	#home_latestnews_main .newsitem  .caption h3, #home_latestnews_main .newsitem  .caption h3 a{ font-size:18px; line-height:22px;}
	#mainVisual .slideitem{ background-color:#f0f0f0; }
	#mainVisual .slideitem .info{ position:relative; left:auto; bottom:auto;width:100%; color:#3c3c3c; padding:20px;}
	#mainVisual .slideitem .info h2{ color:#0c8849; font-size:30px; line-height:100%; padding-bottom:15px;}
	#mainVisual .slideitem .info p{ font-size:16px; line-height:22px;font-weight:500;}
	#mainVisual .slideitem .info p:last-child{ padding-bottom:0;}
	#mainVisual .slideitem .info .btn_more{ border-color:#62a534; color:#62a534; font-size:16px;}
	#widget_block_1 .widget_wrap{ display:block; width:100%; padding-top:0; padding-bottom:35px;}
	#widget_block_1 .widget_wrap .widget_item{ display:block; width:50%; float:left; margin-bottom:15px;}
	#widget_block_1 .widget_wrap .widget_item .txt{ font-size:16px; line-height:16px;}
	#widget_block_1 .widget_wrap .widget_item > span.img{ padding-bottom:0; min-height:70px;}
	#make_a_donation{ width:80%; margin:0 auto; display:block; padding:35px 0;}
	#make_a_donation > img{ width:100%;}
	#home_latestnews .hd, #home_features .hd{ left:0; line-height:50px; height:50px; top:-50px; font-size:20px; width:200px;}
	#home_latestnews_zone, #home_features_zone{ margin-top:50px;}
	#widget_block_2{ padding:35px 0;}
	#widget_block_2 .widget_item{ padding:0 15px;}
	#widget_block_2 .widget_item > img{ width:90%;}
	#widget_block_2 .widget_item > a{ font-size:18px; line-height:16px; text-align:center;}
	#home_features_main .feature_item{ padding:0 8px;}
	#home_video_wrap{ width:100%; max-height:250px;	padding-bottom:56.25%;	padding-top:30px;	height:0;}
	#home_media{ padding:30px 10px!important;}
	#home_fb_wrap{ display:none;}
	#home_latestnews .btn_arrow, #home_features .btn_arrow{ display:none;}
	#home_latestnews_main .newsitem .caption{ }
	#home_visual_pager{ bottom:inherit;}
	#widgetBlks .main{min-height:0;}
	
	
	/*content*/
	#mainVisual .slideitem.filter:before{ display:none;}
	#middle_wrap .container{ padding:0;}
	#contentWrap{ padding:0 20px 30px;}
	#breadcrumb{ padding:15px 20px;}
	#breadcrumb a{ font-size:14px; line-height:150%;}
	h1{ padding:0 20px; font-size:26px; line-height:100%; }
	#widgetBlks .widgetItem{ margin-left:0; width:100%; float:none; margin-bottom:10px;}
	#widgetBlks h2 span{ font-size:18px; padding:0 15px;}
	#widgetBlks h2 .btn, #widgetBlks h2 .btn::after{ display:block;}
	#widgetBlks .main{ display:none; font-size:14px;}	
	#widgetBlks .widgetItem.banner .main{ text-align:center;}
	#widgetBlks .widgetItem.banner .gallery_wrap .img { height:240px;}

	#social_medias .btn_share{ display:inline-block; font-size:16px; }
	#social_medias .btnswrap{ opacity:0; position:absolute; text-align:right; right:-300px; top:0;}
	#social_medias .btnswrap:before{
		content:'';
		background-color:#FFF;
		opacity:0.75;
		position:absolute;
		right:0;
		top:0;
		width:100%;
		height:100%;
	}
	#social_medias .btnswrap a{ margin-left:5px; margin-right:0; margin-bottom:10px;}
	#social_medias .btnswrap a:first-child{ margin-left:0;}
	/*#social_medias .btnswrap a.sm_whatsapp, #social_medias .btnswrap a.sm_line, #social_medias .btnswrap a.sm_wechat{ display:inline-block;}
	#wechat_wrap{ display:inline-block; margin-left:5px;}*/
	
	#content{ font-size:15px; line-height:20px;}
	#content h2{ font-size:22px;}
	#content h3{ font-size:17px;}
	#content h4{ font-size:17px;}
	#content h5{ font-size:14px;}
	#content ul.column_2 > li{ width:100%;}
	
	/*table*/
	.colorTable thead th{ vertical-align:bottom;}
	.colorTable th, .colorTable td{ padding:8px;}
	.colorTable th.size{ width:100px;}
	
	/*job vacancies*/
	.jv_info{ margin-bottom:30px;}
	table th.date{ width:100px;}
	table th.pubDate{ width:122px;}
	
	#tabListsWrapMain > ul { width:100%; overflow:hidden!important; height:auto!important;}
	#tabListsWrapMain > ul > li{ position:relative !important;}
	#tabListsWrapMain > ul > li > a{ width:100%; position:relative;}
	#tabListsWrapMain > ul > li span{ position:absolute; right:0; top:0; width:50px; height:50px; display:block;}
	#tabListsWrapMain > ul > li a:before{ content:""; border-left: 6px solid transparent;	border-right: 6px solid transparent; border-top: 6px solid #b2b2b2; position:absolute; right:15px; top:50%; margin-top:-3px;}
	#tabListsWrapMain > ul > li.selected a:before{ border-top:none; border-bottom: 6px solid #0c884a;}
	#tabListsWrapMain > ul > li span{ width:100%; cursor:pointer;}
	#tabListsWrapMain > ul > li > .tabContent{ position:relative; left:0; top:0; width:100%; display:none; padding:15px; }
	#tabListsWrapMain .tabcol_2{ width:100%; margin:0; float:none;}
	#dummyTabContent{ display:none;}
	#tabListsWrapMain > ul > li.selected > a{ font-size:16px;}
	#tabMenuWrap #tabMenuList.fixed{ position:relative;}
	
	#tabMenuWrap #tabMenuList, #tabMenuWrap .tabContent{ width:100%; float:none;}
	#tabMenuWrap #tabMenuList{ margin-bottom:40px;}
	#tabMenuWrap{ margin:20px 0 0; padding-top:40px;}
	.photoGallery .galleryItem .imgInner{ height:auto;}
	.photoGallery .btn_photo{ display:none;}
	.imgContentBlk{ margin-bottom:0;}
	.past_issues_wrap{ padding:20px 0;}
	.slideShowWrap .slideitem .img, .slideShowWrap .slideitem .details, .imgContentBlk .img, .imgContentBlk .details{ width:100%; float:none;}
	.imgContentBlk .img{ text-align:center; padding:30px 30px 0 30px;}
	.imgContentBlk .img img{/* max-width:300px!important;*/}
	#content .img_holder{ width:100%;}
	#content .f_right, #content .f_left{ float:none; margin-left:0; margin-right:0;}
	.profileWrap{ margin-top:30px;}
	.profileWrap .profile_img, .profileWrap .profile_details{ display:block; width:100%; padding:0;}
	.profileWrap .profile_img{  margin-bottom:20px;}
	.profileWrap .profile_img img{ max-width:200px!important;}
	
	.index_lists_wrap .list_item{  margin-left:0; margin-right:0; width:100%; border:none; margin-bottom:30px;}
	.index_lists_wrap .list_item .list_img{ height:auto; width:40%; float:left; background:none; margin-right:20px;}
	.index_lists_wrap .list_item .list_img a{ display:block; text-align:left; height:auto;}
	.index_lists_wrap .list_item .list_img img{ width:100%; /*max-height:150px; height:150px;*/}
	.index_lists_wrap .list_item .list_detail{ height:auto; width:calc(60% - 20px); float:left; padding:0;}
	.index_lists_wrap .list_item .list_detail p{ padding-bottom:0;}
	.index_lists_wrap .list_item .list_detail .hd{ font-size:18px;}
	.btnWrap{  padding:20px 0;}
	.donateListWrap .donate_list .list_img{ width:40%;}
	
	#videoBlks .video_item{ float:none; width:100%; margin-left:0;}
	

	
	/*publication*/
	.publicationWrap .details, .publicationWrap .img{ float:none; width:100%;}
	.publicationWrap .img{ text-align:center; margin-bottom:20px;}
	.publicationWrap .img img{ width:250px;}
	
	.jcf-select .jcf-select-text, .jcf-list .jcf-option{ font-size:14px;}
	.jcfform .jcfform_table .checkbox_cell{ vertical-align:top; }
	.jcf-checkbox{ /*margin-left:10px;*/}
	.jcfform .jcfform_table .checkbox_others{ margin-left:0;}
	#form_survey .form_input_blk{ margin-left:20px; margin-bottom:20px; padding-top:10px;}
	.rank_title{ width:auto;}
	#form_survey .form_input_blk textarea#express_comments{ height:150px;}
	.radio_wrap:last-child label{ padding-right:0;}
	
	form table .form_left{ width:100px; padding-top:10px;}
	.donation_form .formInput{ width:100%!important;}
	.jcf-radio + label, .jcf-checkbox + label{ padding-left:0;}
	.input_wrap{ width:100%; padding-right:0!important;}
	.there_inputs_row .input_wrap, .two_inputs_row .input_wrap{ width:100%; margin-left:0; padding-right:0; float:none;}
	
	
	#sitemap_wrap .sitemap h3{ padding-bottom:10px;}
	#sitemap_wrap .sitemap > ul > li{ float:none; width:100%;}
	#sitemap_wrap .sitemap > ul > li ul{ padding-bottom:0;}
	
	.listItemsCol > li{ width:100%;}
	
	/*Old oxfam site style*/
	.subheader_black{ font-size:22px;}
	.publications .box{ float:none; width:100%;}
	#product .product_list{ width:100%; float:none; margin-bottom:20px;}
	#product{ margin-bottom:0;}
	#content object{ width:100%!important;}
	
	#donation_CaptchaImageDiv{ width:calc(100% - 25px);}
	#donation_CaptchaDiv, input[name='captcha']{ width:100%!important;}
	.donation_form input[name='email']{ width:100%!important;}
	.donation_form .notice{}
	.donation_form .jcf-select{ min-width:auto; width:100%;}
	
	table{/*  max-width:100%; */}
	.table_adaptive table{ width:auto!important;}
	.donation_form table.changeDonation table td{ display:block;}
	.donation_form{ padding:20px 15px;}
	.donation_form .form_style1  > table > tbody > tr > td{ display:block; width:100%;}
	table.blockTable > tbody > tr > td{ display:block; width:100%!important;}
	.donation_form .form_style1 table input[type=text]{ width:100%!important;}
	.donation_form .form_style1 table input.amount_others[type=text]{ width:120px!important;}
}
@media (min-width: 480px) and (max-width: 767px){

}
@media (max-width: 479px) {	
	#widget_block_1 .widget_wrap  .widget_item > span.img img{ width:80px;}

}
@media (max-width: 320px) {	
	#social_medias .btnswrap a{ width:32px; height:32px;}
	.jcf-radio + label{ padding-right:10px;}
	form table .form_left{ width:80px;}
}
/*----------------------------------------generic media query ends--------------------------*/