/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
	
}


/* Medium Devices, Desktops */
@media (min-width : 992px) {


}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {


}

/* Small Devices Potrait */
@media (max-width : 768px){

	.logo img{
	margin:0 10px 0 0;
	width:70px;
	height:70px;
	}
	
	
	#schoolName{
	font-size:25px;
	line-height:28px;
	}
	
	.list-unstyled{
	margin-top:0;
	}
	

}


/* Custom, iPhone Retina */ 
@media (max-width : 320px){

.topbar li {
  font-size: 10px;
  padding: 12px 3px;
}
.logo img {
  display: block;
  margin: 0 auto 25px;
}
.list-unstyled > li {
  margin22: 30px 100px -25px;
  margin: 0;
}
.panel-body > img {
  width: 100%;
}
.profile_another {
  height: auto;
}
.flexslider .slides .flex-caption {
  display: none;
}
.main-nav .nav .nav-item a {
  padding: 10px 30px;
}
.footer {
  height: auto;
}

	
	.logo img{
	margin:0 10px 0 0;
	width:40px;
	height:40px;
	}
	
	#schoolName{
	margin:0;
	font-size:22px;
	line-height:25px;
	}
	
	.list-unstyled{
	margin-top:0;
	}
	
	.navbar-nav > li{
	width:auto;
	}
	
	.flex-direction-nav a{
	margin-top:-10px;
	}
	
	.copyright{
	text-align:center;
	}
	
	.mobLine{
	float:left;
	width:100%;
	text-align:center;
	line-height:22px;
	}
	
	.footer .bottom-bar .social li{
	float: left;
	margin: 5px 5%;
	width: 15%;
	border-radius:7px;
	transition:1s;
	background: #444;
	}
		.footer .bottom-bar .social li:hover{
		background:#111;
		}
		
	.profile_another{
	margin:10px;
	height:auto;
	}
}


@media (max-width : 360px){
	
	.topbar li {
	font-size: 10px;
	padding: 12px 3px;
	}


	.logo img{
	margin:0 10px 0 0;
	width:50px;
	height:50px;
	}
	
	#schoolName{
	margin:0;
	font-size:22px;
	line-height:25px;
	}
	
	.list-unstyled{
	margin-top:0;
	}
	
	.navbar-nav > li{
	width:auto;
	}
	

	
	.copyright{
	text-align:center;
	}
	
	.mobLine{
	float:left;
	width:100%;
	text-align:center;
	line-height:22px;
	}
	
	.footer .bottom-bar .social li{
	float: left;
	margin: 5px 5%;
	width: 15%;
	border-radius:7px;
	transition:1s;
	background: #444;
	}
		.footer .bottom-bar .social li:hover{
		background:#111;
		}
		
	.profile_another{
	margin:10px;
	height:auto;
	}
}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {
.list-unstyled {
  text-align: center;
  margin-top: 20px;
}
.main-nav .nav .nav-item a {
  padding: 10px 30px;
}
.footer {
  height: auto;
}
.profile_another {
  min-height: 130px;
}


}