@media (max-width:1300px) {
/*panel wrappers*/
#myclassespancnt, .indclassespancnt {
	width: 90%;
	max-width: 650px;
	margin: 0 auto;
	padding: 50px 0;
}

.indclassespancnt {
	min-height: 885px;
}

/*my classes & individual classes*/
.classescol1, .classescol2 {
	float: none;
	width: 100%;
	height: auto;
}
}

@media (max-width:1220px) {
/*about 2*/
.forthecol {
	width: 46%;
}

#studentscol, #teacherscol, #parentscol, #businessescol {
	height: 310px;
}

#studentscol, #teacherscol {
	margin-bottom: 30px;
}

#studentscirc, #teacherscirc, #parentscirc, #businessescirc {
	width: 165px;
	height: 165px;
	margin: 0 auto 15px auto;
}

/*rewards panel*/
.rewpanhalf {
	width: 100%; 
	float: none;
	min-width: 0;
}

#mainfindrewbtn a {
  margin: 30px auto 30px auto;
}

/*rewards center*/
.rewardbox {
width: 31.333333333333%;
padding: 10% 4% 0 3%;
}
}

@media (max-width:1180px) {	
/*head tags*/
#infographicpancnt h1.whitedkgray {
	font-size: 70px;
}

/*panel wrappers*/
#infographicpancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

/*home*/
#home {
	background-image: none;
}

#homecntblocks {
	position: absolute;
	top: 65;
	left: 0;
	right: 0;
	margin: 65px auto 0 auto;

}

/*teacher points system infographic*/
.teacherpointscol {
	width: 47.5%;
	margin-right: 0px;
}

#testteachpts, #assignteachpts {
	margin-right: 5%;
}

/*rewards center*/
#rewcentpancnt h1 {
	font-size: 88px;
	line-height: 77px;
}
}


@media (max-width:1035px) {
/*sticky nav*/
.navmainlinks ul li a {
padding: 15px 20px;	
}

ul.dropdownmenu {
max-width: 130px;	
}

ul.dropdownmenu li a {
padding: 8px;	
}


/*rewards center*/
.rewardbox {
width: 48%;
padding: 15% 6% 0 4.4%;
}
}

@media (max-width:1000px) {
/*head tags*/
.pointssystemcnt h1.whitedkgray {
	font-size: 80px;
	line-height: 72px;
}

.pointssystemcnt h2 {
	line-height: 25px;
}

.studentpointscol h2, .teacherpointscol h2 {
	padding-top: 10px;
	font-size: 26px;
	line-height: 25px;
}

#rewcentpancnt h1 {
	font-size: 70px;
	line-height: 62px;
}

/*infographic*/
#stars, #stars img {
	width: 100%;
	display: block;
	margin: 0px 0 20px 0;
}


/*student points system infographic*/
.psstudheadorange, .psstudheadgreen, .psstudheadblue {
	height: 75px;
}

.studentpointscol h2 span {
	display: block;
}


/*rewards center details*/
.rewardboxlg {
padding: 120px 5% 30px 5%;
}

.rewarddetcol {
width: 100%;
display: block;
float: none;
}

.rewarddetcol:first-of-type {
padding-right: 0;
}
}

@media (max-width:900px) {
/*panel wrappers*/
#regpancnttemp {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

/*my points*/
a#myclasses, a#enrollinclass, a#viewassign, a#myrewards {
height: 95px;
width: 165px;
padding-top: 70px;
margin-bottom: 0;
}

.pointscirc h5 {
	font-size: 16px;
	line-height: 20px;
}
}

@media (max-width:800px) {
body.rcbg .mainwrap {
background-image: none;
background-color: #f4f4f4;	
}

/*panel wrappers*/
#regpancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#rewcentpancnt {
	width: 90%;
	margin: 0 3.5% 0 6.5%;
	padding: 50px 0;
}

.rewcentdetailpancnt {
	width: 90%;
	padding: 50px 0;
	margin: 0 5%;
}
	
/*registration*/
.regthird {
width: 48.2698961937715%;
margin-bottom: 30px;
}

#userinfo, #persinfo {height: 250px;}

#persinfo {padding-right: 0;}
#schoolinfo {padding-left: 0;}

.regthird:before {
	content: "";
	display: block;
	clear: both;
}

