@media (max-width: 980px) { 

/*#header {
		height: 140px;
}*/


/*#header .links {
	  float: left;
	  position: relative;
	  clear: both;
	  margin-top: -31px;
}*/
}


@media (max-width: 768px) { /*only on mobile*/

.container {
	padding: 0 16px;
}
.col{
	float:none;
	width:auto !important;
	margin:0;
}

.grid{
	float: none;
	width: auto !important;
	/* margin: 0; */
	width: 80%;
	/* background: #000; */
	margin-left: -17px;
}
	
.grid li {
	font-size: 0.9em;
	line-height: 1em;
	margin-bottom: 1em;
	background: #EBF7FF;
	border: 1px solid #B3C2DF;
	border-radius: 10px;
	padding: 5px 0px 5px 12px;
	width: 93%;
}	
	
/*#header {
	height: 210px;
}*/

/*
#header img{
		height: 50%;
		width: 50%;
		margin:0 auto;
}*/
	
.btns {
	  position: static;
}	

#header .links {
  right: 16px;
  left: 16px;
  top: initial!important;
  margin-left: 0;
}

/*#header .links {
	  float: left;
	  position: relative;
	  clear: both;
	  margin-top: 31px;
	  font-size: 1.1em;
}*/	
#header {
	padding: 20px 0;
}
#header .logo {
  float: none;
}
#header .logo img{
	height:46px;
	width:auto;
}
#header .links {
	font-size: 1.3em;
}
	


.mainContent{
	margin-top:20px;
}

/*.col {
	margin-bottom: 20px;
}*/	
.box {
	padding:16px;
	margin-bottom: 20px;
}
.box h1, .box>h2:first-child {
	margin: -17px -17px 16px;
	padding: 8px 16px;
}

	
#footer{
		/*height: auto;*/
		padding:20px 0;
		margin-top: 20px;
}


input {
	width: 100%;
}

#loginheader {
	text-align: center;
}
.nomo{
	display:none !important;
}
	
}




@media (max-width: 599px) { /* REGISTER FORM styles for mobile */
	


input#fos_user_registration_form_pharmSchool, input#fos_user_registration_form_gradYear {
	width: 70px;
}

	
	
	
	
	
	
	
	
	
	
	
	
}