@media(min-width:768px){
	.course-collection-header {
	    padding: 10px 28px;
	}

	.dark-mode .course-collection-header {
	    background: #222;
	}
	.course-content {
		position: relative;
		min-height: 500px;
	}
	.course-collection-header .container {
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}

	.course-collection-header .collection-header-left {
	    display: table;
	}

	.course-collection-header .collection-header-right {
	    width: auto;
	    display: table;
	}

	.course-collection-header .collection-logo {
		margin-right: 20px;
		margin-bottom: 0;
	}

	.course-collection-header .collection-name {
	    text-align: left;
	    display: table-cell;
	    vertical-align: middle;
	}


	.quiz-progress-wrap .quiz-progress-bar-main {
	    width: 90%;
	    max-width: 900px;
	}

	.course-nav-button {
		font-size: 18px;
		font-weight: 500;
		line-height: 27px;
		border-top: 0.5px solid #C5C5C5;
		padding: 8px 15px;
		cursor: pointer;
	}

	.course-nav-button:first-of-type {
		border-top: none;
	}

	#course-materials-toggle,
	#course-progress-toggle {
	    background-image: url(../img/arrow-right.svg);
	    background-repeat: no-repeat;
	    background-size: 6.6px 11.2px;
	    background-position: right 15px top 16px;
	}

	#course-materials-toggle.active,
	#course-progress-toggle.active {
	    background-image: url(../img/arrow-down.svg);
	    background-repeat: no-repeat;
	    background-size: 11.2px 6.6px;
	    background-position: right 15px top 17px;
	}


	#course-downloads {
		display: none;
	}

	#course-downloads.active {
		display: block;
	}

	#course-navigation.active {
		display: none;
	}

	.course-main {
		width: calc(100% - 300px);
	}

	.form-submit {
	    width: 185px;
	    height: 56px;
	    padding: 0;
	}

	.course-progress-buttons {
	    justify-content: flex-end;
	}

	.course-progress-buttons .nav-button{
	    font-size: 14px;
	    line-height: 21px;
	    text-align: center;
	    height: 45px;
	    border-radius: 12px;
	    background-repeat: no-repeat;
	    background-size: 13px 12.6px;
	}

	.course-progress-buttons .next-step {
	    background-color: #028BFF;
	    color: #FFF;
	    padding: 13px 50px 13px 30px;
	    background-image: url(../img/arrow-right-white.svg);
	    background-position: right 30px top 16px;  
	}

	.course-progress-buttons .prev-step {
	    background-color: #F5F5F5;
	    border: 0.5px solid #C5C5C5;
	    color: #333;
	    padding: 13px 30px 13px 50px;
	    background-image: url(../img/arrow-left-black.svg);
	    background-position: left 30px top 16px;  
	}

	.quiz-navigation-wrapper {
	    overflow: hidden;
	    margin-bottom: 30px;
	}

	.quiz-navigation-wrapper .quiz-navigation-button {
	    border-radius: 24px;
	    max-width: 240px;
	    height: 71px;
	}

	.quiz-navigation-wrapper .quiz-next-button,
	.quiz-navigation-wrapper .quiz-submit-button {
	    padding: 0px 50px 0px 30px;
	    background-position: right 85px top 26px;  
	}

	.quiz-navigation-wrapper .quiz-previous-button {
	    padding: 0px 30px 0px 50px;
	    background-position: left 70px top 26px;  
	}

	#course-navigation-sidebar-toggle {
	    display: none;
	}

	#course-navigation-sidebar {
	    position: relative;
	    top:0;
	    left:0%;
	    height: auto;
	    width: 280px;
	    z-index: 0;
	}

	.course-content,
	#quiz-form-wrapper {
		padding: 60px 35px 25px;
	}

	.course-content h1,
	#quiz-form-wrapper h1 {
	    font-size: 28px;
	    line-height: 42px;
	    margin-bottom: 30px;
	}

	.question-wrapper {
	    padding: 25px;
	    max-width: 840px;
	    width: 100%;
	    margin:0 auto 30px;
	}

	.question-wrapper legend,
	.question-wrapper h2 {
	    font-size: 28px;
	    line-height: 42px;
	}

	.question-wrapper .js-form-type-textarea label {
	    font-size: 14px;
	    line-height: 21px;
	}

	.question-wrapper .js-form-type-textarea textarea {
	    font-size: 16px;
	    line-height: 24px;
	    padding: 16px;
	    width: 100%;
	    height: 80px;
	}

	#form-quiz-wrapper .type-multiple_choice .form-item,
	#form-quiz-wrapper .type-true_false .form-item  {
	    border-radius: 12px;
	    padding: 20px;
	    font-size: 16px;
	    line-height: 24px;
	    width: 48%;
	}

	#form-quiz-wrapper .type-multiple_choice .fieldset-wrapper > div,
	#form-quiz-wrapper .type-true_false .fieldset-wrapper > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px;
	}

	.form-wrapper .form-item input {
	    top:2px;
	}

	#course-front-matter-space h1,
	.course-content h1,
	.course-content h2,
	.course-content h3 {
	    font-size: 28px;
	    font-weight: 600;
	    line-height: 42px;    
	}

	#form-quiz-wrapper .form-item-complete {
		margin-bottom: 30px;
	}

	.faculty-eval {
		width: 70%;
	}

	.faculty-eval .fac-title {
	    font-size: 18px;
	    line-height: 27px;
	}

	.faculty-eval .fac-details {
	    font-size: 14px;
	    line-height: 21px;
	}

	.eval-notes {
	    font-size: 14px;
	    line-height: 21px;
	    width: 70%;
	}

	fieldset.type-faculty_eval .fieldset-wrapper > div,
	fieldset.type-learning_objectives_eval .fieldset-wrapper > div,
	fieldset.type-likert .fieldset-wrapper > div {
		width: 70%;
	}

	#course-front-matter-space h2 {
	    font-size: 18px;
	    line-height: 27px;
	}

	#course-front-matter-space p {
	    margin-bottom: 10px;
	}

	#course-front-matter-space ul {
	    margin-top:15px;
	}

	/* Logged out form */
	#hmpcme-open-access-form {
		background-color: #FFF;
		padding: 24px;
		margin:0 auto;
		max-width: 500px;
		border-radius: 24px;
	}

	#hmpcme-open-access-form .form-item label {
	    font-size: 12px;
	    font-weight: 500;
	    line-height: 18px;
	    display: block;
	}

	#hmpcme-open-access-form .form-item input[type=text],
	#hmpcme-open-access-form .form-item input[type=number] {
	    border: 1px solid #C5C5C5;
	    height: 56px;
	    border-radius: 16px;  
	    padding: 16px;
	    width: 100%;
	}

	#hmpcme-open-access-form .form-item input[type=checkbox] {
	    float: left;
	    margin-right: 8px;
	}

	#hmpcme-open-access-form .npi-lookup-link {
	    float: right;
	    color:#028BFF;
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 21px;
	    text-decoration: underline;
	}

	

}
@media(min-width:1008px){
	.question-image {
		width: 40%;
		padding: 0 20px 20px 0;
		float: left;
	}
	.question-with-image-text {
		width: 55%;
		float: right;
	}
}

@media(min-width:1400px){
	#form-quiz-wrapper .type-multiple_choice .form-item,
	#form-quiz-wrapper .type-true_false .form-item  {
	    width: 49%;
	}

}