/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

	/* week list */
	ol#week-links {
		width: 240px;
	}   
}

@media only screen and (min-width : 378px) {
 	/* week list */
    ol#week-links {
    	width: 300px;
    }
}

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

	/* other learning materials page */
	.learning-qtnnaire .inpSet input {
		margin-left: 0;
	}

	.learning-qtnnaire .AJAXembQSubmit {
		width: 100px;
	}

	/* discussion notification email */
	.notify-emails #QUESTIONNAIRECONT {
		display: table-row;
	}

	.notify-emails .questFrm {
		display: table-cell;
		vertical-align: middle;
	}

	.notify-emails .quBlk {
		margin: 0;
	}

	/* profile page */
	body.ImagoadmLogin.modeTU #regUser tr td.inlineImg div {
		display: block;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	/* facilitator panel */

	.facilitator-wrap header {
		max-width: 25%;
		float: left;
		border-right: 1px solid #C8C8C8;
	}

	.facilitator-wrap.accordion-img-fix header {
	    max-width: 23%;
	    padding: 15px 20px;
		margin-left: 2px;
	}

	.facilitator-wrap .text {
		max-width: 75%;
		padding-left: 10px;
		float: right;
		margin-top: 0;
	}

	/* horizontal layout .your-facilitator-weap */

	.your-facilitator-wrap .facilitator-wrap {
		display: block;
		padding: 0;
	}

	.your-facilitator-wrap .facilitator-wrap header {
		max-width: 100%;
		width: 150px;
		display: table-cell;
		float: none;
		padding: 20px 0 20px 20px;
		border: none;
	}

	.your-facilitator-wrap .facilitator-wrap .contact-wrap {
 		border-right: 1px solid #C8C8C8;
 		padding-right: 20px;
	}

	.your-facilitator-wrap .facilitator-wrap .text {
		max-width: 100%;
		display: table-cell;
		float: none;
		vertical-align: top;
		padding: 20px;
	}

	.your-facilitator-wrap .facilitator-wrap .contact-wrap .email a {
		font-size: 12px;
	}


	/* end */

	/* additional section */
	.additional a {
		overflow: hidden;
		height: 104px;
		position: relative;
	}

	.additional a h3 {
		display: inline-block;
	}

	.additional a .text {
 		background-color: rgba(255,255,255,0.8);
 		max-width: 50%;
 		float: right;
 		padding: 12px;
 		position: absolute;
 		bottom: 0;
 		right: 0;
	}

	.additional a.learning-materials {
		background: url('../images/learning-materials-bg.jpg') top center no-repeat transparent;
		background-size: cover;
	}

	.additional a.discussion {
		background: url('../images/discussion-bg.jpg') top center no-repeat transparent;
		background-size: cover;
	}

	.additional a.cpd-reflection {
		background: url('../images/cpd-reflection-bg.jpg') top center no-repeat transparent;
		background-size: cover;
	}

	/* what do I do page */
	.what-do-I-do-section ol li p {
		vertical-align: middle;
	}

	.what-do-I-do-section ol li,
	.what-do-I-do-section ol li:nth-child(2),
	.what-do-I-do-section ol li:nth-child(3) {
		background-position: left center;
	}

	/* certificate */
	.certificate-page .content {
		padding-top: 100px;
	}

	.certificate-page .acpd-logo {
		margin-bottom: 50px;
	}

	.certificate-page .stamp-wrap {
		margin-top: 30px;
	}

}

