/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 701px) 
and (max-width : 1024px) {
	#page,#main {
		width: 100%;
   	} 
	#section3,
	#section2,
	#page2 {
		display:none !important;
   	}
	#page3 {
		display:none !important;
   	}
	#page .next {
		display:none !important;
	}
	#page .prev {
		display:none !important;
	}

	#page2 .next {
		display:none !important;
		}
	#page2 .prev {
		display:none !important;
		}

	#page3 .prev {
		display:none !important;
	}
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 700px) {

	/* css for basic items---------------------------------------------------------------------------------------------------*/
	body {
		font-size: 12px;
		line-height: 14px;
		overflow: inherit;
	}
	.mobile-hide,
	#section3,
	#section2,
	#page .next,
	#page .prev,
	#page2 .next,
	#page2 .prev,
	#page3 .next,
	#page3 .prev,
	#executive,
	#cosponsors,
	#twitter {
		display: none !important;                                                                 
		}
	#home-content hr,
	.four-column-manual hr,
	.three-column hr,
	.four-column hr {
		display: none;
		}
	hr {
		margin-left: 30px;
		}
	#outer-home,
	#outer,
	.section {
		width: 100%;
		}
	.node-campaign,
	#container,
	#page {
		margin: 0 auto 0 auto;
		padding: 0;
		width: 100%;
		}
	#main {
		width: 100%;
		} 
	.addthis_button {
		top: 35px !important;
		right: 34px !important;
	}
/* css for header ------------------------------------------------------------------------------------------------------*/
	#header {
		margin: 0 0 20px 30px;
		width: 90%;
		height: 285px;
	}
	#search{
		position: absolute !important;
		top: inherit !important;
		bottom: 0 !important;
		left: 0 !important;
		right: inherit !important;
	}
	.gsc-completion-container{
		display: none !important;
	}
	#block-locale-language-content{
		right:0;
	}
	#topnav,
	#logo,
	#mainnav {
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		}
	#topnav {
		padding: 15px 0px 18px 0;
		float: right;
		}
	#logo {
		clear: both;
		}
	#mainnav {
		padding: 23px 0 18px 0;
		font-size: 16px;
		line-height: 19px;
		clear: both;
		}
		#mainnav ul li {
			float: none;
			height: 23px;
			}
		.sub-menu {
			display: none !important;
			}	


	/* css for hero items ----------------------------------------------------------------------------------------------------*/
	.anythingSlider-default .anythingControls { 	
		display: none !important;
		}
	div.node-campaign #hero-sub,
	div.press-center #hero-sub,
	div.node-custom-top-and-sub-landing #hero-sub,
	.view-display-id-gallery_first #hero-sub,
	.view-display-id-infographic_first #hero-sub, 
	.view-display-id-campaign_first #hero-sub, 
	div.node-sub-landing-page #hero-sub, #hero-sub{

		position: relative ;
		margin: 0 0 10px 0;
		width: 100%;
		height: 280px;
	}
	ul#slider, ul#slider li {
		position: relative;
	    width: 100%;
		height: auto;
		}
		ul#slider li img {
		    width: 100%;
			height: auto;
			float: right;
			}
	.homepage-image-info-title,#hero-sub #slider h1,
	#hero #slider h1 {
		width: 90%;
		}
	#hero-sub #slider li,
	#hero #slider li {
		width: 100%;
		}
	#hero-sub #slider .inset,
	.country-related-fs-data,#hero #slider .inset {
		position: relative;
		padding: 10px 0 0px 30px;
		width: inherit;
		bottom: 5px;
		z-index: -1;
		background: #565656;
		height:263px;
		}
	.homepage-image-info {
		position: relative;
		padding: 10px 0 0px 30px;
		width: inherit;
		bottom: 10px;
		z-index: -1;
		background: #565656;
		height:263px;
		}
	.homepage-image-info-text, #hero #slider li .inset p,
	#hero-sub #slider .inset p {
		width: 270px;
		}
	#hero {
		position: relative ;
		margin: 0 0 30px 0;
		width: 100%;
		height: 280px;
	}
	ul#sliderhome, ul#sliderhome li {
		position: relative;
	    width: 100%;
		height: auto;
		}
		ul#sliderhome li img {
		    width: 100% !important;
			height: auto !important;
			float: right !important;
			}
	#hero-sub #sliderhome h1,
	#hero #sliderhome h1 {
		width: 90%;
		}
	#hero-sub #sliderhome li,
	#hero #sliderhome li {
		width: 100%;
		}
	#hero-sub #sliderhome .inset,
	#hero #sliderhome .inset {
		position: relative;
		padding: 10px 0 0px 30px;
		width: inherit;
		bottom: 5px;
		z-index: -1;
		background: #565656;
		height:256px;
		}
	#hero #sliderhome .inset p,
	#hero-sub #sliderhome .inset p {
		width: 270px;
		}
	#hero-sub #sliderhome li .inset h1 {
		height: 179px;
	}
	.stories {
		position: relative;
		top: inherit;
		left: inherit;
		float: right;
		margin: 0 20px 20px 0;
	}


	 div.pane-gallery-views div.views-field {
		position: relative;
		margin: 0;
		width: 100%;
		height: 280px;
	}

	/* css for home items ---------------------------------------------------------------------------------------------------*/
	#home-content {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.mobile-center {	
		margin: 0 auto 0 auto;
		width: 272px;
		}		
	.home-block {
		padding: 15px 0 0 0;
		margin: 0 0 12px 7%;
		width: 90%;
		float: none;
		background: url('../images/dot.png') repeat-x;
	}
	.end {
		margin: 0 0 0 30px;
	}
	.home-block .photo img {
		width: 95%;
		height: auto;
	}
	/*	.home-block .photo p{ Injected
		padding: 0 0 0 0;
		}
		.home-block .caption p{ 
		padding: 0 0 0 0;
		}Injected*/


