@media only screen and (min-width: 100px) and (max-width: 830px) {
	
	p {
		font-size: 1.2em !important;
		text-align: center !important;
		line-height: 140% !important;
		margin: 0;
	}
	
	h1 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.6em;
		margin: 10px;
	}
	
	h4 {
		font-size: 1.6em;
		text-align: center !important;
	}
	
	h5,h6 {
		text-align: center !important;
		line-height: 120%;
	}	
		
	h5 { 
		font-size: 1.4em !important;
	} 	
		
	h5,.student { 
		text-align:center !important; 
		font-size: 1.2em;
	}
		
	h4,.student { 
		text-align:center !important;
	}
	
	.answer {
		font-size: 1.1em !important;
		text-align: left !important;
	}
			
	.a-resource-links {
		font-size: 1.2em;
	}
	
	.acm-header {
		display: none;
	}
	
	.autocomplete {
	 	position: fixed;
		z-index: 3;
		top: 24px;
		width: 280px;
		margin-left: 50px;
		display: block;
		border: solid 0px #ff0000; 
  	}
  	
  	.blue-large {
		font-weight: 700;
		margin-top: 0 !important;
		margin-bottom: 20px !important;
		font-size: 1.8em !important;
		text-align: center !important;
		line-height: 120% !important;
	}
	
	.bordered,.bordered-s {
	    min-width: 100% !important;
	    max-width: 100% !important;
	}
	
	.bordered td, a,.bordered th,.bordered-s td, a,.bordered-s th {
	    text-align: center  !important;
	    font-weight: 700;
	}
	
	body {
	 	font-weight: 700;
	}
		
	.blue {
		font-size: 1.2em;
		color: #124456;
		font-weight: 500;
		background-color: #f3f3f3;
		padding-top: 0;
		padding: 2px;
	}
		
	.box {
		top: 150px;
		height: 100%;
		min-width: 95%;
		max-width: 95%;
		border: 0px solid #000;		
	}
		
	.boxes {
		position: relative;
		display: block;
		top: 0;
		margin: 6px;
		background-color: white;
		height: 4px;
		border: solid 0px #ff0000; 
	}
	
	.box-account {
		margin: 0 auto;
		margin-top: 20px;
		min-width: 98%;
		max-width: 98%;
		border: 0px solid #000;	
	}
	
	.box-answers-recommend {
		padding: 2px !important;
	}
	
	.box-answers-recommend p {
		font-size: .9em !important;
		line-height: 110% !important;
		padding: 1px !important;
		margin-top: 4px !important;
		font-weight: 700 !important;
	}
	
	.box-answers {
		padding: 10px;
		margin-bottom: 15px;
	}

	.box-answers .one-digit {
		padding-left: 26px;
		text-indent: -16px;
	}
	
	.box-answers h1 {
		margin: 0 !important;
		text-align: left !important;	
	}
	
	.box-answers h2 {
		font-size: 1.2em;
		text-indent: -6px;	
	}
	
	.box-user-text,.box-s,.box-status,.box-container,.quiz-section,.eval-edu-section,.eval-student-section,.enrollment-section,.status-section,.box-section,.box-section-docs,.box-section-video {
		top: 0px;
		left: 0;
		height: 100%;
		margin-top: 20px !important;
		padding: 10px !important;
		padding-bottom: 10px !important;
		padding-top: 0px !important;
		text-align: center !important;
		min-width: 100% !important;
		max-width: 100% !important;
		border: solid 0px #dddddd; 
	}

	.box-text {
		min-width: 99% !important;
		max-width: 99% !important;
		text-align: left !important;
		border: solid 0px #dddddd;  	
	}
	
	.box-text p {
		text-align: left !important; 	
	}
	
	.box-text h6 {
		text-align: left !important; 	
	}
		
	.box-user-image {
		top: 10px !important;
		margin-right: 0 !important;	
	}
	
	.box-user-text {
		margin-top: 10px !important;
	}
	
	.box-container {
		padding: 0px !important;
	}
			
	.box-for-quiz {
		top: 140px;
		width: 95%;
		border: 0px solid #000;	
	}
	
	.box-bread {
		top: 50px;
		left: 0px;
	}
		
	.box-gold {
		 position: relative;
		 z-index: 2;
		 display: block;
		 width: 100%;
		 padding-bottom: 5px;
		 margin-bottom: 5px;
		 background-color: #AF8566;;
	     border-radius: 2px;
		 border: 1px solid #bbbbbb;
	}
	
	.box-grey,.box-grey-s,.box-grey-plain {
	 	padding: 0px !important;
	 	padding-top: 0px !important;
	 	padding-bottom: 10px !important;
	 	margin-top: 5px !important;
	 	margin-bottom: 0px;
	 	min-width: 100% !important;
	 	max-width: 100% !important;
	 	text-align: center !important;
		border: solid 1px #dddddd; 	
	}
	
	.box-grey-plain {
		border: solid 0px #dddddd; 	
	}

	.box-grey h1 {
		font-size: 1.8em; 	
	}
		
	.box-forgot {
		min-width: 100%;
		max-width: 100%;
		border: 0px solid red;	
	}
			
	.box-img {
		min-width: 100%;
	 	max-width: 100%;
	 	padding-bottom:30px;
	 	border: none !important;
	}
	
	.box-login {
		 width: 95%;
		 min-width: 95%;
		 max-width: 95%;
		 border: 0px solid #000;
	}
	
	.box-my-doc,.box-my-video {
		 float:none;
		 padding-top:10px;
	}
		
	.box-notify-main {
		position: relative;
		display: block;
		height: 100%;
		min-width: 100%;
		max-width: 100%;
		border: 0px solid red;
	}

	.box-notify-eval-grey,.box-notify-quiz-grey {	
		 width: 100%;
		 float: none;
		 margin: 0;
		 margin-bottom: 10px;
		 display: block;
	}
		
	.box-password {
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		border: 0px solid #000;	
	}
	
	.box-pending-image {	
		float: none;
		min-width: 100% !important;
		max-width: 100% !important;
		border: 0px solid #000;
	}
	
	.box-pending-course {
		min-width: 100% !important;
		max-width: 100% !important;
		text-align: center;
	}
	
	.box-quiz {
		margin: 0 auto;
		margin-bottom: 70px;
		width: 100%;		
	}	

	.box-menu, .resource-links {
		position: relative;
		top: 65px;
		margin: 0 auto;
		text-align: center;
		left: 0px !important;
		width: 100%;
		border: solid 0px #dddddd;  	 	
	}
	
	.box-results {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}
	
	.box-results p {
		font-size: 1.4em;
		padding-right: 0;
		padding-left: 0;
		text-indent: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.box-results .message-txt {
		font-size: 2em;
	}
	
	.box-results-side {
		display: none;
	}

	.box-results-grey {
		margin-top: 30px;
		min-width: 100% !important;
		max-width: 100% !important;
		padding: 5px !important;
	}
	
	.box-title {
		 display: block;
		 width: 100%;
		 min-width:100%;
		 max-width:100%;
		 padding-left: 2px;
		 padding-right: 2px;
		 padding: 10px;
		 box-shadow: none;
		 border: 0px solid #174769;
	}
	
	.box-welcome {
		width: 100%;
		min-width: 100%;
		max-width: 100%;	
	}
	
	.box-white-question {
		 position: relative;
		 z-index: 2;
		 display: block;
		 width: 100%;
		 padding: 20px;
		 margin-bottom: 2px;
		 background-color: #ffffff;
	     border-radius: 2px;
		 border: 1px solid #bbbbbb;
	}
	
	.box-white {
		min-width: 100%;
		max-width: 100%;
		padding: 10px;
		padding-bottom: 12px;
		padding-right: 10px !important;
		border: 0px solid #174769;
	}
	
	.box-white h1 {
		padding-left: 38px !important;
	 	text-indent: -27px !important; 
	 	font-size: 1em !important;
	 	text-align: left !important;
	}
	
	.box-white h3 {	
		padding-left: 20px !important;
		text-indent: -27px !important; 
	 	font-size: 1.4em !important;
	 	text-align: left !important;
	}

	.box-white h4 { 
		min-width: 97%;
		max-width: 97%;
		text-align: center !important;
	}
	
	.box-white a { 
		text-align: center !important;
	}
	
	.bread-crumb {
		text-align: left !important;
	}
	
	.brown-header {
		color:white !important;
		padding:10px;
		background-color:#AF8566;
	}
	
	.brown-header a {
		color:white !important;
	}	

	.btn-begin {
		display: block;
		min-width: 70%;
		max-width: 70%;
		font-size: 1.6em;
		padding: 12px;
		padding-left: 0;
		padding-right: 0;
		text-align: center !important;
		display: inline-block;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	
	.btn-flush a  {
	    text-align: center  !important;
	}
	
	.btn-results {
		margin: 0 auto !important;
		margin-top: 20px !important;
	}
	
	.btn-sm,.btn-resume {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	.btn-sm a {
		text-align:center;
		border: 1px solid #000;
	}
	
	.buttons-image{
		position: absolute;
		top: 62%;
		display: block;
		width: 100%;	
		left: 0;
		background-color: #eeeeee;
		font-size:.8em;
		padding: 10px;
		border-radius: 4px;
		border: 1px solid #ddd;
	}
	
	.buttons-image a {
		border-radius: 4px;
		padding: 5px;
		display: block;
		width: 70px;
		margin-top:8px;
		background-color: #ffffff;
		border: 1px solid #ddd;
		font-size:2em;
	}
	
	.check-email-box {
		min-width: 100%;
		max-width: 100%;
		border: 0px solid #000;	
	}
	
	.classes_today {
		min-width:93.65%;
	}
	
	.classes_today_x {
		min-width:2.5%;	
	}
	
	.desc {
		text-align: left !important;
	}
	
	.eval-header {
		margin-bottom: 20px;
		z-index: -2 !important; 	
	}
	
	.eval-question {
		text-align: left !important;
		font-size: 1.2em !important;
		text-indent: -16px !important;
		padding-left: 12px !important;
		border: solid 0px #dddddd;
	}	
		
	.eval-answer {
		text-align: center !important;
		text-indent: 0;
		padding-left: 0;	
		font-size: 1.2em !important;
	}
	
	.eval-select,#comment { 
		width: 80%;
	}

	.footer-home {
		bottom: 20px;
		border: solid 0px #dddddd;
	}
	
	#form-message {
		 border-radius:0;
		 min-width: 100%;
		 max-width: 100%;
	}

	.green_strip {
		background-color:#0e6b0e;
		width:100%;
		text-align:center;
		font-size:1.2em;
		color:white;
		padding:5px;
		font-weight:300;
	}
	
	.header-thin-bar {	
		top: 125px; 
	}
			
	.header-top-bar {	
		height: 130px;
	}
	
	.header-top-text {	
		font-size: 1.2em;
		margin-top: 95px;
	}

	.hide-me,.back-to-course,.box-results-side {
		display: none;
	}
	
	.img-table td {
		padding-bottom:20px;
	}
	
	#progress {
		top: 10px !important;
		left: 300px !important;
		border: 0px solid #000;
	}		
	
	.message-holder {
		 top: 30% !important;
		 min-width: 100%;
		 max-width: 100%;
	}
	
	.message-txt {
		 font-size: 1.6em !important;
		 font-weight: 700 !important;
		 text-align: center !important;
	}
			
	.pending-image {	
		min-width: 100% !important;
		max-width: 100% !important;	
	}
	
	.prod-videos {
		width: 99%;
		height: 235px; 
		margin-top: 20px !important;
	}
	
	.resource-section {
		margin-top: 50px !important;
	}
	
	.resource-section p {
		text-align: left !important;
	}
	
	.show-images {
		display: block;	
	}
	
	.show-login {
		top: 40px;	
		border: solid 0px #ff0000; 
	}
	
	.side-menu {
		position: relative;
		font-size: 1.4em;
		font-weight: 700;
		text-align: left;
		margin-bottom: 1px;
		top: 2px;
		padding: 2px;
		padding-left: 20px;
		width: 100%;
		display: block;
		background: rgb(238,238,238);
		background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%);
		border: solid 0px #ff0000; 
	}
	
	.side-menu:hover {
		color: #aaa;
		text-decoration: none;
	}
	
	.status-section {
		top: 20px !important;
	}
	
	.start-date,.expiration-date {		
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	textarea {
		margin-top: 20px;
		height: 60px;
	}
	
	.table-collapse {
		display: block;
	}
	
	.the-end {
		width:98%;	
	}

	.white-logo {
		left: 0;
		right: 0;
		top: 20px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: 80px;
		display: block;
	}
	
}