/* ***************************************************************** */
/* Updated and checked: 10/07/2020
******************************************************************** */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#taskspage [role="header"] .header-inner .header-left {
		width: 8em !important;
		max-width: 2em !important;
		margin-top: 0px !important;
		vertical-align: middle;
	}
	[role="header"] .header-inner .header-left {
		vertical-align: middle
	}
	[role="header"] .mobile-device img {
		width: auto;
		height: 100%;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	#taskspage .content_container {
		padding: 0 40px 20px 40px !important;
	}
	[id="recordpage"] #recordresponse {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	#responsecontent .savedhighlightslist {
		padding-left: 0;
		margin: 0;
	}
	#responsecontent .savedhighlightslist .recordHighlight {
		display: table;
	}
	#responsecontent .recordHighlightedText, #responsecontent .recordHighlightedDelete, #responsecontent .pdf-highlight, #responsecontent .record-pdf-delete {
		display: table-cell;
		vertical-align: top;
		width: 100%;
	}
	/*[id="recordpage"] #responsewizardbuttons {
		margin-left: -20px;
		margin-right: -20px;
	}*/
	[id="recordpage"] #responsewizardbuttons .responsebuttonsNav {
		margin: -6px 0 0 0;		
	}
	[id="dashboardpage"] .pathway-box {
		max-width: 270px;
		min-width: 270px;
	}
	[id="dashboardpage"] .grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(290px, 0fr));
		margin: 0em 0em 3em 0em
	}
	.pathway-image.nopathway {
		background-position-y: -90%;
	}
	/* ***************************************************************** */
	/* [dashboardpage] twitter 
	******************************************************************** */
	#dashboardpage .twitter-timeline {
		min-width: 100% !important;
		width: 100vw !important;
	}
	#dashboardpage .pathway-block-cell.scroll.right {
		height: 324px !important;
		min-height: 324px !important;
	}
}
@media only screen and (min-device-width: 744px) and (max-device-width: 782px) {
	#taskspage .content_container {
		padding: 0 40px 20px 40px !important;
	}
}
@media only screen and (min-device-width: 889px) and (max-device-width: 971px) {
	#dashboardpage #pathwaySummaryGrid.grid-wrapper, #contributionspage #pathwaySummaryGrid.grid-wrapper {
		grid-gap: 40px;
		grid-template-columns: repeat(auto-fill, minmax(160px, 3fr));
	}
}
@media only screen and (min-device-width: 695px) and (max-device-width: 889px) {
	#dashboardpage #pathwaySummaryGrid.grid-wrapper, #contributionspage #pathwaySummaryGrid.grid-wrapper {
		grid-gap: 40px !important;
		grid-template-columns: repeat(auto-fill, minmax(120px, 3fr)) !important;
	}
	#dashboardpage #pathwaySummaryGrid .pathway-box, #contributionspage #pathwaySummaryGrid .pathway-box, #contributionspage [data-role="main"] .pathway-summary-wrap img, #contributionspage .globalChallengeActivityBox img {
		min-width: 120px !important;
		max-width: 120px !important;
		margin: 0 auto;
	}
	#contributionspage .singleChallengeActivityBox img {
		height: 120px
	}
	#contributionspage .globalChallengeActivityBox {
		margin-left: 0;
	}
	#contributionspage .singleChallengeActivityBox {
		margin-right: 0;
	}
}
@media only screen and (min-device-width: 473px) and (max-device-width: 695px) {
	#dashboardpage #pathwaySummaryGrid.grid-wrapper, #contributionspage #pathwaySummaryGrid.grid-wrapper {
		grid-gap: 30px !important;
		grid-template-columns: repeat(auto-fill, minmax(180px, 2fr)) !important;
	}
	#dashboardpage #pathwaySummaryGrid .pathway-box, #contributionspage #pathwaySummaryGrid .pathway-box, #contributionspage [data-role="main"] .pathway-summary-wrap img, #contributionspage .globalChallengeActivityBox img {
		min-width: 120px !important;
		max-width: 120px !important;
		margin: 0 auto;
	}
	#contributionspage .singleChallengeActivityBox img {
		height: 120px
	}
	#contributionspage .globalChallengeActivityBox {
		margin-left: 0;
	}
	#contributionspage .singleChallengeActivityBox {
		margin-right: 0;
	}
}
@media only screen and (min-device-width: 285px) and (max-device-width: 473px) {
	#dashboardpage #pathwaySummaryGrid.grid-wrapper, #contributionspage #pathwaySummaryGrid.grid-wrapper {
		grid-gap: 4px !important;
		grid-template-columns: repeat(auto-fill, minmax(165px, 2fr)) !important;
	}
	#dashboardpage #pathwaySummaryGrid .pathway-box, #contributionspage #pathwaySummaryGrid .pathway-box, #contributionspage [data-role="main"] .pathway-summary-wrap img, #contributionspage .globalChallengeActivityBox img {
		min-width: 120px !important;
		max-width: 120px !important;
		margin: 0 auto;
	}
	#contributionspage .singleChallengeActivityBox img {
		height: 120px
	}
	#contributionspage .globalChallengeActivityBox {
		margin-left: 0;
	}
	#contributionspage .singleChallengeActivityBox {
		margin-right: 0;
	}
}
@media only screen and (max-width: 1082px) and (min-width: 315px) {
	#trainingpage .trainingcontent .dashboardtaskname, #recordpage #recordcontentdiv .dashboardtaskname {
		display: none !important;
	}
	[id="recordpage"] .dashboardtaskname, [id="trainingpage"] .dashboardtaskname {
		display: block;
		margin-top: 0;
		text-align: center;
		opacity: 1;
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (min-width : 315px) and (max-width : 1082px) {
	/*#taskspage .content_container {
		padding: 0 40px 20px 40px !important;
	}*/
	[id="dashboardpage"] .challengeCountdown .cont, [role="landingpage"] .challengeCountdown .cont {
		width: 50px !important;
		height: 50px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box, [role="landingpage"] .challengeCountdown .box {
		width: 50px !important;
		height: 50px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box .number, [role="landingpage"] .challengeCountdown .box .number {
		font-size: 1.5em !important;
	}
	[id="recordpage"] #recordresponse {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}
@media only screen and (min-width : 315px) and (max-width : 888px) {
	#taskspage .content_container {
		padding: 0 20px 0 20px !important;
	}
	[id="dashboardpage"] .challengeCountdown .cont, [role="landingpage"] .challengeCountdown .cont {
		width: 40px !important;
		height: 40px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box, [role="landingpage"] .challengeCountdown .box {
		width: 40px !important;
		height: 40px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box .number, [role="landingpage"] .challengeCountdown .box .number {
		font-size: 1.2em !important;
	}
}
/* ***************************************************************** */
/* Media: iphone 6/7/8
******************************************************************** */
@media only screen and (min-width : 315px) and (max-width : 737px) {
	#taskspage .learning_zone_item_caption {
		min-width: 70px;
		max-width: 100px;
		/*font-size: .9em;*/
	}
	[data-role="page"] [data-role="main"] .pathway-block-cell {
		display: table !important;
		position: relative !important;
		width: 100% !important;
	}
	.accuracyText {
		margin-right: 0 !important;
		margin-top: 20px !important
	}
	#taskspage .dashboarditem .dashboarditembadges img {
		width: 70px;
	}
	#taskspage .dashboarditemcontent {
		padding: 20px;
	}
	#taskspage .dashboarditemtext .dashboarditemdescription.restrictText {
		display: block;
	}
	#taskspage .content_container {
		padding: 0 20px 0 20px !important;
	}
	[id="dashboardpage"] .challengeCountdown .cont {
		width: 40px !important;
		height: 40px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box {
		width: 40px !important;
		height: 40px !important;
	}
	[id="dashboardpage"] .challengeCountdown .box .number {
		font-size: 1.2em !important;
	}
	[role="header"] {
		min-height: 78px !important;
	}
	[role="landingpage"] [role="header"] .header-inner .header-right {
		padding-right: 0 !important;
		vertical-align: middle;
		width: 12em !important;
	}
	[role="landingpage"] [role="header"] .landing-dashboard img, #dashboardpage [role="header"] .landing-dashboard img, [id^="pathway"] [role="header"] .landing-dashboard img {
		margin-top: 3px;
		margin-right: 10px
	}
	[role="header"] .header-inner .header-right .header-avatar {
		margin-top: 0 !important;
	}
	[role="header"] .mobile-device img.product-logo {
		width: 120px;
		height: auto;
	}
	[role="header"] .header-inner {
		height: 78px;
	}
	#faqhomepage [role="header"] #name-and-statement {
		display: none
	}
	[role="header"] #mypathway {
		width: 9.5em;
	}
	[role="header"] .header-inner .header-left {
		vertical-align: top !important;
	}
	#faqpage [role="header"] .header-inner .header-left, #quickrefpage [role="header"] .header-inner .header-left {
		padding: 20px 0 0 0 !important;
	}
	#faqpage .content-wrapper, #quickrefpage .content-wrapper {
		padding: 0 20px !important;
	}
	[id="recordpage"] [role="header"] .header-inner .header-left /*, [id="trainingpage"] [role="header"] .header-inner .header-left*/ {
		vertical-align: top !important;
		padding-top: 0.2em !important;
	}
	[data-role="page"] [data-title="Screening"] .header-inner .header-left.header-record-image, [data-role="page"] [data-title="Training"] .header-inner .header-left {
		vertical-align: top !important;
		padding: 22px 0 0 0 !important;
	}
	[role="header"] .header-inner .header-right {
		margin-top: 0;
		/*		padding: 0 !important;*/
		width: 5em !important;
		vertical-align: middle;
		white-space: nowrap !important;
	}
	[id^="pathway"] [role="header"] #logincrowdheader .header-inner .header-right {
		width: 15em !important;
	}
	[role="header"] .headerinner {
		padding: 0 20px !important;
	}
	[role="header"] button[type="button"] {
		margin-bottom: 5px !important;
		margin-top: 5px !important;
	}
	[id="recordpage"] [role="header"] .header-inner .header-right, [id="trainingpage"] [role="header"] .header-inner .header-right {
		vertical-align: top !important;
		padding-top: 24px !important;
	}
	[role="header"] .header-inner .header-middle .dashboardtaskname {
		display: none !important
	}
	[data-role="page"] p.dashboardtaskname {
		display: block !important;
		margin-bottom: 0;
		margin-top: 16px;
		text-align: left;
		opacity: .8;
		letter-spacing: -0.3px;
		line-height: 26px;
		font-size: 22px;
	}
	[id^="faq"] [data-role="main"] .faqButton {
		display: table-row
	}
	[id^="faq"] .faq-title button {
		float: inherit;
	}
	[id^="faq"] [role="header"] .crowdheader .headerinner, [id^="quickref"] [role="header"] .crowdheader .headerinner {
		padding: 0 20px !important;
	}
	[id^="quickref"] [data-role="main"] {
		padding: 0px !important;
	}
	[id^="faq"] [role="header"] button[type="button"] {
		margin: .5em 0 !important
	}
	#contributionspage .globalChallengeActivityBox, #contributionspage .singleChallengeActivityBox {
		text-align: center;
		margin-left: 0;
		margin-right: 0;
	}
	[id^="faq"] .crowdHeaderScreening {
		text-align: left;
	}
	[id="quickrefpage"] [data-role="main"] h4 {
		margin-top: 0;
	}
	[id="quickrefpage"] .record_details {
		display: inherit;
	}
	#recordpage .mobile-device {
		display: none !important;
	}
	#recordpage [role="header"] .header-recordpage-content {
		padding-top: 2px;
	}
	#recordpage [role="header"] .header-recordpage-content-count {
		font-size: 1em !important;
		display: table-cell;
		padding-right: 5px;
		vertical-align: top;
	}
	#recordpage [role="header"] .header-recordpage-content-cell {
		display: block !important;
		padding: 0;
		margin: 0
	}
	#recordpage [role="header"] .header-recordpage-content-title {
		white-space: nowrap;
		font-size: .8em;
		display: block;
	}
	#recordpage [role="header"] #targetprogressdiv, #recordpage [role="header"] #badgeprogressdiv {
		margin-top: 12px !important;
	}
	#targetprogressdiv .progressbar {
		width: 8em;
	}
	#recordpage.ui-page-training [role="header"] .header-recordpage-content, [id="trainingpage"] [role="header"] #defaultheader-content {
		display: none !important
	}
	#recordpage.ui-page-training .mobile-device, [id="trainingpage"] .mobile-device {
		display: block !important;
	}
	#banner-table {
		min-height: initial;
		margin-top: 10px
	}
	[role="header"] .header-inner .bannermessage.hastext {
		padding: 2px !important;
	}
	[role="header"] .header-inner .bannermessage {
		height: 17px !important;
	}
	[id="recordpage"] .recordcommentary {
		margin: 10px 0px 20px 0px !important;
	}
	#trainingpage .trainingcontent {
		margin: 0;
		padding: 0px 0 40px 0 !important;
	}
	#trainingpage .trainingcontent .dashboardtaskname, #recordpage #recordcontentdiv .dashboardtaskname {
		display: block !important;
		padding: 0 20px 10px 20px;
	}
	#recordheadertextrow {
		display: none !important;
	}
	#trainingpage .recordheadertext, #recordpage .recordheadertext {
		display: none !important;
	}
	#targetprogressdiv, #badgeprogressdiv {
		margin-top: 0;
	}
	[id="trainingpage"] [data-role="main"].maxwidth, [id^="endtrainingpage"] [data-role="main"].maxwidth {
		padding: 0 !important;
	}
	[id="recordpage"] #trainingcomplete [type="button"] {
		min-width: 100% !important;
	}
	[id="recordpage"] #trainingcomplete #feedback .feedback_comment textarea {
		width: 100%;
	}
	[id="recordpage"] #recordbody {
		margin: 0 20px !important;
		min-height: 600px
	}
	#responsecontent #trainingTaskCount div {
		margin-top: 5px;
	}
	#taskspage .dashboarditemstats h3, #taskspage .dashboarditemstats .usertext {
		padding-top: 0
	}
	#taskspage .dashboarditemstats .media-hide {
		display: table-row !important;
		width: 100% !important;
	}
	#taskspage .dashboarditemstats {
		/*margin-top: 0px !important;*/
		margin-bottom: 15px;
	}
	#taskspage .dashboarditemstats .item-chart-buttons .spacer {
		margin-top: 0;
	}
	[id="taskspage"] .dashboarditemstats {
		display: flex !important;
		flex-direction: column !important;
		text-align: left !important;
	}
	[id="taskspage"] .itemchart {
		order: 1
	}
	[id="taskspage"] .activeusers {
		order: 2
	}
	#taskspage .dashboarditemchallenge {
		padding-bottom: 25px
	}
	#taskspage .challengeCountdown .cont {
		margin-top: 0;
	}
	#taskspage .dashboarditemchallengetext {
		display: table;
		float: none;
		margin-bottom: 20px;
		padding-top: 10px;
		width: 100%
	}
	#taskspage .countdownWrapper {
		display: table;
		text-align: left;
		width: 100%
	}
	#taskspage .dashboarditemstats .itemfigure {
		display: table-cell !important;
		width: 100% !important;
	}
	/*#taskspage .dashboarditemstats .itemfigure-container .itemfigure:last-child {
		padding: 0 0 20px 0 !important;
	}
	#taskspage .dashboarditemstats .itemfigure.thirdfigure {
		padding: 20px 0 !important;
	}*/
	/*#taskspage .dashboarditemstats .itemfigure img {
		display: none;
		margin-bottom: 0 !important;
		margin: auto;
	}*/
	/*#taskspage .dashboarditemstats .itemfigure:last-child {
		padding-bottom: 0;
	}*/
	/*#taskspage .dashboarditemstats h3, #taskspage .dashboarditemstats h2, #taskspage .dashboarditemstats .usertext {
		display: table-cell !important;
		font-size: 1em !important;
		line-height: 1.6;
		opacity: .8;
		padding-bottom: 0;
		padding-top: 0;
		padding-right: 5px;
		margin: auto
	}*/
	[id="taskspage"] .dashboarditemstats .itemfigure-avatars-container {
		display: none !important;
	}
	/*#taskspage .dashboarditemstats .firstfigure, #taskspage .dashboarditemstats .secondfigure, #taskspage .itemfigure-avatars-container {
		display: none !important;
	}*/
	/*#taskspage .dashboarditemstats .itemfigure h2 {
		display: table;
		vertical-align: middle;
		width: 1em;
		opacity: .8;
		padding-bottom: 0;
		padding-top: 0;
		padding-left: 5px;
		font-size: 1.5em !important;
		line-height: 24px;
		padding-right: .5em;
		margin: auto
	}*/
	/*#taskspage .dashboarditembuttons button, #taskspage .item-chart-buttons button {
		max-width: 236px;
	}
	#taskspage .dashboarditemstats button.challengeusers {
		max-width: 236px;
	}*/
	#taskspage .dashboarditem.collapsed-content .dashboarditembuttons, #taskspage .dashboarditem.collapsed-content .item-chart-buttons, #taskspage .dashboarditem.collapsed-content .challengepadding {
		display: inline-block;
		padding-bottom: 0;
		width: 100%;
	}
	[data-role="page"] .pathway_content .pathway-block-table button.right {
		float: none;
		margin-bottom: 10px !important;
		margin-top: 20px !important;
	}
	[id="dashboardpage"] #pathwayGrid.grid-wrapper {
		grid-template-columns: auto !important;
	}
	.item-chart-buttons button {
		width: 100%;
		margin-bottom: 15px
	}
	#menu-hidden {
		position: absolute;
		width: 100%;
		background-color: #fff;
		padding: 1em;
		z-index: 3;
		border-top: 1px solid red;
	}
	[id="quickrefpage"] .detailsbuttons {
		display: table;
		float: none;
		margin: 0px 0 0 -20px;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		padding: 15px 20px !important;
		border-top: 1px solid #CCC !important;
	}
	[id="quickrefpage"] .detailsbuttons #qrdetailsNextButton, [id="quickrefpage"] .detailsbuttons #qrdetailsPrevButton {
		float: left;
	}
	[id="quickrefpage"] .detailsbuttons .detailsbuttonsNav .detailsCloseButton {
		float: right;
		margin-right: 3em !important;
	}
	[id="dashboardpage"] .titleMap {
		margin-bottom: -30px;
	}
	#body-twitterFeed {
		margin-right: 0 !important;
	}
	[data-role="page"] [data-role="main"] .pathway-block-cell {
		display: table !important;
		position: relative !important;
		width: 100% !important;
	}
	#singleChallenge, #globalChallenge, #landing-singleChallenge, #landing-globalChallenge {
		margin-right: 0;
	}
	#globalChallenge .globalScreeningButtons, #landing-globalChallenge .globalScreeningButtons {
		margin-top: 0;
	}
	/*.pathway_content .pathway-block-table button {
		margin-bottom: 0;
	}*/
	[id="historypage"] table#RecordHistoryDetail th {
		display: none !important;
	}
	#contributionspage [data-role="main"] .pathway-block-title {
		margin-bottom: 0px;
	}
	#contributionspage [data-role="main"] #activtyTaskPathways {
		margin-top: 20px
	}
	#contributionspage .activityTaskBlockCell.right {
		display: table-cell;
		padding: 5px 10px 5px 0px;
		text-align: right;
		width: 3em;
	}
	#contributionspage [data-role="main"] .right .pathway-block-cell-wrap {
		padding: 2em 0 0 0;
	}
	#contributionspage .activityTaskBlockCell.left, #contributionspage .s4m-certificate-block, #contributionspage .certificate-name {
		padding-left: 10px;
	}	
	
	#contributionspage .certificate img, #pathwayComplete .certificate img {
		height: 14px !important;
		width: 14px !important;
	}

	#contributionspage #activtyTaskPathways .certificate {
		font-size: 0.6em;
		margin: 0 0 0 0.7em !important;
	}
	
	#activtyTaskPathways .pathwayTitle {
		margin-right: 0em;		
	}

	#contributionspage .challengeranking .challengerankingtext {
		font-size: 1.1em;
	}
	[id^="faq"] .faq-title {
		font-size: 22px;
	}
	/*[id^="faq"] .faq-title button {
		position: absolute;
		top: 70px;
		right: 20px;
	}*/
	[id="taskprefpage"] .highlightSelectAll .ui-checkbox {
		display: table-cell !important;
		left: -1px;
		width: 11.9em !important;
		top: 0;
	}
	[id="taskprefpage"] .delete-select {
		display: table-cell !important;
		width: 2.9em !important;
	}
	[id="taskprefpage"] .highlightCell.textbox .ui-btn-icon-right:after {
		cursor: pointer;
		margin-top: -14px !important;
	}
	[id="taskprefpage"] .highlightSelectAll {
		display: table !important;
		width: 100% !important;
		table-layout: fixed !important;
	}
	[id="taskprefpage"] .addwords .highlightSelectAll {
		margin-bottom: 10px !important
	}
	[id="taskprefpage"] .highlightCell.deleteline {
		min-width: 4em !important;
		padding-top: 0 !important;
		vertical-align: middle !important;
	}
	[id="taskprefpage"] #userpriority #restricttoword .updateword {
		width: 100%;
	}
	[id="taskprefpage"] .flaticon-delete {
		vertical-align: middle !important;
	}
	[id="taskprefpage"] .row-delete.flaticon-delete {
		left: -1px;
		margin: 0;
		top: 3px;
	}
	[id="taskprefpage"] .highlightRow {
		padding-bottom: 0
	}
	[id="taskprefpage"] #restricttoword .highlightCell.deleteline {
		min-width: 4em !important;
	}
	[id="historydetailpage"] #detailsbuttons .detailsbuttonsNav #detailsCloseButton {
		float: right;
		margin-right: 3em;
	}
	[id="historydetailpage"] #detailsbuttons .detailsbuttonsNav #detailsPrevButton, [id="historydetailpage"] .detailsbuttonsNav #detailsNextButton {
		float: left;
	}
	[id="historydetailpage"] #detailsbuttons {
		padding: 15px 20px !important;
		border-top: 1px solid #CCC !important;
	}
	/*#logincrowdheader .header-inner .header-right {
		padding: 18px 0 0 0 !important;
	}*/
	[role="header"] .twitter-content, [role="header"] .youtube-content {
		display: none
	}
	[id="recordpage"] .recordguide {
		padding-bottom: 0 !important
	}
	[id^="pathwayinfo"] img {
		float: none !important
	}
	[id^="pathwayinfo"] .pathway_content h4.first {
		margin-top: -30px;
	}
	#taskspage .taskdetails .statement {
		display: block;
	}
	#taskspage .taskdetails .split {
		display: none;
	}
	#dashboarditemsexpired .dashboarditem.collapsed-content .dashboarditembuttons {
		padding-top: 10px;
		padding-bottom: 0;
	}
	#dashboarditemsexpired .dashboarditemstats .itemchart {
		margin-bottom: 15px;
	}
	#taskspage .dashboarditembuttons button {
		display: inline-block;
		width: auto;
		min-width: 5em;
		margin-bottom: 0;
	}
	#taskspage .lzmessage {
		padding-top: 0em;
	}
}
@media only screen and (min-width : 315px) and (max-width : 478px) {
	[id="taskprefpage"] .highlightRow.colourSection, [id="taskprefpage"] .highlightRow.colourSection .highlightinput.highlightRow {
		display: table !important;
		margin: 0;
	}
	[id="taskprefpage"] #highlightOutline .ui-btn {
		margin-bottom: 0;
	}
	[data-role="main"] .highlightRow.colourSection .ui-input-text {
		margin-bottom: 0;
		width: calc(100% - 7em) !important;
	}
	[id="taskprefpage"] .changeColourContent {
		vertical-align: top !important;
		padding-top: 8px !important;
		width: 100%;
		display: table !important;
	}
	[id="taskprefpage"] #highlightcolourselect-button {
		margin-right: 0 !important
	}
}
@media only screen and (min-width : 315px) and (max-width : 1082px) {
	/*[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(210px, 0fr)) !important;
		margin: 2em 0em;
	}*/
	/*[data-role="main"] .pathway-summary-wrap {
		max-width: 130px !important;
		min-width: 130px !important;
		padding: 0 1em;
		vertical-align: top;
	}*/
	#responsecontent #trainingTaskCount div {
		margin-top: 5px;
	}
}
@media only screen and (min-width : 323px) and (max-width : 1100px) {
	/*[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(200px, 0fr)) !important;
	}*/
	/*[data-role="main"] .pathway-summary-wrap {
		max-width: 120px !important;
		min-width: 120px !important;
		padding: 0 1em;
		vertical-align: top;
	}*/
}
@media only screen and (min-width : 323px) and (max-width : 1100px) {
	/*[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(180px, 0fr)) !important;
	}*/
	/*[data-role="main"] .pathway-summary-wrap {
		max-width: 120px !important;
		min-width: 120px !important;
		padding: 0 1em;
		vertical-align: top;
	}*/
}
@media only screen and (min-width : 323px) and (max-width : 1001px) {
	[data-role="page"] [data-role="main"] .pathway-block-cell.twitter, [id="dashboardpage"] .pathway-block-cell.map {
		display: table !important;
		margin: auto;
		position: relative !important;
		width: 100% !important;
	}
	[data-role="page"] [data-role="main"] #countrycontainer {
		width: 100% !important
	}
	[data-role="page"] [data-role="main"] .worldmap-wrapper {
		margin-bottom: 2em;
		margin-top: 42px;
	}
}
@media only screen and (min-width : 319px) and (max-width : 837px) {
	/*[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(200px, 3fr));
		width: 100%;
	}*/
	#taskspage #mypathway .changePathway.pathway {
		display: none !important;
	}
	[id="dashboardpage"] .challengeCountdown .countdownWrapper {
		text-align: center;
		display: table;
	}
	#pathwaycontent .challengeicon {
		display: table;
		margin: 20px auto;
		text-align: center;
	}
	#singleChallenge, #globalChallenge {
		margin-right: 0px;
	}
	#contributionspage [data-role="main"] .right .pathway-block-cell-wrap {
		padding: 1em 0em 2em 0;
	}
	/*#contributionspage [data-role="main"] .grid-box.pathway-box {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}*/
	#contributionspage [data-role="main"] .grid-box.pathway-box.one {
		display: table !important;
		position: relative !important;
		width: 100% !important;
		padding: 0;
	}
	/*[data-role="main"] .right .pathway-block-cell-wrap {
		padding: 1em 0 2em 0 !important;
	}*/
	#contributionspage .challengeranking {
		margin-top: 1em;
	}
	[id="taskspage"] .dashboarditemstats .itemchart {
		display: table-row !important;
		width: 100% !important;
		margin-bottom: 0px
	}
	#taskspage .dashboarditemtitlecontainer {
		margin-top: 0px;
	}
	#taskspage .dashboarditemstats .itemfigure {
		width: 100% !important;
		padding-bottom: 0;
	}
	#taskspage .dashboarditemstats .itemfigure:last-child {
		padding-bottom: 0 !important;
	}
	#taskspage .dashboarditemstats .itemfigure h2 {
		display: block !important;
		font-size: 2em !important;
		margin: auto;
		width: auto
	}
	#taskspage .dashboarditemstats h3, #taskspage .dashboarditemstats h2, #taskspage .dashboarditemstats .usertext {
		display: block !important;
		font-size: 1.1em !important;
		line-height: 1.6;
		opacity: .8;
		padding-bottom: 0;
		padding-top: 0;
		padding-right: 5px;
	}
	#taskspage .dashboarditemstats .itemfigure {
		display: table-cell;
		padding: 20px 0 !important;
		position: relative;
		width: 33% !important;
		vertical-align: top;
	}
	#taskspage .dashboarditemstats .itemfigure-container .itemfigure img {
		margin-bottom: 10px;
		width: 60px;
	}
	#taskspage .dashboarditemstats .itemfigure h2 {
		padding-bottom: 0px;
	}
	#taskspage .dashboarditemstats .itemfigure.activeusers {
		width: 100% !important;
	}
	#taskspage .itemfigure-avatars-container {
		display: none !important;
	}
	#taskspage .dashboarditemtitlecontainer img.tasktype {
		padding-right: 0px;
		width: 50px;
	}
	#taskspage .dashboarditemtitlecontainer .dashboardtasktype {
		width: 50px;
		float: left;
		display: inherit;
	}
	#taskspage .dashboarditemtitlecontainer .dashboardtitlecell {
		padding-right: 0 !important;
		padding-top: 60px;
	}
	#taskspage .dashboarditemtitle {
		font-size: 22px;
	}
	#taskspage .dashboard-icons {
		display: inherit;
		height: 55px;
	}
}
@media only screen and (min-width : 303px) and (max-width : 544px) {
	#taskspage .dashboarditemstats .itemfigure-container .itemfigure img {
		margin: 10px;
		width: 50px;
	}
	#taskspage .dashboarditemstats .itemfigure h2 {
		font-size: 1.3em !important;
	}
	#taskspage .dashboarditemstats h3, #taskspage .dashboarditemstats .usertext {
		font-size: 1.1em !important;
		display: inline-block !important;
		padding-top: 30px !important;
		margin-top: 5px !important;
		margin-bottom: 0px !important;
		vertical-align: top;
		margin-left: -31px;
		text-align: left;
	}
	#taskspage .dashboarditemstats .itemfigure-container .itemfigure {
		padding: 0 !important;
		text-align: left;
	}
	/*img.mobile-device {
		display: none !important;
	}*/
	/*#taskspage .dashboarditemstats .itemchart .itemfigure-container {
		background-color: transparent;
		border-radius: 0;
		display: table;
		width: 100%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}*/
	[id="taskspage"] .dashboarditemstats .itemchart {
		display: table-row !important;
		width: 100% !important;
		margin-bottom: 0;
	}
	/*.mobile-device {
		display: inline-block !important;
		border-bottom: none !important;
	}*/
	#taskspage [role="header"] .ui-input-search input {
		width: 6.5em;
	}
	#taskspage [role="header"] .ui-input-search {
		width: 7em;
	}
	/*[role="header"] .header-inner .header-right {
		padding-top: 25px !important;
	}*/
	.non-mobile-device {
		display: none !important;
	}
	[role="header"] .defaultheader-section .header-image {
		display: none !important;
	}
	[role="header"] .header-left .defaultheader-section {
		padding: 0;
	}
	#taskspage .dashboarditemstats .itemfigure h2 {
		display: inline-block !important;
		font-size: 1.5em !important;
		margin: inherit;
		text-align: left;
		padding-left: 0;
		vertical-align: top;
		padding-top: 5px;
		width: 1em
	}
	#taskspage .dashboarditemstats .itemfigure {
		display: table !important;
		width: 100% !important;
	}
}
@media only screen and (min-width : 323px) and (max-width : 467px) {
	/*[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		grid-template-columns: none !important;
		display: table;
		margin: auto;
		text-align: center;
		width: 100%;
	}*/
	/*[data-role="main"] .pathway-summary-wrap {
		max-width: 100px !important;
		min-width: 100px !important;
		padding: 0 1em;
		vertical-align: top;
	}*/
	#contributionspage .pathway-block-cell.scroll.right {
		height: auto;
		min-height: auto;
	}
}
@media only screen and (max-width: 737px) and (min-width: 303px) {
	.mobile-device {
		display: inline-block !important;
		border-bottom: none !important;
	}
	[role="header"] .defaultheader-section .header-image {
		display: none !important;
	}
}
@media only screen and (min-width : 223px) and (max-width : 500px) {
	#contributionspage [data-role="main"] .pathway-summary-wrap {
		/* padding: 0 2em 1em 2em; */
		text-align: center;
		margin: auto;
		min-width: 100% !important;
		max-width: 160px !important;
		width: 100%;
		display: block;
		padding: 0;
	}
}
@media only screen and (min-width : 223px) and (max-width : 415px) {
	[data-role="main"] #pathwaySummaryGrid.grid-wrapper {
		margin: auto;
		text-align: center;
		width: 100%;
	}
	[data-role="main"] .pathway-summary-wrap {
		max-width: 160px !important;
		min-width: 160px !important;
		padding: 0 1em;
		vertical-align: top;
	}
	#taskspage .dashboarditemtitlecontainer .dashboardtitlecell {
		padding-right: 36px;
	}
	#taskspage .tasktype {
		font-size: 1.1em;
		font-weight: 600;
	}
}
@media only screen and (min-height : 223px) and (max-height : 602px) {
	ul.optionsmenu {
		padding: 1px 0 0px 0px;
	}
	.bottom_divider {
		margin-bottom: 0px;
		padding: 4px 0 !important;
	}
	.optionsmenu li {
		padding: 4px 0;
	}
	[role="header"] .optionsmenu li div img {
		margin-top: -5px;
		padding: 0 0 0 1em;
	}
	[data-type="signout"] .captionText {
		padding-bottom: 2px !important
	}
}
@media only screen and (max-width: 1096px) and (min-width: 1082px) {
	[id="recordpage"] #recordbody {
		width: 640px;
	}
	/*[id="recordpage"] #responsebuttons {
		margin-left: -182px;
	}*/
}
@media only screen and (max-width: 1082px) and (min-width: 285px) {
	#responsecontent {
		margin: 0 20px;
		width: auto !important;
	}
	
	#recordpdf  {
		width: 100%;
	}
	
	.pdf-outer {
		height: calc(100vh - 212px);
	}

	.pdf-inner {	
		height: calc(100vh - 212px);		
	}
	
	[id="recordpage"] .recordcommentary {
		margin: 10px 0px 25px 0px;
	}
}
@media (min-width: 40em) {
	/* Show the table header rows and set all cells to display: table-cell */
	#picoresulttable td, #picoresulttable th, #picoresulttable tbody th, #picoresulttable tbody td, #picoresulttable thead td, #picoresulttable thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	#picoresulttable td .ui-table-cell-label, #picoresulttable th .ui-table-cell-label {
		display: none;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.twitter.right {
		display: none !important
	}
	[id='dashboardpage'] .pathway-block-cell.map {
		/*width: 80%!important*/
	}
	#realhomepage [role='header'] .headerinner, #faqhomepage [role='header'] .headerinner, #dashboardpage [role='header'] .headerinner {
		padding: 0 !important
	}
	#pathway-container .grid-wrapper, #pathwaySummaryGrid {
		display: table !important;
		margin: 2em auto 0 auto !important;
		text-align: center;
		grid-template-columns: none !important
	}
	.grid-wrapper > .pathway-box {
		background-color: #f1f1f1;
		width: 160px;
		margin: 20px !important;
		text-align: center;
	}
	#contributionspage [data-role="main"] .pathway-summary-wrap {
		padding: 0em 20px !important;
		margin: 0 auto 20px auto !important;
		min-width: 200px
	}
	[id='taskprefpage'] #highlightOutline .ui-btn, #restricttoword .highlightCell, .ui-checkbox label:empty, .ui-radio label:empty {
		height: 2em;
	}
	[id='taskprefpage'] .highlightCell {
		margin: .5em 0
	}
	[id='taskprefpage'] .highlightCell.textbox {
		width: 22em !important;
	}
	[id='taskprefpage'] #highlightContent .highlightSelectAll .toggleLabel {
		width: 11.6em !important
	}
	[id='taskprefpage'] .addwords .highlightSelectAll .toggleLabel {
		width: 11em !important
	}
	[id='taskprefpage'] #userpriority #restricttoword .updateword, [id='taskprefpage'] #userpriority #restricttoword .highlightCell.textbox {
		width: 20.8em !important
	}
	[id="recordpage"] #recordbody {
		width: 600px;
		max-width: 600px;
	}
	#displayloadimage .crowdloader {
		width: 60px;
		height: 60px;
	}
	.ui-checkbox input[type='checkbox'], .ui-radio input[type="radio"] {
		clip: inherit;
		margin: -9px 0 0 -2px;
		position: absolute;
		left: .466em;
		outline: 0 !important;
		z-index: 1;
		top: 1.2em;
		width: 18px;
		height: 18px
	}
	.ui-checkbox .ui-btn.ui-checkbox-on:after, .ui-checkbox .ui-btn.ui-checkbox-off:after, .ui-radio .ui-btn.ui-radio-on:after {
		display: none
	}
	#recordpage #responsecontentinner .ui-checkbox input[type='checkbox'] {
		margin: -1px 0 0 -2px !important
	}
	[id='historypage'] .history_actions .ui-input-text, [id='historypage'] .history_actions .ui-input-search {
		vertical-align: middle;
	}
	.optionsmenu li div img {
		padding: 0;
		margin-left: 1em
	}
}
@supports (-ms-ime-align:auto) {}
@supports (-webkit-backdrop-filter: blur(1px)) {
	[id="dashboardpage"] .grid-wrapper {
		text-align: center !important;
		margin: 0 0 3em 0;
	}
	[id="dashboardpage"] .pathway-box {
		margin-right: 20px;
		margin-bottom: 20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
	::i-block-chrome, [id="dashboardpage"] .grid-wrapper {
		text-align: center !important;
		margin: 0 0 3em 0 !important;
	}
	::i-block-chrome, #pathwayGrid .pathway-box {
		margin-left: 20px !important;
		margin-right: 20px !important;
		margin-bottom: 20px !important;
	}
	::i-block-chrome, #pathwaySummaryGrid .pathway-box {
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 20px !important;
	}
	::i-block-chrome, #responsecontent .responsebuttonsNav #trainingTaskCount {
		width: 42%
	}
}
@media only screen and (max-width: 737px) and (min-width: 315px) {
	#dashboardpage [role="header"] .header-inner .header-right {
		width: 5em !important;
	}
}
/*iPhone 5 */
@media only screen and (max-width: 568px) and (min-width: 320px) {
	.pathway_content .pathway-block {
		padding: 0 20px !important;
	}
	[id="dashboardpage"] .titleMap {
		margin-bottom: 10px !important
	}
	#globalChallenge button {
		margin-left: 0 !important;
		margin-bottom: 0 !important
	}
	[id^="pathway"] .pathway-instructions {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	[role="landingpage"] [role="header"] .header-inner .header-right {
		width: 12em !important;
	}
}
/*iPhone 6/7/8*/
@media only screen and (max-width: 667px) and (min-width: 376px) {
	.pathway_content .pathway-block {
		padding: 0 20px;
	}
	[data-role="page"] [data-title="Screening"] .header-inner .header-left, [data-role="page"] [data-title="Training"] .header-inner .header-left, [id="recordpage"] [role="header"] .header-inner .header-right, [id="trainingpage"] [role="header"] .header-inner .header-right {
		vertical-align: middle !important;
		padding: 0 !important;
	}
}
/*iPhone X and Pixel 3*/
@media only screen and (max-width: 847px) and (min-width: 412px) {
	[id="dashboardpage"] .challengeCountdown .countdownWrapper {
		margin-bottom: 20px;
	}
	[id^="pathway"] .pathway-instructions {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}