/* css for main conent -------------------------------------------------------------------------------------------------*/
#content {
	padding: 27px 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	}
	#content h1 {
		width: 200px;
		padding-bottom: 15px;
		}	
.page-aboutunaids-vacanciesandtenders .panel-col-first,		
.content-left {
	margin: 0 0 20px 30px;
	width: 80%;
	background: none;
	float: none;
	}
.page-aboutunaids-vacanciesandtenders .panel-col-first {
	position: relative;
	width: 320px;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	float: left;
	background: url('../images/dot-vert.png') repeat-y right;
	font-size: 14px;
	line-height: 20px;
}
.content-right {
	margin: 0px 0px 20px 30px !important;
	padding: 20px 0 0 0 !important;
	width: 80%;
	float: none;
	background: url('../images/dot.png') repeat-x top center;
	}
.page-aboutunaids-vacanciesandtenders .panel-col-last .content-right {
	width: 250px;
	margin: 0px 20px 20px 22px !important;
}
.page-aboutunaids-vacanciesandtenders .panel-col-last {
	position: relative;
	margin: 0 !important;
	width: 202px;
	float: left;
	font-size: 13px;
	line-height: 17px;
}
	.content-right hr {
		margin: 0px 0 15px 0;
		width: auto;
		}	
	.content-left .share {
		top: 5px;
		}	
	.content-right ul{ /*Injected*/
		padding: 0;
		list-style: none;
	}


	/* css for archive page ----------------------------------------------------------------------------------------- */
	.month,
	.year {
		display: none;
		}	
	.mobile-year,
	.mobile-month {
		margin: 0 0 0 30px;
		display: inherit;
		}		
	.mobile-year select,
	.mobile-month select {
		margin: 7px 0 0 0;
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
		}	
	.mobile-country select {
		margin: 0 0 0 0;
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
		}
	.four-column-manual,

	.three-column,
	.four-column {
		position: relative;
		width: 85%;
		background: none;
		/*overflow: inherit;*/
	}
	.four-column-manual .post,
	.three-column .post,
	.four-column .post {
		position: relative;
		padding: 17px 0 10px 0;
		margin: 0 0 0 30px;
		min-height: inherit;
		float: none;
		width: 100%;
		background: #fff url('../images/dot.png') repeat-x bottom center;
		}
	.four-column-manual .title-top,
	.three-column h2.title-top,
	.four-column h2.title-top {
		padding: 0 0 5px 0;
		min-height: inherit;
		}
		/*Injected */
	.four-column-manual h2.title-top a,
	.four-column-manual h2.title-top a:visited,
	.four-column-manual h2.title-top a:active,
	.four-column h2.title-top a,
	.four-column h2.title-top a:visited,
	.four-column h2.title-top a:active{
		color: #000;
		text-decoration: none;
		outline: none;
	}
	.four-column-manual h2.title-top a:hover,
	.four-column h2.title-top a:hover{
		color: #000;
		text-decoration: underline;
		outline: none;
	}
	/*End Injection*/
	.four-column-manual .return,
	.four-column .return,
	.three-column .return {
		clear: both;
		padding: 10px 30px 0px 0;
		float: right;
		}	
	.four-column-manual hr,
	.three-column hr {
			background: none;
			}	
		.four-column-manual .post img,
		.three-column .post img,
		.four-column .post img {
			width: 100% !important;
			margin: 6px 0 6px 0;
			height: auto !important;
			}
	.three-column .last {
			background: url('../images/dot.png') repeat-x bottom center !important;
			}
	.touchcarousel {
		margin: 15px 0 0 0px;
		width: 100% !important;
	}
	.touchcarousel .pics img {
		width: 250px;
		}
	.touchcarousel .banner-pics img {
		width: 250px;
		}	
	.carousel-four-wide .touchcarousel-item {
		padding: 0 2px 0 20px !important;
		width: 300px;
		}
	.touchcarousel .touchcarousel-item {
		/*background: none;*/	
		}
		.touchcarousel .arrow-icon.left {
			left: 0px;	
			}
		.touchcarousel .arrow-icon.right {
			right: 0px;			
			}

	/* css for document page ------------------------------------------------------------------------------------------*/
	.content-left .doc {
		position: relative; 
	}	
	.content-left .doc-pic {
		margin: 15px 0 0 0;
		width: 90%;
		float: none;
		}
	.content-left .doc-pic img {
		width: auto;
		height: auto;
		}
	.content-left .doc-text {
		margin: 15px 0 0 0;
		width: 100%;
		float: none;
		font-size: 12px;
		line-height: 16px;
		}
	.three-column .doc,
	.four-column-manual .doc,
	.four-column .doc {
		clear: both;
		padding: 10px 0 10px 0;
		margin: 0 0 0 30px;
		min-height: inherit;
		float: none;
		width: 255px;
		background: #fff url('../images/dot.png') repeat-x bottom center;
		}
		.four-column-manual .doc,
		.four-column .doc {
			position: relative;
			width: 100%;
			}
		.four-column-manual .doc .doc-pic,
		.four-column .doc .doc-pic {
			position: relative;
			width: 40%;
			float: left;
			min-height: 158px;
			
			}
			.four-column-manual .doc img,
			.four-column .doc img {
				width: 90%;
				height: auto;
				}
		.four-column-manual .doc .doc-text,
		.four-column .doc .doc-text {
			width: 60%;
			float: left;
		font-size: 12px;
		line-height: 16px;
			}
			

	/* css for country page ------------------------------------------------------------------------------------------*/
	.content-left .year {
		/*display: inherit;*/
	}
	.content-left .alpha,
	.content-left .country-list {
		display: none;
	}
	.region-list h2 {
		cursor: pointer;
		}
	#region1,
	#region2,
	#region3,
	#region4,
	#region5,
	#region6,
	#region7,
	#region8 {
		display: none;
		}	
	.content-left ul.country {
		margin: 0 0 15px 0px;
		width: 100%;
	}
	.content-left ul.country li {
		width: 45%;
	}
	.region-list hr {
		margin: 0 0 10px 0;
		}
	.content-left ul.chart {
		width: 90%;
	}
	.content-left ul.chart li {
		width: 100%;
		padding: 8px 0 8px 0;
		float: none;
		background: none;
	}
	.content-left ul.chart li.odd {
		margin-top: -11px;	
		font-weight: bold;
		}
	.content-left ul.chart li.blank {
		display: none;
		}
	.mobile-country {
		display: inherit;
	}		
	.arrow {
		float: right;
		width: 12px;
		height: 12px;
		background: url(../images/arrow-off.png) no-repeat;

	}
	.arrow-on {
		float: right;
		width: 12px;
		height: 12px;
		background: url(../images/arrow-on.png) no-repeat;

		}

	/* css for news, press, details, tenders ---------------------------------------------------------------------- */

	/*Injection */
	.content-left .imgflr img,
	.content-left .imgfll img,
	.content-left .img-flush-right img,
	.content-left .img-flush-left img{
		padding: 15px 0 15px 0 !important;
		margin: 0 0 0px 0px !important;
		width: 90% !important;
	}

	.quote {
		padding: 15px 0 15px 0 !important;
		margin: 0 0 20px 0px !important;
		width: 100% !important;
	}
	.content-left img {
		width: 100%;
		height: auto;
		}
	.proposal-year,
	.proposals {
		display: none;
		}
	.mobile-proposals {
		display: inherit;
		}	

	.content-left .press-archive {
		width: 100%;
	}
	.content-left .press-archive h2 {
		margin: 0;
		}
	.content-left .press-archive .photo {
		position: relative;
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
		}
		.content-left .press-archive .photo img {
			width: 100%;
			height: auto;
			}
	.content-left .press-archive .text {
		float: none;
		width: 100%;
		}
	.content-left .press-archive .text .maintext {
		display: none;
		}
     .content-left .return { /*Somer*/
		clear: both;
		padding: 10px 30px 0px 0;
		float: right;
		}
	.press-center .view-press-centre{
		padding: 0 10px 0 30px;
		width: 100%;
		float: left;
	}
	.press-center .two-column{
		margin: 0 0 15px 0;
		width: 100%;
		background: none;
	}
	.press-center .two-column .column{
		padding: 0 10px 0 30px!important;
		width: 85%!important;		
		float: left!important;
	}
	.press-center .two-column .column  hr {
		display: none;
	}	
	.press-center .two-column .column  .press-block {
			position: relative;
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0 0 0 0;
			float: none;
			background: url('../images/dot.png') repeat-x bottom;
	}
	.press-center .two-column .column .press-block .last {
		background: url('../images/dot.png') repeat-x bottom;
	}
	.press-center .two-column .column .press-block img {
		width: 100%;
		height: auto;
	}
	.press-center .view-press-centre .view-content .result{
		padding: 15px 0 0 0;
		clear: both;
		background: url('../images/dot.png') repeat-x bottom center;
		width: 100%;
	}
	.press-center .view-press-centre .view-content .result-pic{
		padding: 0 0 20px 0;
		width: 30%;
	}
	.press-center .view-press-centre .view-content .result-text{
		padding: 0 0 0px 0;
		width: 70%;
	}
