/* ----------------------------------- */
/* ---- GLOBAL RESPONSIVE STYLING ---- */
/* ----------------------------------- *

** Bill & Melinda Gates Foundation
*	GFO.org */


/* MEDIA QUERIES
------------------------------------------------ */
@media only screen and (max-width : 1460px) {
	/* ::: ABOUT US ::: */
	.about-us-hero blockquote {   
    	width: 48%;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 1024px) {

.stayConnected .body p{ 
	font-family: Georgia,Times,serif;
	font-style: normal;
	line-height: 22px;
	font-size: 14px;
	text-decoration: none;
	color: #252323;
}


	/* ::::: HEADER ::::: */

	.mainHeader .wrapper {
		width: 100%;
	}

	.globalSites {
		right: 24px;
	}

	.mainHeader h1 img {
		left: 26px;
	}

	.mainHeader .searchForm {
		margin: 0;
		height: 0;
		width: 45px;
		height: 42px;
		position: static;
	}

	.mainHeader .searchForm div {
		display: none;
	}

	.mainHeader .searchForm.expanded {
		height: auto;
	}

	.mainHeader .searchForm.expanded>div {
		background: #313131;
		display: block;
		left: 0;
		position: absolute;
		top: 42px;
		width: 100%;
		z-index: 395;
	}

	.mainHeader .searchForm .input-text {
		display: block;
		height: 22px;
		margin: 7px 26px 7px;
		padding: 10px 50px 10px 10px;
		width: 46%;

		float: right;

		background: #fff;

		font-size: 15px;
		line-height: 22px;
	}

	.mainHeader .searchForm .searchButton {
		width: 34px;
		height: 32px;
		top: 12px;
		right: 36px;
	}

	.mainHeader .searchForm .replacement,
	.mainHeader .searchForm:hover .replacement {
		width: 34px;
		height: 32px;
		top: 12px;
		right: 36px;

		background: #3787aa;

		font-family: "ff-din-web",sans-serif;
		font-style: normal;
		font-weight: 700;
		text-align: center;
		text-indent: 0;
		line-height: 32px;
		font-size: 13px;
		color: #fff;
	}

	.mainHeader .searchForm .mobile {
		display: block;
		width: 45px;
		height: 42px;
	}

	.mainHeader .searchForm .mobile span {
		background: url("../../images/gfo/sprites/icon-search.png") no-repeat transparent;
	}

	.mainHeader nav {
		display: block;
		float: right;
		margin: 0;
	}

	.mainHeader nav li.first {
		padding: 0;
	}

	.mainHeader nav li {
		margin: 0;
		padding: 0;
	}

	.mainHeader nav li a {
		margin: 10px 10px 8px 10px;
	}

	.mainHeader nav li li a {
		margin: 0;
	}

	.mainHeader nav .subMenu {
		width: 100%;
		height: auto;
		left: auto;
		right: 0;
	}

	.mainHeader nav .subMenu .wrapper {
		width: auto;
		margin: 0 26px 0 204px;
	}

	.languageBar {
		width: 58px;
		margin-right: 26px;
		background: #000;
	}

	.languageBar .selector {
		margin: 0;
		padding: 8px 22px 8px 11px;
		background-position: 40px 18px;
	}

	.languageBar.active .selector {
		background-position: 40px 18px;
	}

	.languageBar .subMenu {
		right: 26px;
		width: 50px;
	}

	.languageBar a span {
		display: none;
	}

	.languageBar a .short {
		display: block;
	}

	/* ::::: FOOTER ::::: */

	footer .copyright {
		width: 56%;
		margin: 0 0 0 2%;
	}

	/* ::::: HOME ::::: */

	.main {
		width: auto;
		padding: 0 26px;
	}

	/* Slider */

	.homeSlider .mainContent a {
		width: 140px;
		padding: 7px 24px 0 88px;
		font-size: 11px;
	}

	.homeSlider .mainContent img {
		width: 100%;
		padding-bottom:0;
	}

	.homeSlider .mainContent .text {
		font-size: 22px;
		line-height: 25px;
	}

	.homeSlider .slider article,
	.homeSlider .slider .fullContent p {
		font-size: 13px;
	}

	.homeSlider .slider article {
		width: 100%;
		height: 160px;
	}

	.homeSlider .slider .fullContent {
		padding: 6px 10px;
	}

	.homeSlider .slider .fullContent p,
	.homeSlider .slider .fullContent .links {
		width: 100%;
		float: none;
	}

	.grantsSections section {
		width: 25.7%;
		padding: 0 3.8%;
	}

	/* Stay Connected */

	.stunt .stuntContent q {
		width: 100%;
	}
	.stayConnected .post,
	.postsWrapper.relatedPosts .postContainer .post {
		width: 32.8%;
	}

	.stayConnected .post .wrapper,
	.postsWrapper.relatedPosts .postContainer .post .wrapper {
		width: 72%;
		height: 292px;
		margin: 7%;
		padding: 7%;
	}

	.stayConnected .tweetPost .body,
	.postsWrapper.relatedPosts .postContainer .tweetPost .body {
		padding-top: 5%;
	}
	.stayConnected .tweetPost .followBtn,
	.postsWrapper.relatedPosts .postContainer .tweetPost .followBtn {
		display: none;
	}
	.stayConnected .tweetPost .followBtnResp,
	.postsWrapper.relatedPosts .postContainer .tweetPost .followBtnResp {
		float: right;
		display: block;
		width: 59px;
		height: 20px;
		text-indent: -9999px;
		background: url(../../images/gfo/sprites/twitter-follow-btn.png) transparent no-repeat;
	}

	.stayConnected .tweetPost .postContent,
	.postsWrapper.relatedPosts .postContainer .tweetPost .postContent {
		max-height: 175px;
		overflow: hidden;
		margin-top: 5px;
		margin-bottom: 1px;
	}
	
	.postsWrapper.relatedPosts .postContainer .tweetPost .postContent {
	    max-height: 198px;
	}
	
	.stayConnected .tweetPost .twitterActions,
	.postsWrapper.relatedPosts .postContainer .tweetPost .twitterActions {
		padding-top:2px;
	}
	.stayConnected .tweetPost .twitterActions span,
	.postsWrapper.relatedPosts .postContainer .tweetPost .twitterActions span {
		display: none;
	}

	.stayConnected .ioPost img,
	.stayConnected .flickrPost img,
	.stayConnected .youTubePost img,
	.postsWrapper.relatedPosts .postContainer .youTubePost img,
	.postsWrapper.relatedPosts .postContainer .flickrPost img,
	.postsWrapper.relatedPosts .postContainer .ioPost img {
		width: 100%;
	}

	.stayConnected .post .thumbLeft .thumb img,
	.postsWrapper.relatedPosts .postContainer .post .thumbLeft .thumb img {
		width: 100%;
	}

	/* Leadership posts */
	.postsWrapper.grid .post {
		border-left: dotted 1px #9e9991;
		border-right: none;
	}


	/* ::::::: MEDIA LIGHTBOX :::::::: */
	.mediaLightBox {
		width: 640px;
	}
	


	/* :::::: Media/Video Viewer ::::::::: */

	.mediaViewComponent.relatedVideosComponent .videoList .item .thumb {
		float: none;
	}

	/* :::::: Media/Video Results ::::::::: */

	.results-view .post {
		width: 24.8%;
	}

	.results-view .post .wrapper {
		width: 85%;
		height: 256px;
	}


	/* :::::: Media/Video Results ::::::::: */

	.goToShortcuts span.label {
		margin-top: 12px;
		width: 10%;
	}

	.goToShortcuts ul {
		width: 85%;
	}

	.goToShortcuts ul li a {
		line-height: 18px;
	}

	/* :::::: Search Box Results ::::::::: */

	html .search-page {
		width: 100%;
	}

	.search-dropdown-container .dropdown {
	    width: 48%;
	}

	.search-dropdown-container label {
	    width: 37%;
	}

	.search-dropdown-container label.media_type_dd {
	    width: 26.5%;
	}

	.search-dropdown-container.media-type .dropdown {
	    width: 62%;
	}

	.search-box .search-basic-form {
	    width: 66.229765%;
	}

	.search-box .search-options {
	    width: 22.582245%;
	}

	/* :::::: Article ::::::::: */

	.articleWrapper.inset {
		width: 91.3%;
	}
	
	.articleWrapper .youTubeEmbed iframe {
	    max-width: 100%;
	}
	
	.articleWrapper figure.left,
    .articleWrapper figure.right {
        padding: 10px 0 20px 0;    
    }	
	
    .articleWrapper .ic_caption {
        left: 0;
    }
    
    .contactInfo.wide {
        width: 95%;
        padding: 10px 0 20px 30px;
     }
     
     .tweetsCarousel {
     	height: 130px;
     }

    /* :::: HISTORY TIMELINE :::: */

    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    .shareComponent .shareWindow {
        left: -9px;
    }
   
   /* ipad 2 column fix */
   /*.historyModules .left .connector {
       margin: 0 0 0 349px;
   }
   
   .historyModules .right .connector {
       margin: 0 0 0 -10px;
   }
   
   .historyModule {
       width: 370px;
   }*/
  
  .leadershipText {
      font-size: 16px;
  }

}

/* ------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width : 1024px) and (orientation : portrait) {

	.stunt {
		padding: 0 0 60px;
	}

	.stunt .stuntContent .actionLinks {
		clear: both;
		display: block;
		width: 100%;
		padding: 14px 0 0 0;
		text-align: center;
		position: absolute;
		left: 0;
	}
	
    /* :::: HISTORY TIMELINE :::: */

    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    .shareComponent .shareWindow {
        left: -9px;
    }
	
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {

	/* ::::: FOOTER ::::: */

	footer .wrapper {
		width: auto;
		padding: 30px 26px 26px;
	}

	footer .subMenu {
		width: 14.3%;
		margin-right: 2.6%;
	}

	footer .teaser {
		width: 48%;
		margin-right: 2.7%;
	}

	footer .teaser img {
		margin-right: 5%;
		width: 32%;
	}

	footer .teaser figcaption {
		width: 63%;
	}

	footer .contactInfo {
		width: 15.5%;
	}

	footer .connect {
		margin-right: 24px;
	}

	/* ::::: Stay Connected ::::: */

	.stayConnected .post .body,
	.postsWrapper.relatedPosts .postContainer .post .body {
		font-size: 13px;
		line-height: 17px;
	}

	.stayConnected .tweetPost .body,
	.postsWrapper.relatedPosts .postContainer .tweetPost .body {	
		font-size: 15px;
		line-height: 20px;
		min-height: 85%;
	}
	
	.post.ioPost .wrapper header
	{
	    font-size: 13px;
			line-height: 17px;
	}

	/* ::::: ABOUT US ::::: */

	.about-us-hero blockquote {
		font-size: 26px;
		line-height: 30px;
	}
	.about-us-hero blockquote small {
		font-size: 14px;
		line-height: 30px;
	}
	
	/* ::::: OUR WORK ::::: */

    .our-work-hero blockquote {
        font-size: 24px;
        line-height: 28px;
    }
    
    .our-work-section.low blockquote {
        top: 46%;
    }

}

/*--------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    /* ::::: London Summit Stunt ::::: */

    .londonSummitStunt .stuntContent {
        bottom: 20px;
    }
    
    /* :::: HISTORY TIMELINE :::: */    
    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    .shareComponent .shareWindow {
        left: -9px;
    }    

}


