@media only screen and (min-width: 100px) and (max-width: 830px) {
	
	.container-checks h6 {
		text-align: left !important;
	}

	.buttons, .message-txt-tiny {
		 margin-left: 105px;
		 margin-top: -18px;
		 width: 70%;
		 font-size: 1em !important;
		 border: 0px solid #000;
	}
	
	.m-box-quiz,.m-box-account,.m-box-plain,.m-box-right,.m-box-comment,.mobile-admin,.autocomplete_course,.autocomplete_students {
		min-width: 99% !important;
		max-width: 99% !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		margin: 0 auto !important;
		text-align:center;
	}
	
	.m-box-account,.m-box-right {
		margin: 0px 0px 14px 0px !important ;
	}
	
	.m-box,.m-box-course,.m-box-w-nav {
		min-width: 95% !important;
		max-width: 95% !important;
		padding: 0px;
		top: 130px;
		left: 0px;
		margin: 0 auto !important;
		text-align: center;
		border: solid 0px #ff0000;
	}
	
	.m-box-w-nav {
		top: 110px !important;
	}
	
	.m-box-center {
		z-index: 0;
		width: 100%;
		left: 0px;
	}
	
	.m-box-course {
		display: block;
		min-width: 100% !important;
		max-width: 100% !important;
		min-height: 200px;
		max-height: 20%;
		background-color:#f3f3f3;
		padding: 20px;
	}
		
	.m-box-form {
		position: relative;
		display: block;
		top: 20px;
		min-width:100%;
		max-width:100%;
	}

	.m-box-grey {
		 min-width: 99%;
		 max-width: 99%;
		 border-radius: 0; 
		 margin: 0 auto !important;
		 margin-bottom: 3px !important;
	}
	
	.m-box-menu-top {
		position: relative;
		top: 128px !important;
		left: 0px; 
		margin-bottom: 0px;	
	}
	
	.m-box-nav {
		width: 100%;
		margin-top:20px;
		text-align: right;
		border: 0px solid #000000;	
	}
	
	.m-box-search {
		position: relative;
		min-width: 100%;
		max-width: 100%;
		display:block;
		margin-top: 20px;
		padding:10px;	
	}
		
	.m-box-short {
		display: block;
		min-width: 100%;
		max-width: 100%;
		padding: 10px;
		top: 130px;
		left: 0px;
		border: solid 0px #ff0000;
	}
	
	.m-box-table {
		position:relative;
		top:20px;
		display:inline-block;
		min-width:200px;
		max-width:100%;
		padding-top:5px;
		border:0px solid #cccccc;
	}

	.m-box-welcome-user-admin {
		position: absolute;
		top: 8px;
		text-align: center;
		font-size: 1em;
		color: white;
		width: 100%;
		border: 0px solid #ff0000;	
	}	
	
	.m-box-white {
		 min-width: 99% !important;
		 max-width: 99% !important;
		 margin-top:0 !important;
		 margin: 0 auto !important;
	}
	
	.m-box-white h6 {
		 text-align:left !important;
	}

	.m-header-side-bar {
		position: absolute;
		top: 85px;
		left: -100%;
		padding: 0px;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
		line-height: 3em;
		background-color: #174769;
		border: solid 0px #ff0000; 
	}
	
	.m-header-top-bar-admin {	
		position: fixed;
		z-index: 4;
		width: 100%;
		height: 130px;
		display: block;
		text-align: center;
		background-color: #124456;
		border: solid 0px #ff0000; 
	}
	
	.m-header-top-text-admin {	
		font-size: 1.4em;
		font-weight: normal;
		color: #ffffff;
		text-align: center;
		letter-spacing: -.2px;
		width: 100%;
		display: inline-block;
		margin-top: 20px;
		text-align: center;
		border: solid 0px #ff0000; 
	}
	
	.m-header-thin-bar-admin {	
		position: fixed;
		top: 130px;
		width: 100%;
		z-index: 2;
		height: 5px;
		display: block;
		margin-bottom: 30px;
		text-align: center;
		background-color: #ffcc00;
		border: solid 0px #ff0000; 
	}

	.m-header-user-menu-side {
		position: relative;
		top: 0px;
		z-index: 2223;
		width: 100%;
		height: 60px;
		vertical-align: top;
		display: inline-block;
		background-color: #ffffff;
		border: solid 0px #ff0000; 
	}
	
	.m-header-user-image-side {
		position: absolute;
		left: 20px;
		top: 5px;
		border: solid 0px #ff0000; 
	}
	
	.m-header-user-name-side  {
		position: absolute;
		left: 90px;
		top: 12px;
		font-size: 1.6em;
		color: #124456;
		font-weight: 300;
		text-align: left;
		width: 70%;
		border: solid 0px #ff0000; 
	}

	.m-header-top-menu {
		position: fixed;
		display: block;
		top: 21px;
		left: 5px;
		width: 50px;
		height: 40px;
		z-index: 5;
		border: solid 0px #ff0000; 
	}

	.m-menu-top {
		display: inline-block;
		min-width: 115px;
		max-width: 150px;
		height: 26px;
		color: #ffffff;
		font-size: 1em;
		padding-top: 3px;
		margin-top: 0px;
		transition: all 500ms ease;
		text-decoration: none;	
		background-color: #124456;
		border: solid 2px #124456;  	
	}
	
	.m-menu-top:hover {
		color: #174769;
		border: solid 2px #174769;
		background-color: #ffffff;  
		text-decoration: none;	
	}
	
	.m-notify-desc {
		padding: 5px 10px 0px 10px !important;
		font-size: .9em !important;
		text-align: left !important;
	}
	
	#m-progress {
		top: 20%;
		left: 0px;
		width: 100%;
	}
	
	.m-header-user-menu,.m-menu-back,.m-footer,.m-box-expire,.m-box-quiz,.search-field,.m-header-user-menu-sub,.showquizbtn,.btn-quiz,.btn-results {
		display: none;
	}
		
	.m-user-pic {
		margin: 0 auto !important;
	}
	
	.m-white-logo-admin {	
		position: relative;
		top: 20px;
		height: 80px;
		border: solid 0px #ff0000;  
	}

	.display-records {
		font-size: .9em !important;
		color: #aaaaaa !important;
	}
	
	.eval-select-sm { 
		top: -1px;
		padding: 3px !important;
		border: 1px solid #cccccc;
	}

	.h4-mobile,.mobile,.mobile-admin,.box-mobile {
		display: block;
	}
	
	.h4-mobile {	
		text-align: left !important;
		font-size: 1.2em;
		font-weight: 300;
	}

	.nav-results {	
		display: inline-block;
	}
	
	.prev,.next {
		top: 0px !important;
	}
	
	.radio {
	  top: -1px;
	}
	
	.side-menu {
		text-align: left !important;	
	}
	
	.show-images {
		display:block;	
	}
	
	.box-img {
		width: 100% !important;
		max-width: 100% !important;
		border: none;
		background: none;
	}
	
	.img-table {
		width: 100% !important;
		max-width: 100% !important;
		border: 1px solid #dddddd;
	}
	
	.img-table td {
		width: 100% !important;
		max-width: 100% !important;
	    border: 1px solid #eeeeee;
	}
}