/* This CSS for Small Device*/
@media (max-width: 767px) {

}

/* This CSS for Tablet */
@media (min-width: 768px) {

}


/* This CSS for Medium Mobile */
@media (max-width: 480px) {

.menu {
  display: none;
}
.carousel-caption {
  display: none;
}
.bread_area {
  height: 115px;
  margin-bottom: 25px;
  padding-top: 25px;
}
.bread_area h1 {
  font-size: 22px;
}
.design_2_list {
  height: auto;
  line-height: 18px;
}
.profile_content {
  padding: 0 25px;
}
.reference th {
  display: block;
}
.reference td {
  display: block;
}
.reference ul {
  padding-left: 18px;
}
.profile_another {
  height: 150px;
}
.footer_bottom_area p a {
  color: #ffffff;
  display: block;
  font-weight: bold;
}
.nav > li > a {
  font-size: 13px;
  padding: 3px 0;
}

}

@media (max-width: 360px) {
	#schoolName {
	font-size:18px;
	margin:0;
	text-align:center;
	}
	
	#logo{
	float: none;
    width: 60px;
    padding: 2px;
    margin: 5px 135px;
	}
	
	.header_top ul{
	padding: 0; width: 100%; margin: 0;
	}
	
	.header_top ul li{
	float: left; margin: 0; width: 100%; text-align: center; font-size: 12px;
	}

	.LinkSpecial a{
	margin: 0 115px 8px 115px;
	}
	
	#cssmenu{
	margin:0;
	}
	
	#schoolHeaderAddress{
	text-align:center; width: 100%; margin-bottom: 10px;
	}
	
	#school_estd{
	text-align: center; margin: 0; line-height: normal;
	}
	
	.social_icon_small{
	margin: 5px 105px;
	}
	
	#latest_news_top{
	width: auto; font-size: 12px; padding: 0 5px;
	}
	
	.my_wrapper{
	width: auto; float: none;
	}
		.marquee a{
		font-size: 12px;
		}
		
	#homeParaLarge{
	font-size: 14px;
	}
	
	.large_heading{
	font-size: 24px;
	}
	
	.teacherPart{
	min-height: 200px;
	max-height: 200px;
	}
	
	.footer_social i {
	margin: 0 2px;
	width: 30px;
	line-height: 30px;
	height: 30px;
	}
	
	.footer_social p {
	font-size: 14px;
	margin: 5px 10px 10px 0;
	}
}

/* This CSS for Small Mobile */
@media (max-width: 320px) {

	#schoolName {
	font-size:18px;
	margin:0;
	text-align:center;
	}
	
	#logo{
	float: none;
    width: 60px;
    padding: 2px;
    margin: 5px 115px;
	}
	
	.header_top ul li{
	float:none;
	margin:0;
	text-align:center; font-size: 12px;
	}
	
	.LinkSpecial a{
	margin: 0 95px 8px 95px;
	}

	.single_page1 img {
	  width: 100%;
	}

	.bread_area h1{
		font-size:17px;
	}

	.mid_box_right_link img{
	width:25px;
	height:20px;
	}

	.profile_another {
	  height: auto;
	}
	.profile_content_2part img {
	  display: block;
	  height: 120px;
	  width: 100%;
	}
	.menu {
	  display: none;
	}
	.carousel-caption {
	  display: none;
	}
	.nav > li > a {
	  padding: 5px 0;
	}

	.design_2_list {
	  height: auto;
	  line-height: 18px;
	}
	.profile_another {
	  padding22: 0 10px;
	}
	.profile_content {
	  padding: 0 15px;
	}
	.reference th{display:block}
	.reference td{display:block}
	.reference ul {
	  padding-left: 15px;
	}
	.bread_area {
	  height: 70px;
	  padding-top: 10px;
	  margin-bottom:10px
	}
	.footer_bottom_area p a {
	  color: #ffffff;
	  display: block;
	  font-weight: bold;
	}
	.nav > li > a {
	  font-size: 13px;
	  padding: 3px 0;
	}
	.profile_content_2part img {
	  height22: 200px;
	}
	
	#schoolHeaderAddress{
	text-align:center; width: 100%; margin-bottom: 10px;
	}
	
	#school_estd{
	text-align: center; margin: 0; line-height: normal;
	}
	
	.social_icon_small{
	margin: 5px 85px;
	}
	
	#latest_news_top{
	width: auto; font-size: 12px; padding: 0 5px;
	}
	
	.my_wrapper{
	width: auto; float: none;
	}
		.marquee a{
		font-size: 12px;
		}
		
	.contact-w3ls:before {
    top: -42px;
    border-width: 0 230px 30px 0;
	}
	
	.contact-w3ls:after {
    top: -105px;
    border-width: 55px 450px 50px 0;
	}
	
	#homeParaLarge{
	font-size: 14px;
	}
	
	.large_heading{
	font-size: 24px;
	}
	
	.teacherPart{
	min-height: 200px;
	max-height: 200px;
	}
	
	.footer_social i {
	margin: 0 2px;
	width: 30px;
	line-height: 30px;
	height: 30px;
	}
	
	.footer_social p {
	font-size: 14px;
	margin: 5px 10px 10px 0;
	}
}