/* css for campaigns ------------------------------------------------------------------------------------------ */

	#campaign {
		margin: 10px 0 10px 25px;
	
	}
	.element {
		position: relative;
		margin: 0 0 20px 0;
		width: 97%;
		height: 200px;
		overflow: hidden;
		float: none;
		}
	.element p {
		position: absolute;
		padding: 8px 0 0 0;
		width: 97%;
		min-height: 37px;
		bottom: 0;
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #ffffff !important;
		z-index: 991;
		background: url('../images/fade.png');

		}

	.w-one-third {
		width: 97%;
		}
	.w-two-thirds {
		width: 97%;
		}
	.w-half {
		width: 97%;
		}
	.w-full {
		width: 97%;
		}
	.h-one-third {
		height: auto;
		}
	.h-two-thirds {
		height: auto;
		}
	.h-half {
		height: auto;
		}


	/* css for video ------------------------------------------------------------------------------------------------ */
	#hero-video {
		position: relative;
		margin: 0;
		width: 100%;
		}
	.videoitem {

		margin: 0;
		width: 100%;
		float: none;
		height: inherit;
		}
	.videoitemvideo {
		margin: 0;
		width: 100%;
		float: none;
		height: 350px;
	}
	.videoitem .img-fullsize{
		width: inherit;
		height: auto;
	}
	.videoitem img {
		width: 100%;
		height: auto;
		}
	.enlarge{
		width:inherit !important;
	}
	.upd-scroll-nav {
		width: 100% !important;
	}
	.upd-scroll {
		width: 100% !important;
	}
	.upd-scroll .items img{
	 width: 50px !important;
	}
	.video-text {
		margin: 15px 0 0 30px;
		width: 90%;
		float: none;
	}
	.video-text .date {
		font-style: italic;
		}
	.video-text h1 {
		padding: 0 !important;
		font-size: 15px;
		line-height: 19px;
		}
	.lb-image{
	width:100% !important;
	height:100% !important;
	}
	.lb-outerContainer{
	width:100% !important;
	height:100% !important;
	}
	.lb-dataContainer{
	width:100% !important;
	}
	.lb-next{
	display: block !important;
	}
	/* css for search results --------------------------------------------------------------------------------------- */
	.results h3 {
		padding: 0 0 20px 30px;
		}
	.results h2 {
		padding: 0 0 15px 0;
		font-weight: normal;
		}
	.results .stories {
		top: 399px;
		left: inherit;
		right: 30px;
		position: absolute;
		}	
	.two-column {
		margin: 0 0 15px 0;
		width: 100%;
		background: none;
	}
	.column {
		padding: 0 10px 0 30px;
		width: 85%;		
		float: left;
		}
		.column h2 {
			padding: 0;
			/*font-weight: bold;*/
			}
		.result {
			padding: 15px 0 0 0;
			clear: both;
			background: url('../images/dot.png') repeat-x bottom center;
			width: 100%;
			}
			.result-pic {
				padding: 0 0 20px 0;
				width: 30%;
				}
				.result-pic img {
					width: 90%;
					height: auto;
					}
			.result-text {
				padding: 0 0 0px 0;
				width: 70%;
				}
				.result-text h2 {
					padding: 0;
					font-weight: normal;
					}	
				.result-text p {
					padding: 0 0 8px 0;
					}	
			.more-results {	
				padding: 10px 0 30px 0;
				}
				

	/* css for gallery ------------------------------------------------------------------------------------------------ */
	.content-left-gallery {
		margin: 0px 0 20px 30px;
		padding: 0 30px 0 0;
		width: 80%;
		float: none;
		background: none;
		font-size: 14px;
		}
	.content-left-gallery .pic img {
		margin: 0 0 0 -30px;
		width: 125%;
		}
		.content-left-gallery .share {
			top: -15px;
			}	
	.content-left-gallery .caption {
		padding: 15px 0 15px 0;
		margin: 0 0 20px 0px;
		float: none;
		width: 100%;
		font-size: 14px;
		}
	.content-right-gallery {
		display: none;
		}		

	.gallery {
		/*position: relative;
		margin: 15px 0 0 30px;
		width: 100% !important;
		height: auto !important;*/
	}
	.gallery .alignleft {
		float: none;
		}
	.gallery img {
		/*width: 320px;
		height: auto;*/
		}
	.gallery .inset {
		position: relative;
		margin: -1px 0 0 0;
		padding: 10px 0 5px 0;
		width: 320px;
		bottom: 10px;
		left: 0px;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		z-index: 991;
		background: url(../images/fade.png);

		}
	.gallery .touchcarousel-item {
		float: none !important;
		}
		.gallery .arrow-icon.left {
			display: none !important;	
			}
		.gallery .arrow-icon.right {
			display: none !important;	
			}


			
					
	/* css for footer --------------------------------------------------------------------------------------------- */
	hr.footer,
	hr.info,
	.info {
		display: none;
		}
	.media {
		display: inherit;
		}
	
	#footer {
		margin: 50px 0px 70px 0;
		padding: 25px 0 0 0;
		position:relative;
		background: url("../images/dot.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
		}
		#footer hr {
			display: block;
			margin: 25px 0 20px 0;
			}
		#footer a#donate {
			position: absolute;
			top: -15px;
			right: 0px;
			padding: 5px 9px 5px 9px;
			display: block;
			font-size: 14px;
			line-height: 16px;
			color: #fff;
			background: #e51937;
			margin-top: -2em; 
			margin-right: 1em; 
		}		


	/* Superfish Responsive */

	#block-superfish-1 {
		top: 110px;
		left: 0px;
	}
	ul#superfish-1 li {
		padding: 0 33px 6px 0;
		float: none;
	}
	
	/****************/
	
	#logo{
		top:26px;
	}
	#block-search-form {
		bottom: -20px;
		left: 0px;
	}
	.press-center .views-field-body,
	.node-custom-top-and-sub-landing .views-field-body,
	.node-type-sub-landing-page .views-field-body{
		width:270px;
	}
	.node-campaign #slider .inset h1,
	.press-center #slider .inset h1,
	.node-custom-top-and-sub-landing #slider .inset h1
	.node-type-sub-landing-page #slider .inset h1 {
		width: 90%;
	}
	.node-campaign #slider .inset,
	.press-center #slider .inset,
	.node-type-sub-landing-page #slider .inset {
		background: #565656;
	}
	.node-campaign #slider,
	.press-center #slider,
	.node-type-sub-landing-page #slider {
		height: 430px;
	}
	body.node-type-page .addthis_button {
		right: 10px;
	}
	
	
		/* Homepage Responsive */
	
	#homepage-container, #homepage-container .section{
		width: 100%;
	}
	#homepage-container .section #page {
		margin: 0 auto 0 auto;
		padding: 0;
		width: 100%;
	}
	#homepage-container #section1 #homepage-featured-boxes {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.front #header {
		margin: 0 0 20px 30px;
		width: 90%;
		height: 285px;
	}
	.front #homepage-container #section1 #content {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#homepage-featured-boxes {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#homepage-container #section1 div.views-row {
		padding: 15px 0 0 0;
		margin: 0 0 12px 7%;
		width: 90%;
		float: none;
		background: url('../images/dot.png') repeat-x;
	}
	#homepage-container #section1 .views-field img {
		width: 95%;
		padding: 0 0 7px 0;
	}
	
	#homepage-container #section1 #homepage-slider .views-field img {
		width: 100%;
	}
	#homepage-container #section1 .views-field-field-homepage-f-b-header {
		padding: 0 0 6px 0px;
		margin: 0 0 0 0;
		font-size: 15px;
		line-height: 19px;
		color: #00adef;
		font-weight: normal;
	}
	#homepage-container #section1 div.views-field.views-field-title {
		padding: 0 0 3px 0;
		min-height: 33px;
	}
	
	#homepage-featured-boxes div.view-display-id-homepage_featured_boxes_block div.view-content hr {
		display:none;
	}
		
	
	
	/***************/
	
	div#logo {
		vertical-align: bottom;
		margin-left: -20px;
	}
	.four-column hr {
		padding: 10px 0 10px 0;
		margin: 0px -30px 0px 30px;
		background: #fff url('../images/dot.png') repeat-x center center;
		display: block ;
	}
	.touchcarousel  img {
		width: 250px;
	}
	.node-type-sub-landing-page #landing-views{
		margin-top: 40px;
	}
	.node-campaign input.stories,
	.node-custom-top-and-sub-landing input.stories,
	.press-center .stories,
	.node-type-sub-landing-page input.stories {
		position: relative;
		top: inherit;
		left: inherit;
		float: right;
		margin: 0 20px 20px 0;
	}
	.node-campaign .anythingSlider,
	.node-type-sub-landing-page .anythingSlider {
		margin: 0px;
		width:100% !important;
	}
	.carousel-three-wide .touchcarousel-item {
		padding: 0 21px 0 20px !important;
		background: url('../images/dot-vert.png') repeat-y right;
		float: left;
		position: relative;
	}
	.touchcarousel.carousel-three-wide{
		margin: -15px 0 5px 0px;
	}
	.node-type-sub-landing-page .column hr {
		margin: 0 30px 17px 30px;
		display: block;
	}
	
	
	/* Gallery style responsive */
	
	.node-type-gallery .touchcarousel img{
		width: 320px;
		height: auto;
	}
	
	
	.node-type-gallery .gallery .gallery-overlay-text {
		position: relative;
		margin: -5px 0 0 0;
		padding: 10px 0 5px 15px;
		width: 305px;
		bottom: 10px;
		left: 0px;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		z-index: 991;
		background: url('../images/fade.png');
	}
	.node-type-gallery #carousel1{		
		height:auto;
		margin: 15px 0 0 30px;
	}
	.node-type-gallery .gallery .touchcarousel-item .gallery-item{
		float:none;
	}
	.gallery .touchcarousel-item .gallery-item.medium-top{
		height: auto;
	}
	.node-type-gallery #footer{
		z-index:-1;
	}

	
	/**********************************************************/
	/*Unformatted list*/
	/**********************************************************/
	.three-column, .four-column {
		position: relative;
		width: 85%;
		background: none;
		display:block;
	}
	.three-column .post{
		position: relative;
		padding: 17px 0 10px 0;
		margin: 0 0 0 30px;
		min-height: inherit;
		float: none;
		width: 100%;
		background: #fff url('../images/dot.png') repeat-x bottom center;
	}
	.three-column  .post img{
		width: 100%;
		margin: 6px 0 6px 0;
		height: auto;
	}
	.content-right h2 {
		padding: 0 0 12px 0;
		font-size: 15px;
		color: #000;
		font-weight: normal;
	}
	
	
	/* AnythingSlider */
	
		.views-field.views-field-body-1{
		position: relative;
		width: 100%;
	}
	.views-field.views-field-body-1 .field-content{		
		position: relative;
		width: 100%;
	}
	.views-field.views-field-body-1 .inset/*, .anythingBase.horizontal > div > .inset*/{
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		position: relative;
		padding: 10px 0 0px 30px;
		bottom: 3px;
		z-index: -1;
		background: #565656;
		height: 263px;
		color: #fff;
		width: 100%;
	}
	.inset p{
		width: 100%;
	}
	.anythingWindow , .pane-views#slider, .view-campaign-views, 
	.view-infographic-views ,
	.view-content.anythingBase.horizontal,.views-row-1.panel{
		width: 100%;
	}
	.anythingSlider.anythingSlider-default{
		width:100%;
		height:300px;
		margin:0px;
	}	
	
	/* Select fechas responsive */
	select#documents_list-filter{
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
	}
	
	select#publications_list-filter{
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
	}
	
	
	/*Sub-Landings 4column*/
	.content-left.no-right .four-column {
		background:none;
	}
	.content-left.no-right .four-column hr{
		display:none;
	}
	.content-left.no-right .four-column .post {
		margin: 0 0 20px 0;
	}
	
	/*Arreglos*/
	.node-top-landing-page .four-column hr{
		display:none;
	}
	div.country-content {
		position: relative;
		margin: 20px 20px 0 0;
		width: 100%;
		height: 100%;
	}
	
	/*feature stories responsive filters */
	select#feature_stories-filter {
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
	}
	select#feature_stories-filter-months {
		width: 255px;
		height: 23px;
		border: 1px solid #999;
		background: none;
		font-size: 12px;
	}
	ul.social li a{
		margin: 0 0px 0 6px;
		height: 27px;
		width: 27px;
		display: inline-block;
		text-indent:-2000px;
		overflow:hidden;
	}
	/* Responsive lightbox */
	#lightbox2-overlay {width:100% !important;}
	#outerImageContainer {
		max-width: 100%;
		height: auto !important;
		width: auto !important;
	}
	#imageContainer, #frameContainer, #modalContainer {
		height: auto !important;
		max-width: 100% !important;
	}
	#imageDataContainer {width: auto !important;}
	#lightboxImage {
		height: auto !important;
		max-width: 100% ;
	}
	#prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink {
	  background: url(../images/lightbox/prev.png) left 25% no-repeat !important;
	}

	#nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink {
	  background: url(../images/lightbox/next.png) right 25% no-repeat !important;
	}

	#prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav,
	#framePrevLink:hover, #framePrevLink:visited:hover {
	  background: url(../images/lightbox/prev.png) left 25% no-repeat !important;
	}

	#nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav,
	#frameNextLink:hover, #frameNextLink:visited:hover {
	  background: url(../images/lightbox/next.png) right 25% no-repeat !important;
	}
}