/* bespoke */
@media only screen and (min-width : 600px) {
	

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	/* header */
	.logos {
		overflow: hidden;
		margin-top: 30px;
	}

	.logos .acca-logo {
		float: left;
		margin-bottom: 0px;
	}

	.logos .acpd-logo {
		max-width: 335px;
		margin-top: 6px;
		float: right;
	} 

	.navbar .container {
		position: relative;
	}

	.additional-nav {
		position: absolute;
		right: 15px;
		bottom: 12px;
		margin: 0;
	}
	
	.navbar-nav {
		background-color: transparent;
		border-top: none;
	}

	.navbar-nav li {
		margin: 0 15px;
	}

	.navbar-nav li:first-child {
		margin-left: 5px;
	}

	.navbar-nav li a {
		font-size: 14px;
		color: #000;
		padding: 5px 0;
		transition: border ease 0.5s;
		border-bottom: 6px solid transparent;
		border-top: none;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		background-color: transparent;
	}

	.nav>li>a:hover {
		border-bottom: 6px solid #ccc;
	}

	.home-page .nav li.home-nav a,
	.syllabus-page .nav li.syllabus-nav a,
	.facilitator-page .nav li.facilitator-nav a,
	.what-do-i-do-page .nav li.what-do-i-do-nav a,
	.completion-area-page .nav li.completion-area-nav a {
		border-bottom: 6px solid #ccc;
	}

	.facilitator-wrap h3 {
		font-size: 18px;
	}

	/* promo area */

	.promo {
		width: 100%;
		margin: 0;
	}

	.promo-inner {
		min-height: 424px;
		background: url('/imagegrp/promo.jpg') center center no-repeat transparent;
		background-size: cover;	
		position: relative;
	}

	.promo .promo-text {
/*		display: none;*/
		position: absolute;
		width:80%;
		bottom: 0px;
		left: 45px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c80000+63,ffffff+100&1+50,0+87 */
		background: -moz-linear-gradient(left,  rgba(200,0,0,1) 50%, rgba(200,0,0,0.65) 63%, rgba(236,165,165,0) 87%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(200,0,0,1) 50%,rgba(200,0,0,0.65) 63%,rgba(236,165,165,0) 87%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(200,0,0,1) 50%,rgba(200,0,0,0.65) 63%,rgba(236,165,165,0) 87%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c80000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

	.promo h1 {
		color: #fff;
		background-color: transparent;
		font-size: 36px;
		border-bottom: 1px solid #fff;
    	display: inline-block;
    	padding-left: 0;
    	margin-left: 20px;
	}

	.promo p {
		color: #fff;
		background-color: transparent;		
		font-size: 25px;
		max-width: 65%;
		margin-left: 15px;
	}

	.ImagoadmLogin .container .row > div,
	.Imagogateway .container .row > div {
		padding: 0 30px 0 45px;
		margin-top: 15px;
	}

	/* profile page */
	.ImagoadmLogin.modeTU .container .row > div,
	.ImagoadmLogin.modeVAL .container .row > div {
		padding-right: 15px;
    	padding-left: 15px;
		margin-top: 0;
	}

	/* week list */
	ol#week-links {
    	width: 190px;
    }

    ol#week-links li a {
    	width: 30px;
    	height: 30px;
    	padding: 3px 0 0 0;
    	margin: 4px;
    }

    /* completion certificate */
	.certificate-page .content {
		padding-top: 0;
	} 

	.certificate-page .logo-wrap {
		padding: 35px 20px 100px 20px;
		overflow: hidden;
	}

	.certificate-page .acpd-logo {
		float: right;
		margin-top: 15px;
	}

	.certificate-page .acca-logo {
		float: left;
	}

	.certificate-page h1 {
		margin-top: 100px;
		font-size: 40px;
	}
	
	.certificate-page h2 {
		margin: 50px 0;
		font-size: 24px;
	} 

	.certificate-page .stamp-wrap {
		margin: 50px 0 150px 0;
	}

	.certificate-page h3 {
		font-size: 18px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.facilitator-wrap h3 {
		font-size: 22px;
	}

	/* week list */
	ol#week-links {
    	width: 260px;
    }

    ol#week-links li a {
    	width: 44px;
    	height: 44px;
    	padding: 10px 0 0 0;
    	margin: 4px;
    }

    /* alternative learning materials page */
	.learning-qtnnaire td {
		display: table-cell;

	}

	.learning-qtnnaire .frmLab {
		min-width: 288px;
		width: 50%;
	}

	.learning-qtnnaire .inpSet {
		margin-top: 20px;
	}

	#comments-container .comment-thread li.cmt-pinned > .comment-container .comment-content p {
		font-size: 12px;
	    line-height: 16px;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	/* week list */
	ol#week-links {
    	width: 330px;
    	margin: 0 auto;
    }

    ol#week-links li a {
    	width: 54px;
    	height: 54px;
    	padding: 15px 0 0 0;
    	margin: 6px;
    }

    /* alternative learning materials page */
	.learning-qtnnaire td,
	.learning-qtnnaire .frmLab {
		width: 355px;
	}

}

/* learning-cycle TabbyTab */

@media (min-width: 990px) {
	.learning-cycle .jqTabbyTab {
	    margin: 25px 1%;
	}
}

/* Large Devices, Wide Screens */

@media (max-width: 1200px) and (min-width: 992px) {
	.learning-cycle .jqTabbyTab {
	    margin: 25px -1.5%;
	    border: 1px solid #dadada;
	}
}

@media (min-width: 580px) {
	.learning-cycle .jqTabbyTab { 
	    max-width: 165px !important;
	}
}

/* Medium Devices, Desktops */

@media (max-width: 990px) {
	.learning-cycle .jqTabbyTab {
	    margin: 25px 7%;
	}
}

/* Small Devices */

@media (max-width: 580px) {
	.learning-cycle .jqTabbyTab { 
		width: 100%;
		margin: 2px 1%;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		height: auto;
		padding: 18px;
		text-align: left;
	}

	.learning-cycle span.jqTabbyTab span {
    	display: inline-block;
    	font-size: 25px;
	}

	span.stage1,
	span.stage2,
	span.stage3,
	span.stage4 {
		padding-right: 25px;
	}
}