@media only screen and (min-width : 583px)and (max-width : 708px) {
	.homeSlider .mainContent img.active {
		padding-bottom: 10%;
	}
	
}

@media only screen and (min-width : 480px)and (max-width : 583px) {
	.homeSlider .mainContent img.active {
		padding-bottom: 13%;
	}
	
}


@media only screen and (min-width : 530px)and (max-width : 730px) {
	.homeSlider .mainContent .text {
		top: 14%;
	}
}

@media only screen and (min-width : 480px)and (max-width : 530px) {
	.homeSlider .mainContent .text {
		top: 2%;
	}
}


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 480px)and (max-width : 767px) {

	.mainHeader h1 img {
		width: 21.5%;
	}

	footer .teaser {
		float: none;
	}

	.mainHeader nav {
		margin: 0 5px 0 0;
	}

	.mainHeader nav .subMenu .wrapper {
		margin-left: 29.4%;
	}

	.mainHeader nav li a {
		font-size: 11px;
		margin: 9px 5px 8px 5px;
		line-height: 23px;
	}

	.homeSlider .slider article {
	    height: 150px;
	}

	.londonSummitStunt .stuntContent {
        bottom: 45px;
     }

	/* ::::: HOME ::::: */

	.stayConnected .postsWrapper {
		width: 479px;
		margin: auto;
	}

	.stayConnected .postsWrapper .postContainer {
		width: 110%;
	}

	.stayConnected .post {
		width: auto;
	}

	.stayConnected .post .wrapper {
		width: 187px;
		height: 286px;
		padding: 12px 16px;
		margin: 20px;
	}

	.stayConnected .postOne .wrapper {
		margin: 0 20px 20px 0;
	}

	.stayConnected .postTwo .wrapper {
		margin: 0 0 20px 20px;
	}

	.stayConnected .postThree .wrapper {
		margin: 20px 20px 20px 0;
	}

	.stayConnected .postFour .wrapper {
		margin: 20px 0 20px 20px;
	}

	.stayConnected .lastRow.postOne,
	.stayConnected .lastRow.postTwo {
		border-bottom: 1px dotted #9E9991
	}

	.stayConnected .lastRow .wrapper {
		margin-top: 20px;
	}

	.stayConnected .lastRow.postThree .wrapper,
	.stayConnected .lastRow.postFour .wrapper {
		margin-bottom: 0;
	}

	.stayConnected .tweetPost .body,
	.postsWrapper.relatedPosts .postContainer .tweetPost .body {
		min-height: 82%;
	}

	/* :::::: Media/Video Results ::::::::: */

	.results-view .post {
		width: 32.8%;
	}

	.results-view .post .wrapper {
		width: 86%;
		height: 258px;
		padding: 1%;
		margin: 6%;
	}

	/* ::::: ABOUT US ::::: */

	.about-us-hero blockquote {
		font-size: 16px;
		line-height: 20px;
	}
	.about-us-hero blockquote small {
		font-size: 12px;
		line-height: 20px;
	}
	
	/* ::::: OUR WORK ::::: */

    .our-work-hero blockquote {
        font-size: 16px;
        line-height: 20px;
    }
	
    /* :::: HISTORY TIMELINE :::: */    
    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    .shareComponent .shareWindow {
        left: -9px;
    }
    
    .contactInfo.wide {
        width: 95%;
        padding: 10px 0 20px 30px;
     }
     
     .contactInfo.wide .span-1-2 {
         margin-bottom: 15px;
         width: 100%;
     }


	
}