#regpancnt .smbtn {
	margin-top: 82px;
}

/*main infographic*/
#infographicwrap, .igrow, .igsubtitle, .igcnt, .igarrow {
width: 100%;
}

.igsubtitle, .igcnt, .igcell, .igarrow, #igtrophy {
	float: none;
	height: auto;
}

/*arrows*/
.igarrow {
	height: 30px;
	background-position: center center;
}

#igstudcellrow1 .igarrow {
	background-image: url(../images/yellow-triangle-down.png);
}

#igstudcellrow2 .igarrow {
	background-image: url(../images/yellow-triangle-down.png);
}

#yellowdownleft {
	padding-bottom: 10px;
	background-image: none;
}

#igteachrow .igarrow {
	background-image: url(../images/orange-triangle-down.png);
}

#igparentrow .igarrow {
	background-image: url(../images/blue-triangle-down.png);
}

#igbusrow .igarrow {
	background-image: url(../images/green-triangle-down.png);
}
/*end arrows*/

/*student row*/
#igstudcellrow1 .igcell, #igstudcellrow2 .igcell {
	width: 100%;
}

#igstudcellrow2 #studcell1 {
	width: 100%;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(../images/yellow-triangle-down.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#igstudcellrow2 #studcell2 {
	margin-right: 0px;
	padding-top: 0px;
}
/*end student row*/

/*teacher row*/
#igteachrow .igcell {
	width: 100%;	
}

/*parent row*/
#igparentrow .igcell {
	width: 100%;
}

/*business row*/
#igbusrow .igcell {
	width: 100%;
}

#igtrophy {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

#igtrophy img {
	width: 50%;
}


/*rewards center*/
#rewardsboxwrap {
	margin-top: 50px;	
}

.rewardbox {
height: 410px;
}

/*rewards center detail*/
.rewardboxlg {
padding: 120px 6.5% 30px 5%;
}
}

@media (max-width:750px) {
/*head tags*/
#infographicpancnt h1.whitedkgray {
	white-space: normal;
	font-size: 60px;
}

/*sticky header*/
.navlogin h6 {
font-size: 15px;
line-height: 19px;
margin: 0 20px 4px 0;
vertical-align: bottom;
text-align: right;
}

/*footer*/
.footertxt {
	display: block;
	margin-right: 0;
	margin-bottom: 2px;	
}

/*registration temp*/
#regbannercal, #regbannertype {
	float: none;
	text-align: center;
	width: 100%;
}

#regbannertype h3 {
	margin: 30px 0 0 0;
}


#regbannercal img {
	width: 50%;
	min-width: 170px;
}


/*my points*/
.pointscirc {
	width: 100%;
	float: none;
}

a#myclasses, a#enrollinclass, a#viewassign {
margin-bottom: 30px;	
}
}




@media (max-width:700px) {
/*head tags*/
h1 {
	font-size: 88px;
	line-height: 77px;
}

h3 {
	font-size: 25px;
	line-height: 30px;
}

h4 {
	font-size: 18px;	
}



#myclassespancnt h1, .indclassespancnt h1 {
	font-size: 70px;
}


/*buttons*/
#mainlearnbtn a, #myacctbtn a {
 margin: 16px auto 17px auto;
}

/*rules*/
#textwrulesabt, #textwrulesrew {
	height: 30px;	
}


/*nav*/
nav ul li a {
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;	
background-color: #2690be;
border-bottom: 1px solid #01aef0;
color: #ffffff;
display: block;
font-family: 'ralewaylight', Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
padding: 5px 0px;
text-decoration: none;
}

nav ul li a:visited {
}

nav ul li a:hover {
background-color: #13cf56;
color: #ffffff;
}

nav ul li a:focus, nav ul li a:active, nav ul li a.active {
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;	
background-color: #01aef0;
border-bottom: 1px solid #01aef0;
color: #ffffff;
display: block;
font-family: 'ralewaylight', Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
padding: 5px 0px;
text-decoration: none;
}

ul.sub-menu li a {
background-color: #2690be;
border-bottom: 1px solid #01aef0;
}

ul.sub-menu li a:visited {
}

ul.sub-menu li a:hover {
background-color: #13cf56;
color: #ffffff;
}

