/* iPad and large tablets */
@media screen and (max-width: 980px) {
	
	html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-text-size-adjust: none; }

	#wrap { width: 100%!important; margin: initial; }
	body { background: #fff; }

	.logo { width: 380px; height: auto; }
	.subtitle { margin: 0; text-align: right; margin-bottom: 5px; width: 380px; max-width: 100%; }
	.mainmenu li a { height: 25px; font-size: 12px; width: 95px; }
	.mainmenu li a.long-nav { width: 140px; }
	.header-cta { width: 165px; top: 22px; }
	.header-cta a { float:right; margin: 0; margin-top: 6px; }
	.here { height: 24px; }
	.searchinput { height: 19px; }

	.heading h2 { font-size: 13px; padding-top: 7px; padding-left: 24px; background-position: 9px 12px; }
	.column { width: 31%; margin-right: 1%; }
	.double-col { width: 64%; }
	.double-col.no-sidebar { width: 100%; }
	.column img { max-width: 100%; height: auto; }
	.credits { top: auto; bottom: 0; }
	.photo-caption { width: 240px; max-width: 100%; }

	.normal { word-break: break-word; }
	.normal table { max-width: 100%; }
	.normal img { max-width: 100%; height: auto; }
}

/* Small tablets and large smartphones */
@media screen and (max-width: 758px) {
	#wrap { padding-top: 25px; }
	.logo { max-width: 100%; height: auto; }
	.top-right-nav li a { padding: 6px 5px; }
	.searchbar { position: absolute; top: 0; right: 6px; }
	.searchinput { right: 75px; width: 250px; top: 11px; }
	.searchbtn { top: 11px; }
	.breadcrumb-wrapper { display: none; }
	
	#mobile-menu-button { display: block!important; width: 40px; height: 40px; position: absolute; top: 0; left: 10px; background: center left no-repeat transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVFQzQ3OTc2Qzk3MTFFNUE0MkE5NEY1NTUwQzYwRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVFQzQ3OTg2Qzk3MTFFNUE0MkE5NEY1NTUwQzYwRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRUVDNDc5NTZDOTcxMUU1QTQyQTk0RjU1NTBDNjBEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUVDNDc5NjZDOTcxMUU1QTQyQTk0RjU1NTBDNjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+GWBwAAABjSURBVHjaYvz//z8DrQETAx0AXSxhgTEYGRnv08ICYHQoMsLiBGjJfxpZwkjf4AKCBzSzBRRctEzGILOHYRIGgjga2bFo+CRhusdJ/Gg+GXRxcp9GdowW9aQBxtHWCikAIMAAVEc1NOnqknYAAAAASUVORK5CYII='); }
	.mainmenu, .header-cta, .top-right-nav { display:none }
	#mobile-menu ul { display: block; margin: 0; height: 100%; background-color: #015294; }
	#mobile-menu ul li a { display: block; width: 100%; background: transparent; height: auto; padding: 14px 0 14px 10px; text-align: left; border-bottom: 1px solid #033D6D; text-transform: uppercase; text-decoration: none; color: #fff }
	#mobile-menu ul li.active a { background-color: #fff; color: #015294; border: 0; }
	#mobile-menu ul li.account-button a { background-color: #f57120; }
	#mobile-menu ul li.account-button a { border-color: #DE5E10; }
	
	.column { float: none; width: 100%; }
	.credit-wrap img { width: 100%; }
	.margin-col, .margin1 { margin: 0; }
	.surveys li { float: none; width: 100%; }

	#footer ul { width: 100%; height: auto; float:none; }
	#footer ul li { margin-bottom: 8px; }
	p.beweb { text-align: center; margin: 10px; float: none; clear: left; }
	p.beweb a { padding-top: 10px; display: block; }
	.copyright { text-align: center; margin-top: 25px; }

}

/* iPhone and small smartphones */
@media screen and (max-width: 530px) {
	.searchinput { width: 160px; }
}

/* Small screen */
@media screen and (max-width: 380px) {
	.double-col .credit-wrap, .double-col .credit-wrap .photo-caption { width: 100%; float: none; }
}

/* Tiny screen */
@media screen and (max-width: 300px) {
	.searchinput { width: 120px; }
}

/* Mobile menu */
html.mmenu-opened,html.mmenu-opened body{height:100%;width:100%;overflow:hidden}
html.mmenu-opened body{position:relative}
.mmenu{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mmenu .mmenu-hidden{display:none}
html.mmenu-opened .mmenu.mmenu-opened{display:block!important}
html.mmenu-opened .mmenu-page{box-shadow:0 0 20px rgba(0,0,0,0.8);background-color:inherit;min-height:100%;position:absolute;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mmenu-blocker{display:none}
html.mmenu-opened #mmenu-blocker{background:rgba(255,255,255,0.1);display:block;width:100%;height:100%;position:absolute;top:0;z-index:2}
html.mmenu-opened .mmenu-page,html.mmenu-opened #mmenu-blocker{-webkit-transition:left .5s ease,right .5s ease,margin .5s ease;-moz-transition:left .5s ease,right .5s ease,margin .5s ease;transition:left .5s ease,right .5s ease,margin .5s ease}
html.mmenu-left.mmenu-opened .mmenu-page,html.mmenu-left.mmenu-opened #mmenu-blocker{margin-left:0;left:0}
html.mmenu-left.mmenu-opening .mmenu-page,html.mmenu-left.mmenu-opening #mmenu-blocker{margin-left:-65px!important;left:100%}
html.mmenu-right.mmenu-opened .mmenu-page,html.mmenu-right.mmenu-opened #mmenu-blocker{margin-right:0;right:0}
html.mmenu-right.mmenu-opening .mmenu-page,html.mmenu-right.mmenu-opening #mmenu-blocker{margin-right:-65px;right:100%}

/* Responsive tables */
@media only screen and (max-width: 767px) {
	.normal table { width: 100%!important;  }
	table.responsive { margin-bottom: 0; }
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: auto; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}