/*---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen  and (max-width : 767px) {

	/* ::::: FOOTER ::::: */

	footer {
		padding: 0 11px;
	}

	footer .wrapper {
		padding: 10px 5px;
		width: auto;
	}

	footer .subMenus {
		width: 100%;
		margin: 0;
	}

	footer .subMenu {
		width: 45%;
		margin: 0 10% 0 0;
	}

	footer .second {
		margin: 0;
	}

	footer .contactInfo {
		width: 100%;
		margin: 15px 0 0;
		float: none;
	}

	footer .teaser {
		width: auto;
		text-align: left;
		float: none;
		padding-top: 10px;
		clear: both;
	}

	footer .teaser img {
		float: none;
		margin: 0;
	}

	footer .teaser figcaption {
		width: auto;
		float: none;
		margin: 0;
	}

	footer .bottomFooter {
		padding: 0 5px;
	}

	footer .copyright,
	footer .copyright p {
		width: 100%;
		margin: 0 0 5px;
		float: none;
		text-align: left;
	}

	footer .copyright .privacyPolicy {
		display: inline-block;
		margin-left: 0;
		margin-top: 12px;
	}

	footer .copyright a {
		margin: 5px 0 0;
	}

	footer .connect {
		float: left;
		margin: 15px 0 0;
	}

	/* ::::: London Summit Stunt ::::: */

	.londonSummitStunt {
		padding-left: 0;
		padding-right: 0;
	}

	.londonSummitStunt .stuntContent {
		width: 100%;
		left: 0;
		bottom: 55px;
	}

	/* ::::::: MEDIA LIGHTBOX :::::::: */
	.mediaLightBox {
		width: 540px;
	}
	


	/* ::::::: Article :::::::: */

	.postsWrapper.relatedPosts .postContainer {
		margin-left: -10px;
	}

	.articleWrapper h2 {
		font-size: 16px;
	}

	.articleWrapper .divider {
		width: 112.5%;
	}

	.articleWrapper.inset {
		width: 88.8%;
	}

	.articleWrapper p img {
	    height: auto;
	    max-width: 100%;
	}
	
	.tweetsCarousel {
		height: 140px;
	}

	.articleWrapper .ic_caption {
		position: relative;
		bottom: 6px;
	}

	.articleWrapper .left,
	.articleWrapper .right {
	    float: none;
	    width: 100%;
	    margin: 0 0 10px 0;
	}

	.socialArticleComponent {
		width: 100%;
	}

	/* :::::: Search Box Results ::::::::: */

	.search-box label {
	    text-align: left;
	    width: 100%;
	    display: block;
	}

	.search-box .search-options-form .search-options-form-column {
	    width: 100%;
	}

	.search-box .search-options-form .search-input {
	    display: block;
	    margin: 0;
	    width: 57%;
	}

    .search-dropdown-container label.media_type_dd {
        width: 100%;
    }

    .search-dropdown-container.media-type .dropdown {
        width: 57%;
    }

    .search-dropdown-container .dropdown-options,
    .search-dropdown-container.media-type .dropdown-options {
        left: 5px;
    }

    .search-box.expanded {
        height: 490px;
    }

	.search-result .date {
		float: none;
	}

	.search-result p {
		display: block;
		clear: both;
	}

	.search-result .p-default {
		font-size: 11px;
		line-height: 16px;
	}

	.search-result + .hr {
		margin-top: 11px;
	}

	.table td {
		word-break: break-all;
	}
    
    /* :::: HISTORY TIMELINE :::: */    
    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    .shareComponent .shareWindow {
        left: -9px;
    }


	/* :::::: Visitor Center Event Detail ::::::::: */
    .eventDescription, .eventSidebar {
        float: none;
        width: auto;
    }

    .eventSidebar {
        margin-left: 0;
        margin-top: 20px;
    }

	/* :::::: Visitor Center Calendar Page ::::::::: */
    .calEvent {
        width: 100%;
    }

    .calEvent-gutter {
        width: 0;
    }

}