ul.sub-menu li a:focus, ul.sub-menu li a:active, ul.sub-menu li a.active {
background-color: #2690be;
}

.navmainlinks  ul {
	display: none;
}

.mobile-nav {
	display: block;
}	

.menu-btn {
	position:relative;
	left: 90%;
	display:inline-block;
	cursor:pointer;
}

.menu-btn div {
	position:absolute;
	left:100%;
	top:64%;
	padding-right:8px;
	vertical-align:middle;
	z-index:99;
}

.menu-btn span {
	display:block;
	width:40px;
	height:6px;
	margin:7px 0;
	background-color: #01aef0;
	z-index:99;
}

.responsive-menu {
	display:none;
	position:absolute;
	right:20px;
	top: 145px;
	border: 1px solid #2690be;
	width:320px;
	background-color: #01aef0;
}

.responsive-menu .menu-header {
	display: block;
}
.responsive-menu .menu-header ul {
	position:relative;
	display:block;
}

.responsive-menu .menu-header li {
	float:none;
	line-height:55px;
	width:100%;
	text-align:center;
	position:relative;
	padding:0;
}

 .expand {
	display:block!important;
}

.responsive-menu .menu-header li .sub-menu {
	display:none;
	font-size:16px;
}

.responsive-menu .menu-header li .sub-menu li{
	border-bottom:none;
	line-height:35px;
}

.open-menu-link {
	display:none;
	position:absolute;
	right: 40px;
	top:0;
	color:#ffffff;
	font-size: 20px;
	line-height: 30px;
	cursor:pointer;
}

.close {
	font-size: 20px;
	line-height: 30px;
	font-weight: bolder;
}

.responsive-menu .menu-header li .visible {
	display:block;
}



/*home*/
#homecntblocks {
	margin: 15px 0;
	width: 100%;
	min-width: 0;	
}

#hardwork, #hardwork img {
	display: none;
}

#homeblocks {
	width: 100%;
	height: 360px;	
}

#logoblock {
	width: 94%;
	margin: 0 3% 17px 3%;
	padding: 17px;
	height: auto;
	float: none;
	text-align: center;
}

#logoblock h6 {
	max-width: 100%;
}

img#logomain {
	width: 240px;
	margin: 0 auto 25px;	
}

#homeformblock {
	width: 100%;
	height: auto;
	float: none;
}

/*register*/
#regpancnt .smbtn {
	margin-top: 76px;
}
}

@media (max-width:650px) {
/*head tags*/
.pointssystemcnt h1.whitedkgray {
	font-size: 65px;
	line-height: 57px;
}

.pointssystemcnt h2 {
	font-size: 22px;
	line-height: 21px;
}

.studentpointscol h2, .teacherpointscol h2 {
	font-size: 26px;
	line-height: 25px;
}

.studentpointscol h2 span, .teacherpointscol h2 span {
	display: inline;
}

/*points system infographic*/
.studentpointscol, .teacherpointscol {
	width: 100%;/*300/1000*/
	margin-right: 0; /*50/1000*/
	height: auto;
	float: none;
	margin-bottom: 50px;
}

.psstudheadorange, .psstudheadgreen, .psstudheadblue, .psteachheadorange, .psteachheadgreen, .psteachheadblue, .psteachheadpink {
	height: 50px;
}
}


@media (max-width:600px) {
/*sticky header*/
.navlogin {
	margin-bottom: 18px;
}
.navlogin h6 {
display: block;
margin: 0 0 10px 0;
}

/*panel wrappers*/
#busportcnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#aboutcnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#about2cnt {
	width: 90%;
	margin: 0 5%;
}

#rewardspancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#myacctpancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#submitgradepancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#managepancnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#rewcentpancnt {
	width: 70%;
	margin: 0 13% 0 17%;
}

/*bus portal*/
/*redemption*/
#redempstats {
margin: 50px 0;
}

.redempbox {
width: 48.260869565217% /*444/460*/;
margin-bottom: 16px;
}

#circbox, #cancbox {
margin-right: 0;
}

#redbox, #queuebox {
margin-right: 03.478260869565% /*16/460*/;	
}

/*about 2*/
.forthecol {
	width: 100%;
	padding: 0;
}

#studentscol, #teacherscol, #parentscol, #businessescol {
	height: auto;
}

