@media only screen and (max-width : 1120px) {
	.site-branding .logo.blue {
		width: 190px;
		background-position: left 18px;
	}
}

@media only screen and (max-width : 1023px) {
	
	h1, h2 { font-size: 20px; line-height: 35px; }
	
	.wrapper,
	.two-col .main-content .wrapper { width: auto; padding-left: 20px; padding-right: 20px; }
	.contact-list ul li:nth-child(3n) { margin-right: 0 }
	
	.article .main-content .wrapper { width: auto; padding: 0 20px; }

	
	.banner .inner,
	#temp-evenodd .page-banner .inner,
	#panel2 .circle .inner,
	#events-news .page-banner .inner-content,
	#media-contacts .inner-content { padding: 0 100px }
	
	.banner .inner h2 { font-size: 24px !important; line-height: 27px !important; }
	
	.links .link,
	#select-box,
	.tabs-menu li { margin-bottom: 25px; }
	
	#events-news .page-banner .wrapper .btn-blue { margin: 35px auto 0px; }
	
	.article .entry h1, .article .entry h2, .article .entry h3, .article .entry h4, .article .entry h5, .article .entry p, .article .entry address { padding: 0 135px; }
	.article .page-header h2 { padding: 0 50px; }

	.category-filters { text-align: center }
	.category-filters .filter { margin:11px; width: 110px; height: 110px; }
	.category-filters .filter.last { margin: 11px; }
	.category-filters .filter a { font-size: 14px; line-height: 14px; height: 110px; padding: 0 5px; }
	
	#footer .wrapper { padding: 0 20px; }
	
	.cbp-fbscroller > nav { right: 40px; }
	
	.bg { display: none !important; }
}

@media screen and (max-width: 992px) {
	.cbp-af-header-shrink .main-nav ul li.first-ul > .sub-menu {
		top: 0px;
	}
	#footer #footer-nav ul li {
		min-width: 170px;
		max-width: 170px;
	}
	.btn-blue {
		width: auto;
		min-width: 160px;
	}
	.numbers span {
		font-size: 40px;
	}
	.main-nav { 
		display: none;
		position: absolute;
		top: 90px;
		left: 0;
		width: 100%;
		background: #005b94;
		text-align: left;
		z-index: 9999;
	}
	.main-nav.open {
		display: block;
		overflow-y: scroll;
	}
	.main-nav ul li {
		display: block;
		border-bottom: 1px solid #0074bd;
	}
	.main-nav ul li:first-child {
		padding-top: 10px;
	}
	.main-nav ul li:last-child {
		border-bottom: 0;
	}
	.main-nav ul li a {
		display: inline-block;
		color: #fff;
		padding: 0 25px;
		margin-bottom: 10px;
	}
	.main-nav ul li.first-ul {
		position: relative;
		padding: 10px 0 0;
	}
	.main-nav ul li.first-ul > .sub-menu {
		display: none;
		left: 0 !important;
		margin-left: 0 !important;
	    position: relative;
	    width: auto;
	    padding: 0;
	    border: 0;
	    top: 0;
	    background: #0074bd;
	    padding: 14px 0 1px;
	}
	.main-nav ul li.first-ul > .mobile-arrow {
		background: url(../img/white-arrow.png) no-repeat;
		width: 12px;
		height: 9px;
		display: inline-block;
		content: "";
		background-color: #0074bd;
	    padding: 11px;
	    background-position: center center;
	    border-radius: 4px;
	    position: absolute;
	    top: 14px;
	    right: 15px;
	}
	.main-nav ul li.first-ul > .sub-menu li {
		display: block;
		min-width: inherit;
		max-width: inherit;
		margin-bottom: 10px;
		padding: 0 35px;
		border-color: #005b94;
	}
	.main-nav ul li .sub-menu li.second-ul > .sub-menu {
		display: none !important;
	}
	.main-nav ul li .sub-menu li.second-ul > .sub-menu li {
		
	}
	.main-nav ul li .sub-menu li.second-ul > .sub-menu li a {

	}
	.c-hamburger {
		display: block;
	}

	.bxslider .wrapper {
		margin: 150px 130px 0;
	}
	.twitter-container a,
	.twitter-container p {
		font-size: 3.2vw !important;
		line-height: 3.4vw;
	}
}