@media only screen and (min-width : 480px)and (max-width : 635px) {
	.mediaLightBox {
		width: 390px;
	} 
}

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 480px)and (max-width : 557px) {
	
	.mainHeader h1 img {
		width: 15.2%;
	
	}

	.languageBar {
		margin-right: 0;
	}

	.mainHeader nav {
		margin-right: 0px;	
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 479px){

	/*.mainHeader nav ul {
		height: 40px;
	}*/

	/* ::::: HEADER ::::: */

	.globalSites {
		display: none;
	}

	.visitBlog {
		display: block;
	}

	.mainHeader {
		margin: 0;
	}

	.mainHeader h1 {
		width: 100%;
		height: 42px;
		overflow: hidden;
		background: #98242f;
		text-indent: -9999px;
	}

	.mainHeader h1 a {
		display: block;
		height: 42px;
		width: 217px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	.mainHeader h1 img {
		position: static;
		top: 0;
		width: 140px;
		margin: -50px 0 0;
	}

	.mainHeader nav {
		margin: 0;
		clear: both;
		float: none;
	}

	.mainHeader nav li {
		margin: 0;
		padding: 0;
		width: 33%;
		text-align: center;
	}

	.mainHeader nav li li {
		margin: 0;
		padding: 0;
		width: auto;
		text-align: left;
	}

	.mainHeader nav li a {
		font-size: 12px;
		line-height: 30px;
		margin: 5px 0 0 0;
	}

	.mainHeader nav .subMenu {
		width: 100%;
	}

	.mainHeader nav .subMenu .wrapper {
		width: 100%;
		margin: 0;
	}

	.mainHeader nav .subMenu .col {
		width: 29%;
		margin: 0 0 0 4%;
	}

	.mainHeader nav .subMenu .title {
		left: 4%;
	}

	.mainHeader .searchForm .searchButton {
		right: 4%;
	}

	.mainHeader .searchForm .replacement,
	.mainHeader .searchForm:hover .replacement {
		right: 4%;
	}

	.mainHeader .searchForm .input-text {
		width: 80%;
		margin: 2% auto;
		float: none;
	}

	.mainHeader .searchForm {
		height: auto;
		background: none;
	}

	.mainHeader .searchForm.expanded {
		height: 46px;
	}

	.mainHeader .searchForm .mobile {
		position: absolute;
		right: 58px;
		top: 0;
	}

	.languageBar {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
	}

	.languageBar .subMenu {
		right: 0;
	}
	
	.main-content h3 {
	    font-size: 18px;
	}
	
	.main-content h4 {
	    font-size: 11px;
	}

	/* ::::: HOME ::::: */

	.main {
		padding: 0;
	}

	/* Slider */

	.homeSlider {
		margin: 0 0 180px;
	}

	.homeSlider .mainContent {
		overflow: visible;
	}

	.homeSlider .mainContent .text {
		width: 80%;
		padding: 16px 10%;
		top: 100%;
		right: auto;
		background: #323232;
		font-size: 19px;
		line-height: 24px;
	}

	.expanded .mainContent p {
		opacity: 1;
	}

	.homeSlider .mainContent a {
		width: 66%;
	}

	.homeSlider .slider h2 {
		padding-right: 77px;
	}

	.homeSlider .slider .controls {
		width: 74px;
	}

	.homeSlider .slider .fullContent {
		padding-bottom: 0;
	}

	.homeSlider .slider .fullContent,
	.homeSlider .slider .fullContent p {
		/*height: 42px;*/
		overflow: hidden;
	}

	.homeSlider .slider article,
	.homeSlider .slider .fullContent p {
		font-size: 11px;
	}

	.homeSlider .slider article {
	    height: 240px;
	}

	.homeSlider .slider .fullContent .links {
		display: block;
	}

	.homeSlider .slider .controls {
		right: 0px;
	}

	/* Grants */

	.grantsSections {
		margin: 20px 0;
	}

	.grantsSections section {
		width: 250px;
		margin: 0 auto;
		float: none;
		padding: 20px 0;
	}

	.grantsSections .section1,
	.grantsSections .section2 {
		border: 0;
		border-bottom: 1px dotted #9E9991;
	}

	/* Stay Connected */

	.stayConnected {
		margin: 0 0 40px;
		overflow: hidden;
	}

	.stunt {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.stunt .figure {
		width: 100%;
		margin: 0;
		float: none;
	}

	.stunt .stuntContent {
		width: auto;
		margin: 8% 0;
		float: none;
	}

	.stunt .stuntContent q {
		width: auto;
		font-size: 18px;
		line-height: 25px;
	}

	.stunt .stuntContent .actionLinks {
		position: static;
	}

	.stunt .stuntContent .actionLinks a {
		display: block;
		margin: 0 0 8px;
		float: none;
		text-align: left;
	}
	/* ::::: London Summit Stunt ::::: */

	.stunt .figure .caption a {
		font-size: 12px;
	}

	.londonSummitStunt .stuntContent {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		bottom: 12px;
	}

	.londonSummitStunt .stuntContent .actionLinks {
		padding: 0;
	}

	.londonSummitStunt .stuntContent .actionLinks a {
		text-align: center;
		display: inline;
	}

	.londonSummitStunt img {
		width: auto;
		margin: 0 0 5px 0;
	}

	/* ::::: Stay Connected ::::: */

	.stayConnected {
		border-top: 0;
		padding: 0 15px;
		margin-top: 0;
	}

	.stayConnected h2 {
		border-top: 5px solid #B5B6B6;
		margin-top: 0;
		padding-top: 20px;
	}

	.stayConnected .postsWrapper {
		width: auto;
		margin-top: 20px;
	}

	.stayConnected .post {
		width: 259px;
		clear: both;
		margin: 0 auto;
		padding: 12px 0;
		float: none;
		border-right: 0;
		border-bottom: 1px dotted #9E9991;
	}

	.stayConnected .post .wrapper {
		height: 286px;
		margin: 0 20px;
	}

	.stayConnected .lastRow.postFour {
		border-bottom: 0;
	}

	.stayConnected .tweetPost .followBtn,
	.postsWrapper.relatedPosts .postContainer .tweetPost .followBtn {
		display: block;
	}
	.stayConnected .tweetPost .followBtnResp,
	.postsWrapper.relatedPosts .postContainer .tweetPost .followBtnResp {
		display: none;
	}

	.stayConnected .tweetPost .postContent,
	.postsWrapper.relatedPosts .postContainer .tweetPost .postContent {
		min-height: 162px;
		max-height: 170px;
	}
	.stayConnected .tweetPost .twitterActions,
	.postsWrapper.relatedPosts .postContainer .tweetPost .twitterActions {
		padding-top: 4px;
	}
	.stayConnected .tweetPost .twitterActions span,
	.postsWrapper.relatedPosts .postContainer .tweetPost .twitterActions span {
		display: inline;
	}

	/*::::::::::: PAGE BASIC TEMPLATE ::::::::::::::*/

	/* Sidebar and Secondary Navigation */
	.sidebar,
	.main-content {
		width: 92%;
		margin: 4%;
		float: none;
	}

	.sidebar.nav-dropdown {
		display: block;
		margin: 0 4%;
		padding: 4% 0;
	}
	/*
	  .sidebar.nav-dropdown {
        display: block;
        margin: 0;
        padding: 4% 4%;
        background-color: #373838;
    }	
	*/

	.sidebar .side-nav,
	.secondaryNavigation .leadershipPostsMenu {
		overflow: hidden;
		background-color: #F1EFEC;
		display: none;
	}

    .sidebar .calEvent {
        display: none;
    }

	.secondaryNavigation .leadershipPostsMenu {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.leadershipPostsMenu ul {
		width: 100%;
	}

	.leadershipPostsMenu ul li {
		width: 100%;
		border-bottom: 1px solid #B5B6B6;
	}

	.leadershipPostsMenu ul li a {
		width: 91.8%;
	}

	.secondaryNavigation .section-selector,
	.sidebar .section-selector {
		display: block;
	}

	.leadershipPostsMenu ul li a.active {
		display: none;
	}

	.secondaryNavigation .section-selector {
		background: #d5d4d2;
	}

	.nav li.active {
		background: #BFC2C1;
	}

	.nav li a {
		line-height: 30px;
	}

	.nav li.active a {
		color: #072532;
	}


    /* Leadership Posts */
	.postsWrapper.grid .post {
		border-left: none;
		border-right: none;
		margin: 0 0 0 20px;
	}

  	/* Article Related Posts */
    .postsWrapper.relatedPosts .postContainer .post {
        margin: 0 0 0 30px;
        border-left: none;
    }


	/* ::::::: MEDIA LIGHTBOX :::::::: */
	.mediaLightBox {
		width: 58%;
	}
	
	

	.mediaLightBox .mainContent {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.mediaLightBox .asideContent {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	/* :::::: SEARCH RESULTS GRID ::::::: */
	.results-view .post {
		width: 51.8%;
		float: none;
		border-right: none;
		margin: 0 auto;
	}

	.articleWrapper {
		padding: 0;
	}

    .articleWrapper .print {
        display: none;
    }

	.articleWrapper .anchorList.right,
	.articleWrapper .anchorList.left {
		float: none;
		margin: 20px 0 20px 0;
		width: 80%;
		padding: 10px;
	}

	.articleWrapper figure.right,
	.articleWrapper figure.left {
		float: none;
		text-align: left;
		margin: 0;
		
	}

	.articleWrapper figure img {
	    max-width: 100%;
	}

	.articleWrapper aside.left,
	.articleWrapper aside.right {
		float: none;
		margin: 20px auto;
	}
	
	.articleWrapper .placeholder.right .aside,
    .articleWrapper .placeholder.left .aside,
    .articleWrapper .placeholder.right .anchorList,
    .articleWrapper .placeholder.left .anchorList {
        float: none;
        clear: both;
        margin: 10px auto;
    }
    
    .articleWrapper .placeholder.right .anchorList,
    .articleWrapper .placeholder.left .anchorList {
        margin-bottom: 20px;
    }
    
    .articleWrapper .placeholder.left, 
    .articleWrapper .placeholder.right {
        padding: 0 0 10px;
        margin:  0 auto !important;
        width: 100% !important;
        float: none;
        clear: both;
    }
    
    .articleWrapper .placeholder.right .figure,
    .articleWrapper .placeholder.left .figure {
        clear: both;
        width: 100%;
        margin: 0 auto;
    }
    
    .articleWrapper .placeholder.right .figure img,
    .articleWrapper .placeholder.left .figure img {
        width: 100%;
    }

    .articleWrapper p {
    	margin: 13px 0 14px;
    }
    
    .right .socialArticleComponent,
    .left .socialArticleComponent,
    .right .learnMoreLinks,
    .left .learnMoreLinks,
    .right .updateList,
    .left .updateList {
        float: none;
        clear: none;
        margin: 10px auto 10px auto;
    }
    
    .right .youTubeEmbed,
    .left .youTubeEmbed,
    .right .quote,
    .left .quote {
        float: none;
        clear: none;
        margin: 0 auto;
    }
    
    .left .featuredText,
    .right .featuredText {
        width: 92%;
        padding: 4%;
    }
    
    .contactInfo.wide,
    .contactInfo {
        width: 92%;
        padding: 10px 4% 20px 4%;
    }
    
    .articleWrapper .aside.promoModule {
        width: 245px;
    }
    
    .articleWrapper .aside.promoModule p {
        width: 180px;
    }

	.youTubeEmbed iframe {
	    max-width: 100%;
	}

	.articleWrapper .divider {
		left: 0;
		width: 100%;
	}

	.articleWrapper.inset {
		width: 80%;
		margin: 0;
	}
	
	.goToShortcuts span.label {
	    border: none;
	}

    .ic_caption {
        max-width: 100%;
        left: 12px;
    }
     
     .contactInfo.wide .span-1-2 {
         margin-bottom: 15px;
         width: 100%;
     }
     
     .tweetsCarousel {
     	height: 175px;
     }

    /**/

	.postsWrapper.relatedPosts .postContainer {
		margin-left: 0;
		width: 100%;
	}

	.postsWrapper.relatedPosts .postContainer .post {
		margin: 0 auto;
		width: 259px;
		float: none;
	}

	.section-toolbar {
		left: 0;
		float: none;
		margin: 0;
		top: 0;
	}
	
	.table {
	    width: 100%;
	    margin-left: -4%;
	}
	
	.table td,
	.table th {
		font-size: 11px;
		padding: 2px;
		vertical-align: middle;
	}

	.well {
		padding: 10px;
	}

	/* ::::::: Search Box :::::: */

	.search-box .search-media-button {
	    font-size: 9px;
	}

	.search-box .search-icon {
	    left: 58%;
	}

	.search-box .search-basic-form {
		width: 71.229765%;
		padding-right: 2.832898%;
	}

	.search-box .search-options {
	    margin-top: 0;
	}

	.search-box .search-media-button {
		width: 24.242915%;
	}

	.search-box .input-text {
		width: 59.732794%;
		padding: 0 9.5% 0 1%;
	}

	.search-box .search-options-form .search-input,
	.search-dropdown-container.media-type .dropdown {
	    width: 49%;
	}

    /* :::: HISTORY TIMELINE :::: */    
    .historyModules,
    .historyModules .historyModule {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .historyModule.left .historyModuleImageLargeCaption, 
    .historyModule.left .historyModuleNoImage, 
    .historyModule.left .historyModuleImageShortCaption,
    .historyModule.right .historyModuleImageLargeCaption, 
    .historyModule.right .historyModuleNoImage, 
    .historyModule.right .historyModuleImageShortCaption {
        left: 0;
        right: inherit;
        margin: 0 auto;
        display: block;
    }

    .topText p {
        width: 100%;
    }

    .historyModuleYearTitle {
        width: 100%;
    }

    .historyModule {

    }

    .historyModule .connector {
        display: none;
    }

    .historyModuleCaption {
        width: 250px;
        left: 0;
    }

    .leftColumnContainer {
        margin: 0 auto;
    }


    .historyModuleYearTitle {
        max-width: 100%;
    }

    /* ::::: SEARCH RESULTS ::::: */
    
    .search-result.with-media .copy-section {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 15px;
    }
    
    .search-result.with-media .media-section {
        width: auto;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    
    a.video-thumbnail .play-btn {
        width: 50%;
        left: 25%;
    }

    /* ::::: ABOUT US ::::: */

	.about-us-hero,
	.our-work-hero {
    	background-color: #313131;
    }
    .about-us-hero blockquote,
    .our-work-hero blockquote {
		font-size: 17px;
		font-weight: normal;
		line-height: 19px;
		padding: 15px;
		position: static;
		width: auto !important;
	}
	.about-us-hero blockquote small {
		font-size: 10px;
		line-height: 1;
		margin: 5px 0 -4px;
	}
	.about-us-info-section {
		padding: 0;
	}
	.about-us-info-section .span-1-2 {
		float: none;
		width: auto;
	}
	.about-us-info-section .about-us-copy {
		padding: 30px 15px !important;
	}
	
	footer {
	    padding: 0;
	}
	
	/* ::::: OUR WORK ::::: */
	.our-work-section .span-1,
	.our-work-section .span-1-4,
	.our-work-section .span-3-4,
	.our-work-section .span-1-3-1,
	.our-work-section .span-1-3-2,
	.our-work-section .span-2-3-2 {
	    width: 90%;
	    margin: 0 auto;
	    float: none;
	}
	
	.our-work-section .our-work-copy {
	    padding: 0;
	    margin-bottom: 30px;
	}

	.our-work-section .our-work-copy.main {
		padding: 0 26px;
	}
	
	.our-work-section .link-open-drawer {
	    margin-top: 10px;
	}
	
	.our-work-images .image-item,
	.our-work-images .image-item:first-child {
	    width: 75%;
	    margin: 0 auto;
	    float: none;
	    margin-bottom: 15px;
	}
	
	.our-work-hero.map .tooltip {
	    display: none !important;
	}
	
	.our-work-map-accordion {
	    display: block;
	}
	
	/* basic */
	.main-header .title-old-english {
	    top: 0;
	}
	
	.main-header .main-title {
	    top: 20px;
	}
	
	.singleTweet .twitterUsername {
	    display: block;
	}
	
	.singleTweet .twitterActions {
	    margin-left: 0;
	    margin-top: 10px;
	}
	
	.singleTweet .postContent {
	    display: block;
	    margin-top: 10px;
	}
	
	.our-work-article .tweetsCarousel {
		height: 175px;
	}
	
	/* ::::: ERROR ::::: */
	
	.error-section {
	    margin-top: 30px;
	}
	
	.mediaLightBox .mediaComponent .download-link {
	    position: relative;
	}
	
	.mediaLightBox .shareComponent .shareWindow {
	    left: 0;
	}
	
	.date {
	    display: inline-block;
	    float: left;
	}
	
	.push-bottom-small {
		margin-top: 2px;
	}
	
	.secondaryNavigation {
		margin: 38px 0 0 0;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 338px){
		.homeSlider .slider article {
	    height: 320px;
	}

    .calEventMore-btn,
    .calEventMore-link {
        font-size: 12px;
    }
 
}