#studentscol, #teacherscol, #parentscol {
	margin-bottom: 30px;
}

#businessescol {
	margin-bottom: 0;
}

/*manage profile*/
#userinfomanage, #manageinnerwrap, #managebtns {
	width: 100%;
}

#userinfomanage {
	margin-bottom: 12px;
}

.managebtn {
	width: 200px;
	margin: 0 auto;
}


/*rewards center*/
.rewardbox {
width: 100%;
padding: 30% 11% 0 9%;
height: 460px;
}

#rewcentpancnt input:first-of-type {
	width: 220px;
	margin-bottom: 8px;
	margin-right: 2%;
}
}

@media(max-width:590px){
/*sticky header 100% width*/
nav {
	width: 100%;
	padding: 0 10px;
	height: 130px;	
}

.navlogo {
	width: 10%;
}

.navlogo img {
	margin-top: 15px;
	width: 140px;
	height: 101px;
}

.navrightcnt {
	width: 90%;
}

.navlogin {
width: 100%;
text-align: right;
float: none;
height: 100px;	
}

.navlogin h6 {
	display: none;
}

.navlogin form button {
	display: block;
}

.navlogin .loginbtn {
	margin-right: 0;
	margin-bottom: 8px;
}

.navlogin, .navpoints {
text-align: right;
width: 40%;
float: right;
padding-top: 60px;
}

.navpoints h6 {
	text-align: right;
	font-size: 13px;
	line-height: 15px;
}

.menu-btn {
	position:relative;
	top: 5px;
	right: 0;
	display: inline-block;
	cursor: pointer;
}

.menu-btn span {
	width:30px;
	height:4px;
	margin:6px 0;	
}

.responsive-menu {
	top: 130px;
	right:0px;	
}

.responsive-menu, .responsive-menu .menu-header, .responsive-menu .menu-header .menu{
		width: 100%;
}
.responsive-menu .menu-header li {
		text-align: center;
}
	
}

@media(max-width: 550px){
/*head tags*/
#infographicpancnt h1.whitedkgray {
	font-size: 50px;
	line-height: 42px;
	margin-bottom: 12px;
}

#infographicpancnt h1.whitedkgray span {
	display: block;
}

/*registration*/
.regthird {
width: 100%;
margin-bottom: 30px;
}

#userinfo, #persinfo {height: auto;}

#userinfo {padding-right: 0;}

#regpancnt .smbtn {
	margin-top: 0;
}

}

@media(max-width: 500px){
/*panel wrappers*/
#listtemplatecnt {
	width: 90%;
	margin: 0 5%;
	padding: 50px 0;
}

#myclassespancnt, .indclassespancnt {
	min-height: 390px;
}

/*my classes & individual classes*/
.classdetbox {
	float: none;
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
}

.classdetbox:nth-of-type(odd) {
margin-right: none;
}

#mainclassimg, .classdetbox .rcrimg {
	display: none;
}


@media(max-width: 490px){
/*head tags*/
h6 {
font-size: 15px;
line-height: 19px;
}

/*buttons*/
#mainlearnbtn a, #myacctbtn a {
 margin: 0 auto;
}

/*home*/
#homecntblocks {
	margin: 12px 0;			
}

#logoblock {
	margin: 0 3% 12px;
	height: auto;
	padding: 17px 5%;
}

img#logomain {
	margin: 0 auto 17px;	
}

/*rewards center*/
.rewardbox {
height: 400px;
}
}


@media(max-width: 460px){
/*global*/
#myacctpancnt h1 span.pointshighlight {
font-size: 1.25em;
line-height: 51px;	
}

/*head tags*/
h1 {
	font-size: 70px;
	line-height: 62px;
}

#regpancnt h1 {
	margin-bottom: 30px;	
}

#regpancnt h1, #myacctpancnt h1, #manage h1 {
	font-size: 50px;
	line-height: 42px;
}

#rewcentpancnt h1 {
	font-size: 50px;
	line-height: 42px;
}


h3 {
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-size: 18px;	
}

/*rules*/
#textwrulesabt, #textwrulesrew {
	height: 28px;	
}
}

@media(max-width: 400px){
/*rewards center*/
.rewardbox {
height: 350px;
}
}