@media screen and (min-width : 481px) and (max-width: 800px) {
	.small-fade { opacity: 1; }
	.center { position: inherit; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; transform: none; display: table-cell; vertical-align: middle; padding: 0 20px; }
	.home .warning { display: none; }
	.banner .background{ background-position: 50% 50% !important; }

}

@media screen and (max-width: 786px) {
	.grid-explore h2 {
		opacity: 1;
	}
	.grid-explore:after {
		bottom: 0;
		opacity: 1;
	}
	.grid-explore:before {
		top: 0;
		opacity: 1;
	}
}

/* Smartphones and small tablets (portrait and landscape) ----------- */
@media screen and (max-width: 767px) {
	
	.col-md-3 {
		width: 50%;
	}

	#masthead{
		height: 90px !important;
    	background: #FFF !important;
	}
	#masthead .site-branding .logo {
		background-size: 70%;
	}

	.hasHeader {
		margin-top: 90px;
	}

	.site-navigation {
		padding-top: 10px;
	}

	.left,
	.right {
		width: 100%;
		float: none;
	}

	.bxslider .wrapper h2 {
		font-size: 6vw;
		line-height: 6vw;
	}

	.bxslider .wrapper h3 {
		font-size: 4vw;
		line-height: 4vw;
	}

	.twitter-container a {
		font-size: 5vw;
		line-height: 6vw;
	}

	.col-md-6,
	.col-md-4 {
		width: 100%;
		float: none;
	}

	.col-md-4 {
		margin-bottom: 25px;
	}

	.numbers p {
		font-size: 4vw;
	}

	.numbers .count,
	.numbers span.smaller {
		font-size: 7vw;
		margin: 0;
	}

	.numbers .inner {
		margin-bottom: 50px;
	}

	.numbers .inner.nm {
		margin-bottom: 0;
	}

	.logo-footer ul li {
		display: inline-block;;
		margin: 15px;
		width: 20%;
	}

	.logo-footer ul li img {
		max-width: 90%;
	}

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
	.home .content .top { padding-top:110px; }

	.message {
		top: 90px;
	}
	.message .inner-message{
		margin: 0 auto;
		width: 325px;
	}
	.message .inner-message p{
		width: 280px !important;
		padding: 0 10px;
		height: 75px;
		overflow: hidden;
		float: left;
	}
	.message .inner-message p span{
		font-size: 11px !important;
	}
	.message .inner-message img{
		width: 25px;
		float: left;
	}
	.message .btn-blue{
		min-width: auto !important;
		width: 45% !important;
		margin: auto !important;
		float: none !important;
	}
	.warning.message.stack{
		top: 226px;
	}
	.alert-rss-updates-page span{
		display: none;
	}
	.small-fade { opacity: 1; }
	
	.bg {display: none !important}
	.cbp-fbscroller > nav { display: none; }
	
	h1, h2 { font-size: 20px; line-height: 25px; }
	
	.wrapper { width: auto; padding: 0 20px }
	.article .main-content .wrapper { width: auto; padding: 0 20px; }

	.page-banner p { font-size: 16px !important; line-height: 30px !important; }
	
	.cbp-fbscroller section  { background-attachment: inherit; }
	.panel { height:568px !important; }
	#careers .panel{height:auto !important;}
	#careers #panel2 #slides li img { left:auto !important; right:0px; }
	.career-article .banner .background { background-position: right center !important; }
	
	#masthead { padding: 10px 20px; }
	#search { margin-right: 8px; top: 20px; }
	#search .search-btn { display: none; }
	input.open, input.closed { position: absolute; top: 60px; left: -190px }
	.site-branding { width: 38%; }
	.site-branding .logo { background-size: 75%; }
	.btn-menu { width: 60px; height: 60px; line-height: 60px; }
	.site-navigation { padding-top: 10px; }
	
	.overlay ul li { min-height: inherit; }
	.overlay ul li a { font-size: 20px; line-height: 35px; }
	.overlay ul li > ul {margin: 0;}
	.overlay ul li > ul li a { font-size: 16px; line-height: 26px; }
	
	
	.home .content { opacity: 1 !important; top: 0px !important; padding: 0 15px; height: 100%; background: rgba(0,0,0,0.5); z-index: 25; }
	.home .content .top { width: 77%; }
	.home .content .middle p { font-size: 24px !important; line-height: 27px !important; height: auto; padding: 20px 0; }
	
	.center { position: inherit; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; transform: none; display: table-cell; vertical-align: middle; padding: 0 20px; }
	.content .middle div { height: auto; display: block; }
	.content .middle div p.sub-fit { margin: 0; padding: 20px 0; }
	.content .middle div h4 { font-size: 15px; line-height: 18px; padding: 0 0 20px 0; }
	.content .bottom .btn-blue { font-size: 12px; padding: 7px 10px; }
	
	.banner .inner { width: 50%; padding: 0 !important; }
	.banner .inner h2 { font-size: 24px; line-height: 27px; }
	.banner .inner p { margin: 0 }
	.banner .background{ background-position: 50% 50% !important; }
	
	.contact-list .directorate h2,
	.contact-list .media-relations h2,
	.contact-list .communication-liaisons h2 { width: auto; margin: 0; padding: 0; }
	.contact-list .directorate .line-decor,
	.contact-list .media-relations .line-decor,
	.contact-list .communication-liaisons .line-decor { width: 100%; margin-bottom: 20px; }
	.contact-list ul li { width: auto; margin: 0 0 25px 0; display: block; }
	
	#footer aside, #footer #footer-nav { width: auto !important; }
	#footer .wrapper { padding: 0 20px; }
	.wrapper.mobile{display:block;}
	.wrapper.desktop{display:none;}
	
	#temp-evenodd .mobile { display: block; }
	#temp-evenodd .desktop { display: none; }
	#temp-evenodd .page-banner .wrapper { padding: 0 20px; }
	#temp-evenodd .page-banner .inner { padding: 0 !important; }
	#temp-evenodd .dot { display: none; }
	
	#temp-evenodd .row { max-height: inherit; padding-bottom: 3em; }
	#temp-evenodd .row .left,
	#temp-evenodd .row .right { float: none; width: auto; margin-bottom: 15px; }
	#temp-evenodd .row.even .right, #temp-evenodd .row.odd .left { padding: 15px 20px; }

	#temp-evenodd .row .left h2,
	#temp-evenodd .row .left p,
	#temp-evenodd .row .right h2,
	#temp-evenodd .row .right p { padding: 0 20px; }

	#temp-evenodd .row .left a,
	#temp-evenodd .row .right a { margin-left: 20px; }
	
	#panel1 .main-content, #panel3 .main-content { padding: 2em 0; }
	#panel1 .main-content .wrapper { padding: 0 20px; }
	#panel1 .main-content h2, #panel3 .main-content h2 { margin-bottom: 20px; }
	#panel1 .main-content p, #panel3 .main-content p { font-size: 18px; line-height: 24px; }
	#panel2 .circle { background: none; border: none; width: auto; border-radius: 0; }
	#panel2 .circle .inner { padding: 0 !important; }
	#panel2 .circle .inner h2 { line-height: 35px; margin: 15px 0; }
	
	.slides-navigation a.next,
	.slides-navigation a.prev { background-size: 60%; background-position: center; }
	.slides-navigation a.next { right: 0% !important; }
	.slides-navigation a.prev { left: 0% !important }
	
	.links { margin: 45px 0 25px; }
	.links .link { width: auto; margin: 0 0 25px 0; }
	
	#careers #panel4 { display: none; }
	#careers #slides { height: 410px !important }
	#careers #slides img { /* width: auto !important; height: auto !important; */ }
	#careers #slides .circle { margin: 0; height: auto !important; }
	#careers #slides .circle .inner { height: 350px !important }
	#careers #slides .slides-navigation { top: 75%; }
	#careers #slides .slides-navigation a:first-child { right: 60px !important; }
	#careers #slides .slides-navigation a:last-child { left: 60px; }
	#careers #slides .container { height: 100%; background: rgba(0,0,0,0.6) }
	
	
	#panel6 .contact-list ul { width: auto; }
	#panel5 .contact-list h2 { width: auto }
	#panel5 .contact-list .line-decor { width: 100%; margin-bottom: 30px; }
	
	#panel6 .main-content #resources li a { font-size: 18px; line-height: 19px; }
	
	.category-filters { text-align: center }
	.category-filters .filter { margin:11px; width: 110px; height: 110px; }
	.category-filters .filter.last { margin: 11px; }
	.category-filters .filter a { font-size: 14px; line-height: 14px; height: 110px; padding: 0 5px; }
	
	.two-col .left,
	.two-col .right { float: none; width: auto; padding: 0; }

	.two-col .left a,
	.two-col .righta { display: inline-block; }
	
	.tabs-menu li { width: 100%; margin: 0 0 10px 0; }
	.filter-search input[type="text"] { width: 100%; min-width: inherit; }
	
	.grid-item, .large .grid-item { width: 100%; margin: 0 0 25px 0; }
	
	#events-news .page-banner .inner-content { width: auto; padding: 0 !important; }
	#events-news .page-banner .wrapper .btn-blue { width: auto; margin: 45px auto 0; }
	#events-news .filters .row { padding-bottom: 10px; }
	#events-news .results .result { width: 100%; margin: 0 0 25px 0; }
	#events-news .filters .btn-filter { width: 100%; margin: 0 0 10px 0; }

	#select-box { width: 100% !important; margin: 0 0 10px 0; }
	#select-box .label { font-size: 16px; padding: 3px 10px; }
	
	#media-contacts .inner-content { width: auto; padding: 0 !important }
	
	.two-col .main-content .wrapper { width: auto; padding: 2em 20px; }
	
	.article .main-content .wrapper { width: auto; }
	.article .page-header { text-align: left; }
	.article .page-header h2 { padding: 0 !important; font-size: 24px; line-height: 27px; }
	.article .entry h1, .article .entry h2, .article .entry h3, .article .entry h4, .article .entry h5, .article .entry p, .article .entry address { padding: 0 !important; }
	
	.reference-footer .wrapper .inner { width: 60%; padding: 0; }
	
	#news-warning .inner-content h2 { width: 100%; margin: 15px auto; }
	#map iframe { height: 250px; }
	
	.contact-modal { position: absolute !important; top: 250px !important; left: 0; width: auto; }
	
	.overlay nav { top: 280px; }
	
}

@media screen and (max-width: 500px) {
	input.open, input.closed {
		top: 100px;
		left: -313px;
	}
	.bxslider .wrapper {
		margin: 60px 80px 0;
	}
	.bx-controls-direction {
		display: none;
	}
	.grid-explore h2 {
		opacity: 1;
	}
	.grid-explore h2 a {
		font-size: 18px;
	}
	.grid-explore.small h2 a {
		font-size: 14px;
		line-height: 16px;
	}
	.grid-explore:after {
		bottom: 0;
		opacity: 1;
	}
	.grid-explore:before {
		top: 0;
		opacity: 1;
	}
	.bxfull {
		background-position: right center !important;
	}
	.bx-viewport {
		max-height: 400px;
	}
}

@media screen and (max-width: 380px) {
	.bxslider .wrapper {
		margin: 80px 21px 0;
	}
}