#header .section, #main, #navigation .section, #footer .section, .region-page-closure
{
max-width:960px; width:100%; margin-left:auto; margin-right:auto;
}
#block-menu-primary-links .title{display:none;}
@media (max-width:959px){
	#header .section, #main, #navigation .section, #footer .section, .region-page-closure{
		height:auto!important;
	}
	.region-header{height:auto; width:100%; position:static; float:none;}
	
	
	#content,#content .section,
	.sidebar,.sidebar .section{float:none!important; width:100%!important; padding:0!important; margin:0 0 2em!important;}
	
	#block-menu-menu-footer-links .menu > li{
		float:none; width:100%; margin-bottom:.5em;
	}
		#block-menu-menu-footer-links .menu .menu {margin:.5em 1em 2em;}
	
	#footer .block.social-media{position:static; margin:1em 0; float:none; width:100%; text-align:center;}
	
	#header .section .section-in{padding:1em;}
	#site-name,#site-slogan,#logo,#name-and-slogan{position:static;float:none; width:100%; background-size:100% auto;margin:.5em 0;text-align:center;display:block;}
	#site-slogan{display:none;}
	
	.region-header,#header{padding:0!important;}
	
	/*main  menu*/
	#navigation{z-index:100;top:0;}
	#navigation .block-menu{float:none!important;width:auto!important;}
		#navigation,#navigation .section{height:auto!important;background:none;}
	#block-menu-primary-links { top:0; padding:0!important; border:none!important;overflow:visible!important;
  display: block;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -250px;
  text-align: left;
  z-index: 0;
  overflow-y: scroll;z-index:999;
	}
	#block-menu-primary-links .block-in{height:100%;}
		#block-menu-primary-links .title{display:block;line-height:1; cursor:pointer;box-sizing:content-box;
		font-size:2em;width:1em; height:1em; overflow:hidden;margin:0; padding:.25em;background:#fff;
		position: absolute; left: 250px;
       }
		
		#block-menu-primary-links .title:before{font-family:'FontAwesome'; font-weight:normal; content:'\f0c9';width:1em; height:1em;margin-right:1em;margin-bottom:1em; color:#0874E1;display:block;}
		#block-menu-primary-links .content{  width: 250px;  height: 100%; background: #0874E1;}
		
		
		#block-menu-primary-links .menu li ,
		#block-menu-primary-links .menu  {padding:0!important; margin:0!important;
		border:none!important;position:static!important;
		margin:0!important;float:none!important;width:100%!important; display:block;}
			
			#block-menu-primary-links .menu li  a {line-height:1.2!important;text-align:left;display:block;padding:.5em 1em;margin:0;color:#fff;}
			#block-menu-primary-links .menu li  li a {font-weight:normal;font-size:1em;padding:.5em 1em;margin:0;}
			#block-menu-primary-links .menu .menu {display:none;margin:.5em 1em 2em!important;width: auto!important;}
			#navigation .menu li:hover ul{display:none;}
			#block-menu-primary-links .menu li.active{background:#0f5499;}
				#block-menu-primary-links .menu li.active .menu {display:block;}
			
		.menu-on .l-page{}
		.menu-on #block-menu-primary-links {  -webkit-transform: translateX(250px);  -ms-transform: translateX(250px);
			transform: translateX(250px); }
		
		.region-header .block{ width:50%; display:block;margin:.5em 0!important;}
		
		.breadcrumb{padding:1em;}
		
		.region-content-bottom .panel-pane,
		.region-content-top .panel-pane,

		.region-content-bottom .panel-panel,
		.region-content-top .panel-panel		{float:none!important; width:auto!important; display:block!important; margin:0 0 2em!important;}
		
		.region-content-top .panel-panel .inside,
		.region-content-bottom .panel-panel .inside{margin:0!important;}
		
		.view-display-id-block_1.view-news .views-row, #projects-spotlights > .pane-content{min-height:0;}
		.view-display-id-block_1.view-news .view-content{margin-bottom:3em;}
		
		#mini-panel-content_bottom .pane-multimedia .view-content .views-row,
		#mini-panel-content_bottom .pane-books .view-content .views-row{height:auto!important;max-height:none!important;min-height:0!important;}
		#mini-panel-content_bottom .pane-multimedia .views-row a img{width:100%; height:auto;max-height:none;}
		
	
	.more-link,.cycle-pager{
		position:static!important; float:none!important;
	}
	.view-content ,.pane-content{overflow:hidden;}
	.more-link{float:right!important;border: 1px solid #fff!important;}
	.cycle-pager{float:left!important;}
	
.flags li{width:20%;}
#content-area{padding:1em;}


#namlieh,
#block-panels_mini-partners_flagcounter,
#mini-panel-content_bottom .pane-books{display:none!important;}

#block-views-multimedia-hp_banner,
#block-views-multimedia-hp_banner .views-row .views-field-field-images-fid img{
	height:auto;
}
}